.bio-agenda{--ba-blue:#006bff;--ba-ink:#10314e;--ba-muted:#486b8e;--ba-border:#dce6ef;container-type:inline-size;background:#fff;color:var(--ba-ink);border:1px solid var(--ba-border);border-radius:8px;overflow:clip;font:400 14px/1.5 Archivo,Arial,sans-serif;min-width:0;width:100%;text-align:left}
.bio-agenda *{box-sizing:border-box}
.bio-agenda h3,.bio-agenda h4,.bio-agenda p{margin:0;font-family:Archivo,Arial,sans-serif;letter-spacing:normal}
.bio-agenda button{font:inherit;line-height:1.4;cursor:pointer;touch-action:manipulation;transition:background .15s,border-color .15s;color:var(--ba-blue)}
.bio-agenda button:disabled{cursor:default;opacity:1}
.bio-agenda button:focus-visible{outline:3px solid #76b0ff;outline-offset:3px}
.bio-agenda [tabindex="-1"]:focus{outline:none}
.bio-agenda .ba-preview{padding:11px 16px;background:#f0f5ed;color:#43613d;border-bottom:1px solid #dce7d4;font-size:10px;line-height:1.6}
.bio-agenda .ba-header{padding:22px 25px;border-bottom:1px solid var(--ba-border)}
.bio-agenda .ba-title{font-size:24px;font-weight:600;line-height:1.28;margin:0;color:var(--ba-ink)}
.ba-event-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:12px;color:var(--ba-muted)}
.bio-agenda .ba-duration{display:flex;align-items:center;gap:8px;color:var(--ba-muted);font-size:13px;font-weight:600}
.ba-header-timezone{font-size:11px;line-height:1.7}
.ba-clock{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;position:relative;flex-shrink:0}
.ba-clock:before{content:'';position:absolute;left:6px;top:3px;width:2px;height:5px;background:currentColor;border-radius:1px}
.ba-clock:after{content:'';position:absolute;left:6px;top:6px;width:5px;height:2px;background:currentColor;transform:rotate(35deg);transform-origin:left;border-radius:1px}
.ba-body{padding:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.ba-calendar,.ba-times{min-width:0}
.bio-agenda .ba-calendar-heading{font-size:19px;line-height:1.4;font-weight:600;text-align:center;margin:0 0 20px}
.ba-month-navigation{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:7px;margin-bottom:19px}
.bio-agenda .ba-month-title{text-align:center;font-size:14px;font-weight:600;color:var(--ba-ink);line-height:1.5}
.bio-agenda .ba-month-arrow{background:transparent;border:0;border-radius:50%;font:32px/1 Arial,sans-serif;width:36px;height:36px;display:grid;place-items:center;padding:0 0 3px;color:var(--ba-muted)}
.bio-agenda .ba-month-arrow:hover:not(:disabled){background:#edf4ff;color:var(--ba-blue)}
.bio-agenda .ba-month-arrow:disabled{color:#c7d3df}
.ba-weekdays,.ba-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:4px}
.ba-weekdays{font-size:11px;color:var(--ba-muted);margin-bottom:9px}
.ba-weekdays span{padding-block:3px}
.ba-days{row-gap:7px}
.bio-agenda .ba-day{aspect-ratio:1;width:100%;max-width:45px;justify-self:center;position:relative;border:0;border-radius:50%;background:transparent;color:var(--ba-muted);font-size:14px;padding:0}
.bio-agenda .ba-day:disabled{color:#607d99}
.bio-agenda .ba-available{background:#f0f6ff;color:#0058d4;font-weight:600}
.bio-agenda .ba-available:hover:not(:disabled){background:#dfecff}
.bio-agenda .ba-selected,.bio-agenda .ba-selected:hover:not(:disabled){background:var(--ba-blue);color:#fff}
.bio-agenda .ba-today:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;bottom:5px;left:calc(50% - 2px)}
.ba-timezone{display:flex;flex-direction:column;gap:5px;margin-top:27px;font-size:11px;line-height:1.6}
.ba-timezone strong{font-size:12px;font-weight:600}
.ba-timezone span{color:var(--ba-muted)}
.bio-agenda .ba-loading,.bio-agenda .ba-empty{font-size:12px;line-height:1.7;color:var(--ba-muted);margin-top:20px;text-align:center}
.bio-agenda .ba-link{display:block;background:transparent;padding:10px 0 3px;margin-inline:auto;font-size:12px;text-decoration:underline;text-underline-offset:3px;border:0}
.ba-times{min-width:0}
.ba-times-header{position:sticky;top:0;z-index:3;background:#fff;padding:10px 0 17px;margin-bottom:3px;border-bottom:1px solid var(--ba-border);scroll-margin-top:12px}
.bio-agenda .ba-change-day{display:inline-flex;align-items:center;border:0;border-radius:4px;background:transparent;padding:7px 2px;margin-bottom:9px;min-height:36px;font-size:13px;font-weight:600;line-height:1.4}
.bio-agenda .ba-change-day:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}
.bio-agenda .ba-change-day:disabled{color:#8dabc9}
.ba-day-navigation{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:7px}
.bio-agenda .ba-day-arrow{height:40px;width:40px;border:1px solid var(--ba-border);border-radius:50%;background:#fff;color:var(--ba-blue);font:30px/1 Arial,sans-serif;padding:0 0 3px}
.bio-agenda .ba-day-arrow:hover:not(:disabled){background:#edf4ff;border-color:#b1d1fd}
.bio-agenda .ba-day-arrow:disabled{color:#bdccda;border-color:#edf1f5}
.bio-agenda .ba-times-heading{font-size:16px;line-height:1.55;font-weight:600;text-align:center;margin:0;scroll-margin-top:24px}
.bio-agenda .ba-times-heading:first-letter{ text-transform:uppercase }
.bio-agenda .ba-times-hint{margin-top:11px;color:var(--ba-muted);font-size:11px;text-align:center;line-height:1.7}
.ba-time-list{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;padding:15px 3px 3px}
.bio-agenda .ba-time{background:#fff;border:1px solid #a9c9f5;border-radius:5px;padding:16px 14px;width:100%;font-size:15px;font-weight:600;min-height:56px}
.bio-agenda .ba-time:hover:not(:disabled){border-color:var(--ba-blue);box-shadow:inset 0 0 0 1px var(--ba-blue)}
.bio-agenda .ba-time-selected{background:var(--ba-blue);color:#fff;border-color:var(--ba-blue)}
.ba-times-empty{display:none;align-self:stretch;border-left:1px solid var(--ba-border);padding:70px 28px;text-align:center;align-content:center;background:linear-gradient(90deg,#fff,#f9fbff)}
.bio-agenda .ba-times-empty h4{font-size:19px;font-weight:600;line-height:1.5;margin-bottom:12px}
.bio-agenda .ba-times-empty p{font-size:13px;line-height:1.8;color:var(--ba-muted);max-width:290px;margin-inline:auto}
.ba-confirmation{border-top:1px solid var(--ba-border);background:#f7faff;padding:20px 24px;display:grid;gap:16px}
.bio-agenda .ba-selection{font-size:12px;line-height:1.7}
.ba-selection strong,.ba-selection span{display:block}
.ba-selection strong{font-weight:600}
.ba-selection strong:first-letter{text-transform:uppercase}
.ba-selection span{color:var(--ba-muted)}
.bio-agenda .ba-primary{display:block;background:var(--ba-blue);border:1px solid var(--ba-blue);border-radius:5px;color:#fff;font-size:13px;font-weight:600;padding:14px 15px;min-height:48px;width:100%;text-align:center}
.bio-agenda .ba-primary:hover:not(:disabled){background:#0057d1;border-color:#0057d1}
.bio-agenda .ba-primary:disabled{background:#6b9cdc;border-color:#6b9cdc}
.ba-error-box{padding:0 24px 22px}
.bio-agenda .ba-error{font-size:12px;line-height:1.7;color:#a33b26}
.ba-pending{padding:27px 24px}
.bio-agenda .ba-pending h4{font-size:19px;line-height:1.45;font-weight:600;margin-bottom:14px}
.bio-agenda .ba-pending p{font-size:13px;line-height:1.8;color:var(--ba-muted);margin-bottom:20px}
.bio-agenda .ba-pending .ba-error{color:#a33b26}
.bio-agenda .ba-confirmed{padding:25px;font-size:16px;color:#246448}
@container(min-width:651px){
  .ba-body{grid-template-columns:minmax(270px,.85fr) minmax(0,1fr);gap:30px;padding:28px}
  .ba-has-day .ba-times{padding-left:28px;border-left:1px solid var(--ba-border)}
  .ba-times-empty{display:grid}
  .bio-agenda .ba-day{max-width:48px;font-size:15px}
  .ba-days{row-gap:10px}
  .bio-agenda .ba-calendar-heading{margin-bottom:25px}
  .ba-month-navigation{margin-bottom:23px}
  .bio-agenda .ba-times-heading{font-size:17px}
  .ba-confirmation{grid-template-columns:minmax(0,1fr) minmax(180px,1fr);align-items:center;gap:20px}
}
@container(max-width:650px){
  .bio-agenda[data-view="times"] .ba-calendar{display:none}
  .bio-agenda[data-view="days"] .ba-times,.bio-agenda[data-view="days"] .ba-confirmation{display:none}
  .ba-calendar{width:100%;max-width:410px;margin-inline:auto}
  .ba-times{padding:0;border:0}
  .ba-body:has(.ba-times){padding-top:13px}
  .ba-times-header{padding-top:6px}
}
@container(max-width:300px){
  .bio-agenda .ba-header{padding:19px 15px}
  .bio-agenda .ba-title{font-size:21px}
  .ba-event-meta{gap:7px 12px}
  .ba-header-timezone{font-size:10px}
  .ba-body{padding:21px 13px;gap:20px}
  .bio-agenda .ba-calendar-heading{font-size:18px;margin-bottom:15px}
  .ba-month-navigation{margin-bottom:13px;gap:2px;grid-template-columns:30px minmax(0,1fr) 30px}
  .bio-agenda .ba-month-arrow{width:30px;height:34px}
  .bio-agenda .ba-month-title{font-size:12px}
  .ba-weekdays{font-size:9px}
  .ba-weekdays,.ba-days{column-gap:2px}
  .ba-days{row-gap:6px}
  .bio-agenda .ba-day{font-size:12px}
  .bio-agenda .ba-today:after{bottom:3px;width:3px;height:3px}
  .ba-confirmation,.ba-pending{padding:20px 15px}
  .ba-error-box{padding-inline:15px}
  .bio-agenda .ba-primary{padding-inline:9px;font-size:12px}
  .bio-agenda .ba-times-heading{font-size:14px}
  .ba-day-navigation{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}
  .bio-agenda .ba-day-arrow{height:36px;width:36px}
}
.agenda-focus-dialog .bio-agenda{overflow:visible;border:0;border-radius:0}
.agenda-focus-dialog .ba-preview{padding-block:8px}
.agenda-focus-dialog .ba-confirmation{position:sticky;bottom:0;z-index:4;padding-bottom:max(18px,env(safe-area-inset-bottom));box-shadow:0 -6px 20px #10314e0b}
.agenda-focus-dialog .ba-calendar{position:sticky;top:24px;align-self:start}
@media(prefers-reduced-motion:reduce){.bio-agenda button{transition:none}}
