.bm-app{display:none;position:relative;min-width:0;width:100%;background:#f1f5fa;color:#14253b;font-family:inherit}.bm-app.on{display:block}.bm-app *,.ag-modal-back *{box-sizing:border-box}.bm-app button,.ag-modal-back button,.ag-settings-entry button{cursor:pointer;touch-action:manipulation;min-height:44px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;color:#173451;font-family:inherit;font-size:14px;font-weight:650;padding:9px 13px}.bm-app button:focus-visible,.ag-modal-back :focus-visible{outline:3px solid #267de0;outline-offset:2px}.bm-app button:disabled,.ag-modal-back button:disabled{opacity:.55;cursor:wait}.ag-page{max-width:1660px;margin:0 auto;padding:22px}.ag-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.ag-heading h1{font-size:30px;line-height:1.15;margin:0 0 5px;font-weight:800;letter-spacing:-.5px}.ag-heading p{font-size:16px;color:#4b607a;margin:0}.ag-controls{display:flex;gap:12px;align-items:center}.ag-segment{display:flex;background:#eaf0f7;border:1px solid #dce5ee;border-radius:10px;padding:3px}.ag-segment button{border:0;background:transparent;font-weight:550}.bm-app .selected{background:#2679d8;color:#fff;border-color:#2679d8}.bm-app .ag-primary,.ag-modal-back .ag-primary{background:#098256;color:#fff;border-color:#098256;font-weight:700;box-shadow:0 2px 3px #08744814}.ag-controls>.ag-primary{min-width:225px;min-height:47px}.ag-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.ag-main,.ag-sidebar{min-width:0}.ag-panel{background:#fff;border:1px solid #e2e9f1;border-radius:13px;padding:16px;box-shadow:0 2px 8px #26487304;margin-bottom:14px}.ag-panel>header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ag-panel h2{font-size:21px;line-height:1.25;margin:0 0 10px;font-weight:750}.ag-panel>header h2{margin:0}.ag-count{font-size:13px;padding:4px 8px;background:#f0f4f9;color:#4b617b;border-radius:6px;white-space:nowrap}.ag-hours{margin-left:auto;font-size:13px;color:#425a76;background:#f3f6fa;padding:4px 7px;border-radius:5px}.ag-service-icon{margin-right:10px;font-size:29px;vertical-align:middle}.ag-service-icon.lunch{color:#ecaa13}.ag-service-icon.dinner{color:#8250ed}.ag-date-controls{display:flex;align-items:center;gap:6px;margin-bottom:12px;flex-wrap:wrap}.ag-date-controls>input{max-width:155px}.ag-service-filter{display:flex;gap:4px;margin-left:auto}.ag-service-filter button{font-size:13px;padding:6px 11px;min-height:38px}.ag-row,.ag-table-head{display:grid;grid-template-columns:52px minmax(105px,1.5fr) 58px minmax(80px,1fr) minmax(70px,1fr) minmax(100px,1.25fr) 108px 44px;gap:8px;align-items:center}.ag-row{min-height:55px;border-top:1px solid #edf1f6;padding:5px 0 5px 9px;border-left:3px solid #66a3e5;font-size:14px;position:relative}.ag-row:has(.pending){border-left-color:#edb03d}.ag-row:has(.cancelled){border-left-color:#e47880}.ag-row:has(.confirmed){border-left-color:#57b28c}.ag-row>*,.ag-client{min-width:0;overflow-wrap:anywhere}.ag-client strong{font-size:14px;font-weight:700}.ag-time{font-variant-numeric:tabular-nums}.ag-phone{color:#233a53;text-decoration:none;font-size:13px}.ag-table-head{font-size:12px;color:#556982;background:#f4f7fb;padding:9px 0 9px 12px;border-radius:6px}.ag-status{display:inline-flex;align-items:center;gap:5px;border-radius:7px;font-size:12px;padding:5px 6px;white-space:nowrap;font-weight:650}.ag-status i,.ag-filter i{display:inline-block;border-radius:50%;width:7px;height:7px;background:currentColor;flex-shrink:0}.ag-status.confirmed{background:#d6f2e5;color:#0a7750}.ag-status.pending{background:#fff0cd;color:#9b5900}.ag-status.cancelled{background:#ffe2e5;color:#b52b3d}.ag-seated{display:block;color:#39644e;font-size:11px;margin:3px 0}.bm-app .ag-edit{border:0;background:#f0f6fd;color:#2673bd;width:42px;font-size:22px;padding:5px}.ag-empty{padding:18px 0;text-align:center;color:#52677f;font-size:14px}.ag-all>header{flex-wrap:wrap}.ag-all h2{font-size:19px}.ag-calendar header{justify-content:space-between;gap:2px}.ag-calendar header strong{font-size:16px}.ag-calendar header button{border:0;font-size:25px;padding:2px 10px}.ag-calendar-days,.ag-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.ag-weekday{font-size:12px;color:#60728a;text-align:center;padding:8px 0}.ag-calendar-days button{position:relative;padding:4px 0;min-height:35px;border:0;font-size:13px;font-weight:500}.ag-calendar-days button i{position:absolute;width:4px;height:4px;border-radius:50%;background:#2e8fd6;bottom:2px;left:calc(50% - 2px)}.ag-calendar-days .today:not(.selected){color:#116ec6;box-shadow:inset 0 0 0 1px #7cb5e8}.ag-calendar-days .selected i{background:#fff}.ag-filter{display:flex!important;justify-content:space-between;align-items:center;width:100%;border:0!important;min-height:42px!important;font-weight:500!important}.ag-filter span{display:flex;align-items:center;gap:9px}.ag-filter i{width:12px;height:12px}.ag-filter i.confirmed{background:#71c59c}.ag-filter i.pending{background:#efb647}.ag-filter i.cancelled{background:#eb7a83}.ag-filter b{font-size:13px;border-radius:20px;background:#eff3f8;color:#1d3452;padding:4px 7px}.ag-new h2{margin-bottom:12px}.bm-app label,.ag-modal-back label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#30455f;font-weight:550;margin-bottom:11px}.bm-app input,.bm-app select,.bm-app textarea,.ag-modal-back input,.ag-modal-back select,.ag-modal-back textarea{font-family:inherit;font-size:16px;line-height:1.35;width:100%;min-width:0;min-height:44px;border:1px solid #d4dee9;border-radius:7px;padding:9px 10px;background:#fff;color:#20364f}.bm-app input::placeholder,.ag-modal-back input::placeholder{color:#6b7d91;opacity:1}.bm-app textarea,.ag-modal-back textarea{resize:vertical;min-height:68px}.ag-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ag-save{width:100%;font-size:15px!important}.ag-form-error,.ag-message{border-radius:8px;padding:12px;font-size:14px;line-height:1.45;background:#e6f4ed;color:#206d50}.ag-form-error,.ag-message.error{background:#fff0ee;color:#a23033;border:1px solid #efc8c3}.ag-availability{font-size:12px;line-height:1.4;color:#32664c;margin:0 0 10px}.ag-availability.error{color:#af3434}.ag-suggestions{border:1px solid #bed2e9;border-radius:8px;max-height:230px;overflow:auto;margin:-5px 0 12px}.ag-suggestions button{display:block;width:100%;text-align:left;border:0!important;border-radius:0!important;border-bottom:1px solid #e1e8f1!important;min-height:54px!important}.ag-suggestions small{display:block;font-size:12px;color:#536d89;font-weight:400;overflow-wrap:anywhere}.ag-new-badge{display:block;color:#805400;background:#ffedb4;width:fit-content;padding:2px 5px;font-size:10px;border-radius:3px;margin-top:2px}.bm-book.highlighted{outline:3px solid #e9b539;outline-offset:-2px;background:#fff8da;box-shadow:0 0 0 3px #e9b53922;z-index:1}.ag-week{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ag-week .ag-panel{margin:0 0 4px}.ag-day-title{font-size:16px!important;border:0!important;padding-left:0!important}.ag-week-service{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e7edf4;padding:12px 0}.ag-week-service>span{font-size:13px;color:#526982}.ag-week-service button{text-align:left;font-weight:500!important}.ag-week-service button>span:not(.ag-status){display:block;font-size:12px;color:#536a80}.ag-month-grid button{min-height:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:8px}.ag-month-grid small{font-size:11px;font-weight:400}.ag-modal-back{position:fixed;inset:0;z-index:200;background:#142b4866;padding:20px;display:grid;place-items:center;color:#20364f;font-family:inherit}.ag-dialog{width:min(620px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 80px #10243d38}.ag-dialog>header{position:sticky;top:0;background:#fff;z-index:2;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3eaf2;gap:12px}.ag-dialog h2{margin:0;font-size:22px}.ag-dialog>header button{font-size:26px;min-width:44px}.ag-dialog-body{padding:20px}.ag-dialog p{line-height:1.5;font-size:15px;overflow-wrap:anywhere}.ag-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}.ag-dialog .ag-check{flex-direction:row;align-items:center}.ag-check input{width:20px;min-height:20px}.ag-dialog summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:650;font-size:15px}.ag-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ag-danger{color:#b92e40!important;background:#fff0f1!important;border-color:#f1c2c7!important}.ag-note{white-space:pre-wrap;background:#f3f6fa;border-radius:8px;padding:12px}.ag-email{border-bottom:1px solid #e4ebf3;padding:8px 0}.ag-email small{font-size:12px;color:#536b84}.ag-email.error{color:#af3333}.ag-cancel{width:100%;margin-top:10px}.ag-settings-entry{padding:16px 0}.ag-modal-back [hidden],.bm-app [hidden]{display:none!important}
@media(min-width:1500px){.ag-layout{grid-template-columns:minmax(0,1fr) 320px}.ag-row{min-height:59px}.ag-client strong{font-size:15px}.ag-status{font-size:13px}}
@media(max-width:1200px){.ag-heading{align-items:flex-start;flex-wrap:wrap}.ag-controls{flex:1;justify-content:flex-end}.ag-heading h1{font-size:27px}.ag-layout{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.ag-page{padding:16px}.ag-panel{padding:12px}.ag-row,.ag-table-head{grid-template-columns:43px minmax(90px,1.3fr) 48px minmax(63px,.9fr) minmax(61px,.9fr) 99px 40px;gap:5px}.ag-row .ag-phone,.ag-table-head>span:nth-child(6){display:none}.ag-status{font-size:11px;padding:5px}.ag-client strong,.ag-row{font-size:13px}.ag-controls>.ag-primary{min-width:195px}}
@media(max-width:930px){.ag-layout{grid-template-columns:minmax(0,1fr) 235px}.ag-heading{display:block}.ag-controls{margin-top:14px;flex-wrap:wrap;justify-content:flex-start}.ag-controls>.ag-primary{margin-left:auto}.ag-heading h1{font-size:28px}.ag-row,.ag-table-head{grid-template-columns:42px minmax(85px,1.5fr) 44px minmax(64px,1fr) 98px 40px}.ag-row .ag-room,.ag-table-head>span:nth-child(4){display:none}.ag-count{font-size:11px}.ag-panel>header{gap:6px;flex-wrap:wrap}.ag-service-icon{font-size:24px;margin-right:5px}.ag-panel h2{font-size:19px}.ag-hours{font-size:11px}.ag-calendar header strong{font-size:14px}.ag-filter{font-size:12px!important;padding:8px 3px!important}.ag-date-controls input{max-width:140px}.ag-service-filter{width:100%;margin:2px 0 0}.ag-week{grid-template-columns:1fr}.ag-month-grid small{font-size:10px}.ag-month-grid button{padding:5px;min-height:95px}}
@media(max-width:700px){.ag-layout{grid-template-columns:1fr}.ag-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ag-sidebar .ag-new{grid-column:1/-1}.ag-controls>.ag-primary{min-width:0}.ag-controls{gap:7px}.ag-controls select{max-width:180px}.ag-controls .ag-primary{width:100%}.ag-page{padding:12px}.ag-modal-back{padding:10px}.ag-dialog{max-height:calc(100dvh - 20px)}.ag-dialog-body{padding:16px}.ag-row,.ag-table-head{grid-template-columns:42px minmax(80px,1fr) 32px minmax(57px,.8fr) 94px 36px;gap:3px}.bm-app .ag-edit{width:36px}.ag-panel{padding:10px}.ag-all h2{font-size:17px}.ag-month-grid button{min-height:84px}.ag-month-grid small{font-size:9px}}
@media(max-width:390px){.ag-row,.ag-table-head{grid-template-columns:40px minmax(76px,1fr) 30px 92px 36px}.ag-row .ag-table,.ag-table-head>span:nth-child(5){display:none}.ag-sidebar{grid-template-columns:1fr}.ag-action-grid{grid-template-columns:1fr}}

.ag-phone-compact,.ag-room-compact{display:none}.ag-settings fieldset{border:1px solid #dce5ef;border-radius:8px;margin:14px 0;padding:10px}.ag-settings legend{font-weight:650;padding:0 5px}
@media(max-width:1200px){.ag-phone-compact{display:block;color:#435d78;font-size:12px;text-decoration:none;font-weight:400;margin-top:4px}}
@media(max-width:930px){.ag-room-compact{display:block;color:#536982;font-size:11px;margin-top:3px}.ag-layout{grid-template-columns:1fr}.ag-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ag-sidebar .ag-new{grid-column:1/-1}.ag-calendar-days button{min-height:44px}.ag-new form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.ag-new .ag-form-error,.ag-new .ag-suggestions,.ag-new .ag-save,.ag-new .ag-availability{grid-column:1/-1}}
@media(max-width:550px){.ag-new form{display:block}.ag-sidebar{grid-template-columns:1fr}.ag-room-compact{font-size:11px}}

/* Agenda 2026-09-09 UX cleanup: the sidebar contains only calendar and filters. */
.ag-layout{grid-template-columns:minmax(0,1fr) 250px}
.ag-booking-time-covers{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.ag-booking-time-covers>label{min-width:0}
.ag-booking-time-covers input{min-width:0;min-height:48px}
@media(min-width:1500px){.ag-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:930px){.ag-layout{grid-template-columns:1fr}.ag-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:550px){.ag-sidebar{grid-template-columns:1fr}.ag-booking-time-covers{gap:12px}}

/* Day/week already show each booking in the selected service view. */
.ag-all[hidden]{display:none!important}

/* Native page: keep the agenda width and date control within the shared shell. */
#bookingMobile>.ag-page{width:100%}
html#tr-management-layout #bookingMobile .ag-date-controls>[data-date]{width:155px;max-width:155px;min-width:0}
@media(max-width:930px){html#tr-management-layout #bookingMobile .ag-date-controls>[data-date]{width:140px;max-width:140px}}

/* G30.4: scoped controls override shared button padding without per-number offsets. */
html#tr-management-layout #bookingMobile .ag-date-controls>[data-date]{flex:0 1 180px;width:180px;max-width:100%;min-width:160px;min-height:46px;font-size:16px;font-weight:650;color:#20364f;-webkit-text-fill-color:#20364f;padding:10px;text-align:center}
html#tr-management-layout #bookingMobile input[type=date]::-webkit-date-and-time-value{text-align:center;min-height:1.35em}
html#tr-management-layout #bookingMobile .ag-calendar-days button{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:40px;height:40px;padding:0;line-height:1;font-size:15px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}
html#tr-management-layout #bookingMobile .ag-calendar header button{display:flex;align-items:center;justify-content:center;min-width:40px;padding:0;line-height:1}
html#tr-management-layout #bookingMobile .ag-calendar header strong{font-size:16px;line-height:1.4;color:#20364f;text-align:center}
html#tr-management-layout #bookingMobile .ag-filter b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;line-height:1;font-variant-numeric:tabular-nums}
html#tr-management-layout #bookingMobile .ds-chips button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;white-space:normal;max-width:100%;text-align:left}
html#tr-management-layout #bookingMobile .ds-chips button :is(strong,span,small){max-width:100%;overflow-wrap:anywhere}
@media(max-width:550px){html#tr-management-layout #bookingMobile .ag-controls{min-width:0}html#tr-management-layout #bookingMobile .ag-controls select{max-width:100%;width:100%}html#tr-management-layout #bookingMobile .ag-date-controls{gap:8px}}

html#tr-management-layout #bookingMobile .ag-date-controls>[data-date]{font-size:16px!important}
html#tr-management-layout #bookingMobile .ag-heading{flex-wrap:wrap}
html#tr-management-layout #bookingMobile .ag-controls{flex-wrap:wrap;min-width:0}
html#tr-management-layout #bookingMobile .ag-controls>.ag-primary{flex-shrink:0;min-width:150px;white-space:normal}