html.agenda-focus-open,body.agenda-focus-open{overflow:hidden;overscroll-behavior:none}
.agenda-focus-dialog{position:fixed;inset:0;width:min(1040px,calc(100% - 48px));height:min(860px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #d7e1e6;border-radius:14px;background:#fff;color:#183a31;box-shadow:0 24px 100px #001b2360;overflow:hidden}
.agenda-focus-dialog[open]{display:flex;flex-direction:column}
.agenda-focus-dialog::backdrop{background:#0b292ccc;backdrop-filter:blur(4px)}
.agenda-focus-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0;padding:16px 24px;border-bottom:1px solid #dce6ef;background:#fff;z-index:5}
.agenda-focus-toolbar h2{font:600 14px/1.4 Archivo,Arial,sans-serif;letter-spacing:0;margin:0;color:#294d60}
.agenda-focus-toolbar h2:focus{outline:none}
.agenda-focus-close{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;background:#f3f6f8;border:1px solid #dce6ef;border-radius:6px;padding:10px 13px;color:#36586b;font:500 12px/1.4 Archivo,Arial,sans-serif;min-height:42px;cursor:pointer}
.agenda-focus-close span{font:22px/1 Arial,sans-serif}
.agenda-focus-close:hover{background:#e9f1f8}
.agenda-focus-close:focus-visible{outline:3px solid #76b0ff;outline-offset:2px}
.agenda-focus-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:16px;background:#fff}
.agenda-focus-dialog #agendaPanel{padding:0}
.agenda-focus-dialog #agendaPanel>.approval-badge,.agenda-focus-dialog #agendaPanel>h3,.agenda-focus-dialog #agendaPanel>p:not(#agendaStatus),.agenda-focus-dialog [data-agenda-expand]{display:none}
.agenda-focus-dialog #nativeAgenda{margin:0}
.agenda-focus-dialog .bio-agenda{border:0;border-radius:0;overflow:visible}
.agenda-focus-dialog #agendaStatus:not(:empty){margin:24px!important}
.agenda-focus-dialog #agendaFallback{padding:0 24px 30px}
.agenda-focus-dialog .booking-confirmed{max-width:680px;margin:0 auto;padding:40px 48px 48px}
.agenda-expand{display:inline-flex;align-items:center;gap:9px;font:500 12px/1.5 Archivo,Arial,sans-serif;color:#235b82;padding:9px 12px;margin:18px 0 0;border:1px solid #c8dce8;border-radius:5px;background:#f3f8fc;cursor:pointer}
.agenda-expand:hover{background:#e9f2fa}
@media(max-width:700px){
  .agenda-focus-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  .agenda-focus-toolbar{gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px}
  .agenda-focus-toolbar h2{font-size:12px;max-width:160px}
  .agenda-focus-close{font-size:11px;gap:8px;padding:9px 11px}
  .agenda-focus-content{scrollbar-gutter:auto;padding-bottom:env(safe-area-inset-bottom,0px)}
  .agenda-focus-dialog .booking-confirmed{padding:30px 24px}
}
@media(max-width:350px){.agenda-focus-toolbar{padding-inline:12px}.agenda-focus-toolbar h2{max-width:110px;font-size:11px}.agenda-focus-close{font-size:10px;padding-inline:9px}}
/* Em telas baixas, reservar espaço real para os horários entre os controles fixos. */
@media(max-height:520px){
  .agenda-focus-dialog{width:min(1040px,100%);height:100dvh;margin:auto;border-radius:0}
  .agenda-focus-toolbar{padding:6px 16px}
  .agenda-focus-close{min-height:36px;padding-block:6px}
  .agenda-focus-dialog .bio-agenda[data-view="times"] .ba-header,.agenda-focus-dialog .bio-agenda[data-view="times"] .ba-calendar{display:none}
  .agenda-focus-dialog .bio-agenda[data-view="days"] .ba-times,.agenda-focus-dialog .bio-agenda[data-view="days"] .ba-confirmation,.agenda-focus-dialog .ba-times-empty{display:none}
  .agenda-focus-dialog .ba-body{grid-template-columns:minmax(0,1fr);padding:12px 24px;gap:16px}
  .agenda-focus-dialog .ba-calendar{max-width:410px;width:100%;margin-inline:auto}
  .agenda-focus-dialog .ba-times{padding:0;border:0}
  .agenda-focus-dialog .ba-times-header{padding:4px 0 8px}
  .agenda-focus-dialog .ba-change-day{min-height:26px;padding-block:2px;margin-bottom:3px}
  .agenda-focus-dialog .ba-day-navigation{grid-template-columns:32px minmax(0,1fr) 32px}
  .agenda-focus-dialog .ba-day-arrow{width:32px;height:32px;font-size:24px}
  .agenda-focus-dialog .ba-times-heading{font-size:14px}
  .agenda-focus-dialog .ba-times-hint{display:none}
  .agenda-focus-dialog .ba-confirmation{padding:10px 24px;grid-template-columns:minmax(0,1fr) minmax(170px,1fr)}
  .agenda-focus-dialog .ba-primary{min-height:42px;padding-block:10px}
}