/* M6B · Shared Calendar Surface — additive only. M9D: its entry point is the Calendario card of the Noi hub (styles.css). */

/* Full-screen surface, same slide-up-sheet mechanics as the existing bottom sheets. */
.us-cal-overlay{position:fixed;inset:0;z-index:10140;display:none;align-items:flex-end;justify-content:center;padding-top:var(--us-safe-top);background:rgba(3,4,8,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.us-cal-overlay.open{display:flex}
.us-cal-backdrop{position:absolute;inset:0}
.us-cal-surface{position:relative;z-index:1;width:min(920px,100%);max-height:calc(var(--us-viewport-height,100dvh) - var(--us-safe-top));overflow:auto;overscroll-behavior:contain;padding:0 0 calc(18px + var(--us-safe-bottom));color:var(--us-text)}
.us-cal-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 19px 11px;background:var(--us-sheet-head-bg);-webkit-backdrop-filter:var(--us-sheet-head-blur);backdrop-filter:var(--us-sheet-head-blur);border-bottom:1px solid var(--us-color-line)}
.us-cal-head h2{margin:3px 0 0;font:400 24px/1.05 var(--us-font-editorial);letter-spacing:-.02em}
.us-cal-subtitle{margin:5px 0 0;max-width:310px;color:rgba(247,242,248,.63);font-size:11px;line-height:1.4}

.us-cal-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px 4px}
.us-cal-nav{flex:0 0 auto}
.us-cal-today-btn{padding:0 16px;border-radius:999px;font-size:12px;font-weight:700;min-height:44px;border:1px solid var(--us-color-line-strong);background:var(--us-glass-1-bg);color:var(--us-color-text)}

.us-cal-legend{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:6px 18px 2px}
.us-cal-legend-item{display:inline-flex;align-items:center;gap:6px;color:rgba(247,242,248,.68);font-size:11px}

.us-cal-status{margin:8px 18px 0;padding:10px 13px;border-radius:14px;border:1px solid rgba(255,180,92,.20);background:rgba(255,180,92,.07);color:#ffe0b3;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.us-cal-status[hidden]{display:none!important}
.us-cal-status button{min-height:30px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,180,92,.28);background:rgba(255,180,92,.14);color:#fff2df;font-size:11px;font-weight:700}

.us-cal-body{padding:10px 18px 90px;position:relative}
.us-cal-body.is-loading{opacity:.6}

/* One shared grid on mobile. */
.us-cal-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
.us-cal-weekday{text-align:center;font-size:10px;letter-spacing:.06em;color:rgba(247,242,248,.5);text-transform:uppercase}
.us-cal-day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.us-cal-day{position:relative;min-height:56px;padding:6px 2px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.02);color:var(--us-text)}
.us-cal-day.is-outside{opacity:.32}
.us-cal-day.is-today .us-cal-day-num{box-shadow:0 0 0 1.5px rgba(200,182,255,.85);color:#fff}
.us-cal-day.is-selected{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(169,133,255,.14));border-color:rgba(200,182,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.us-cal-day.is-selected .us-cal-day-num{font-weight:800}
.us-cal-day-num{min-width:24px;height:24px;padding:0 3px;display:inline-grid;place-items:center;border-radius:999px;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.us-cal-day-markers{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;min-height:13px;max-width:100%}
/* M10.1C — ownership is text (F / B / F+B), never colour alone. */
.us-cal-chip{display:inline-flex;align-items:center;justify-content:center;min-width:12px;height:13px;padding:0 3px;border-radius:5px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.07);color:var(--us-color-text);font-size:8.5px;font-weight:800;line-height:1;letter-spacing:.01em}
.us-cal-chip--shared{border-color:rgba(255,158,182,.42);background:rgba(255,158,182,.10);color:#ffd3de}
.us-cal-chip-more{font-size:8.5px;font-weight:700;line-height:13px;color:rgba(247,242,248,.62)}

.us-cal-empty{margin-top:14px;padding:22px;border-radius:20px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.025);text-align:center;color:var(--us-muted)}
.us-cal-empty[hidden]{display:none!important}
.us-cal-empty b{display:block;font:500 19px/1.2 var(--us-font-editorial);color:var(--us-color-text);margin-bottom:6px}
.us-cal-empty p{max-width:320px;margin:0 auto 14px;font-size:12px;line-height:1.5}

/* Nested sheets (day / detail / form) — same overlay, additional slide-up layers. */
.us-cal-sheet-overlay{position:fixed;inset:0;z-index:10145;display:none;align-items:flex-end;justify-content:center}
.us-cal-sheet-overlay.open{display:flex}
.us-cal-sheet-backdrop{position:absolute;inset:0}
.us-cal-sheet{position:relative;z-index:1;width:min(480px,100%);max-height:82dvh;overflow:auto;overscroll-behavior:contain;padding:0 0 calc(18px + var(--us-safe-bottom));color:var(--us-text);transition:transform var(--us-motion-surface) var(--us-ease-enter),opacity var(--us-motion-micro) var(--us-ease-standard)}
.us-cal-sheet-overlay:not(.open) .us-cal-sheet{transform:translateY(16px);opacity:0}
@media(prefers-reduced-motion:reduce){.us-cal-sheet{transition:none}.us-cal-sheet-overlay:not(.open) .us-cal-sheet{transform:none}}
.us-cal-sheet-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 12px;background:var(--us-sheet-head-bg);-webkit-backdrop-filter:var(--us-sheet-head-blur);backdrop-filter:var(--us-sheet-head-blur);border-bottom:1px solid var(--us-color-line)}
.us-cal-sheet-head h3{margin:0;font:400 18px/1.2 var(--us-font-editorial)}

.us-cal-day-sections{padding:6px 18px 4px;display:grid;gap:16px}
.us-cal-day-section h4{margin:0 0 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(247,242,248,.55)}
.us-cal-day-empty{margin:0;padding:12px;border-radius:14px;border:1px dashed rgba(255,255,255,.10);color:rgba(247,242,248,.5);font-size:12px;text-align:center}

.us-cal-detail-body{padding:8px 18px 4px;display:grid;gap:8px}
.us-cal-detail-body p{margin:0;font-size:12px;line-height:1.5;color:rgba(247,242,248,.78)}
.us-cal-detail-kind{color:#c8b6ff!important;font-weight:650}
.us-cal-detail-note{white-space:pre-wrap}
.us-cal-detail-actions{display:flex;gap:9px;padding:14px 18px 2px}
.us-cal-detail-actions[hidden]{display:none!important}
.us-cal-detail-actions button{flex:1;min-height:46px;border-radius:15px;font-size:12px;font-weight:700}
.us-cal-detail-edit{border:1px solid rgba(169,133,255,.26);background:rgba(169,133,255,.12);color:var(--us-color-text)}
.us-cal-detail-delete{border:1px solid rgba(255,94,126,.18);background:rgba(255,94,126,.09);color:var(--us-color-rose-2)}

.us-cal-form{padding:8px 18px 2px}

.us-cal-field>span{display:block}
.us-cal-detail-reminders{padding:6px 18px 0;display:grid;gap:6px}
.us-cal-detail-reminders:empty{display:none}
.us-cal-detail-reminders h4{margin:4px 0 2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(247,242,248,.55)}
.us-cal-detail-reminder{margin:0;padding:9px 11px;border-radius:13px;border:1px solid rgba(255,158,182,.14);background:rgba(255,158,182,.05);font-size:12px;color:rgba(247,242,248,.82);display:flex;align-items:center;justify-content:space-between;gap:8px}
.us-cal-detail-reminder small{color:rgba(247,242,248,.5);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
/* hidden must always win: the global stylesheet styles these as block/flex. */
.us-cal-field[hidden]{display:none!important}
.us-cal-field{display:block;margin-top:12px}
.us-cal-field>span{display:block;margin:0 0 7px 3px;font-size:11px;font-weight:750;color:var(--us-color-text-2)}
.us-cal-field>span i{font-style:normal;color:var(--us-color-text-3);font-weight:500}
.us-cal-field input,.us-cal-field textarea{width:100%;padding:11px 13px;font-size:13px;font-family:inherit;border-radius:var(--us-radius-control)}
.us-cal-allday-field{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.us-cal-allday-field input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--us-color-violet)}
.us-cal-allday-field span{font-size:12px;font-weight:650;color:var(--us-text)}
.us-cal-form-status{min-height:18px;margin-top:9px;color:var(--us-color-text-2);font-size:11px}
.us-cal-form-save{width:100%;min-height:48px;margin-top:14px;border-radius:16px}

body.us-cal-open{overflow:hidden}

@media(max-width:360px){
  .us-cal-day{min-height:46px}
}

/* Wide/tablet: still ONE shared month — just roomier — with the selected day below. */
@media(min-width:860px){
  .us-cal-overlay{padding-top:0;align-items:center}
  .us-cal-surface{width:min(760px,100%);max-height:min(92dvh,900px)}
  .us-cal-surface.is-bottom{border-radius:var(--us-radius-sheet);border-bottom:var(--us-glass-3-border);box-shadow:var(--us-glass-3-shadow)}
  .us-cal-head{border-radius:var(--us-radius-sheet) var(--us-radius-sheet) 0 0}
  .us-cal-body{padding:14px 28px 60px}
  .us-cal-pane-month{max-width:680px;margin:0 auto}
  .us-cal-weekday-row,.us-cal-day-grid{gap:6px}
  .us-cal-day{min-height:64px;gap:6px}
  .us-cal-day-num{font-size:14px;min-width:28px;height:28px}
  .us-cal-chip{height:15px;min-width:14px;font-size:9.5px;padding:0 4px}
  .us-cal-chip-more{font-size:9.5px}
  .us-cal-day-markers{min-height:15px;gap:3px}
  .us-cal-day-detail{max-width:680px;margin:16px auto 0;padding:20px 22px 18px}
  .us-cal-day-detail .us-cal-day-sections{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:18px 20px}
  .us-cal-day-detail-titles h3{font-size:24px}
}

/* M6C · Mese | Settimana switch — same segmented-control idiom as the kind picker. */
.us-cal-view-switch{justify-content:center;margin:10px auto 0;width:max-content}
.us-cal-view-switch button{padding:0 20px}

/* M6C · Week view: one vertical day-list at every width — never two tiny
   side-by-side timelines. Partner lanes reuse the day-sheet sections. */
.us-cal-week-pane{display:none}
.us-cal-body.is-week-mode .us-cal-pane-month{display:none!important}
.us-cal-body.is-week-mode .us-cal-week-pane{display:block}
.us-cal-week-list{display:grid;gap:12px;max-width:560px;margin:0 auto}
.us-cal-week-day{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.03)}
.us-cal-week-day.is-today{border-color:rgba(169,133,255,.45)}
.us-cal-week-day-head{display:flex;align-items:baseline;gap:8px;width:100%;padding:2px 4px;text-align:left;border:0;background:transparent;color:var(--us-color-text)}
.us-cal-week-day-head:active{opacity:.8}
.us-cal-week-day-name{font:400 15px/1.2 var(--us-font-editorial)}
.us-cal-week-day-num{font-size:12px;color:rgba(247,242,248,.55)}
.us-cal-week-day.is-today .us-cal-week-day-name{color:#c8b6ff}
.us-cal-week-day-body{margin-top:6px}
.us-cal-week-day-body .us-cal-day-section h4{margin-top:10px}

/* M6C · ♡ Tempo insieme — warm, not corporate. */
.us-cal-tempo{display:flex;gap:10px;margin-top:12px;padding:11px 13px;border-radius:16px;border:1px solid rgba(255,158,182,.16);background:rgba(255,158,182,.06)}
.us-cal-tempo.is-empty{opacity:.75}
.us-cal-tempo-heart{font-size:16px;color:var(--us-color-rose-2);line-height:1.25}
.us-cal-tempo-copy{min-width:0}
.us-cal-tempo-copy b{display:block;font-size:12px;font-weight:700;color:#ffd3de;letter-spacing:.02em}
.us-cal-tempo-copy ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:2px}
.us-cal-tempo-copy li{font-size:13px;color:rgba(247,242,248,.85);font-variant-numeric:tabular-nums}
.us-cal-tempo-copy p{margin:4px 0 0;font-size:12px;color:rgba(247,242,248,.55)}
.us-cal-form-context{margin:0 2px;font-size:11.5px;font-style:italic;color:var(--muted)}
.us-cal-form-context[hidden]{display:none}

/* M9C — il calendario sceglie la data: tocco su un giorno = nuova voce. */
.us-cal-day{cursor:pointer}
.us-cal-day:focus-visible,.us-cal-week-day-head:focus-visible{outline:2px solid rgba(169,133,255,.8);outline-offset:2px}
@media(hover:hover){.us-cal-day:not(.is-outside):hover{border-color:rgba(169,133,255,.28);background:rgba(169,133,255,.06)}}
.us-cal-week-day{cursor:pointer}
.us-cal-pick-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 18px 0;padding:10px 12px 10px 14px;border-radius:16px;border:1px solid rgba(255,158,182,.24);background:linear-gradient(135deg,rgba(255,109,147,.12),rgba(155,124,255,.10))}
.us-cal-pick-banner[hidden]{display:none!important}
.us-cal-pick-banner span{min-width:0;display:flex;flex-direction:column;gap:2px}
.us-cal-pick-banner small{font-size:10.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,205,225,.8)}
.us-cal-pick-banner b{font-size:13.5px;color:var(--us-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.us-cal-pick-banner button{flex:0 0 auto;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--us-color-text);font-size:12px;font-weight:700}
.us-cal-form-day{margin:0 2px 2px;font:500 19px/1.2 var(--us-font-editorial);color:var(--us-color-text)}
.us-cal-form-day[hidden],.us-cal-form-day-entries[hidden]{display:none!important}
.us-cal-form-day-entries{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.us-cal-form-day-kicker{width:100%;font-size:var(--us-type-eyebrow);font-weight:750;letter-spacing:var(--us-type-eyebrow-tracking);text-transform:uppercase;color:var(--us-color-accent-ink)}
.us-cal-form-day-entry{display:inline-flex;gap:6px;max-width:100%;color:var(--us-color-text);font-size:12px;text-align:left;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--us-radius-control);border:var(--us-glass-1-border);background:var(--us-glass-1-bg)}
.us-cal-form-day-entry b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.us-cal-form-day-entry small{flex:0 0 auto;color:rgba(247,242,248,.55);font-size:11px}

/* M10.1C — selected day: the real agenda sits right under the month grid. */
.us-cal-day-detail{margin-top:14px;padding:16px 14px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 55%),rgba(20,16,26,.72);box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.us-cal-day-detail[hidden]{display:none!important}
.us-cal-body.is-week-mode .us-cal-day-detail{display:none}
.us-cal-day-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.us-cal-day-detail-titles{min-width:0}
.us-cal-day-detail-titles h3{margin:0;font:400 21px/1.15 var(--us-font-editorial);letter-spacing:-.01em;color:var(--us-color-text);overflow-wrap:anywhere}
.us-cal-day-detail-titles small{display:block;margin-top:3px;min-height:14px;font-size:11.5px;color:rgba(247,242,248,.55)}
.us-cal-add{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(200,182,255,.34);background:rgba(169,133,255,.14);color:var(--us-color-text);font-size:12.5px;font-weight:750;white-space:nowrap}
.us-cal-add:active{background:rgba(169,133,255,.24)}
.us-cal-add:focus-visible,.us-cal-event:focus-visible{outline:2px solid rgba(200,182,255,.85);outline-offset:2px}
.us-cal-day-detail .us-cal-day-sections{padding:0;gap:18px}
.us-cal-day-detail .us-cal-day-section h4{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:11.5px;letter-spacing:.09em;color:rgba(247,242,248,.66)}
.us-cal-day-detail .us-cal-day-empty{padding:16px 12px;font-size:13px}
.us-cal-day-tempo{margin-top:16px}
.us-cal-day-tempo .us-cal-tempo{margin-top:0}

/* One event row everywhere (selected day, week): [F|B|F+B] · time · title · place. */
.us-cal-owner{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:10px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);color:var(--us-color-text);font-size:12px;font-weight:800;letter-spacing:.01em;line-height:1}
.us-cal-owner--sm{min-width:24px;height:22px;padding:0 5px;border-radius:8px;font-size:10.5px}
.us-cal-owner--shared{min-width:38px;border-color:rgba(255,158,182,.42);background:rgba(255,158,182,.10);color:#ffd3de}
.us-cal-event{width:100%;min-height:60px;margin:0 0 8px;padding:12px 13px;display:flex;align-items:flex-start;gap:12px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.04);color:var(--us-text)}
.us-cal-event:last-child{margin-bottom:0}
.us-cal-event:active{background:rgba(255,255,255,.08)}
.us-cal-event .us-cal-owner{margin-top:1px}
.us-cal-event-copy{min-width:0;flex:1 1 auto;display:grid;gap:3px}
.us-cal-event-time{font-size:12px;font-weight:650;color:rgba(247,242,248,.62);font-variant-numeric:tabular-nums}
.us-cal-event-title{font-size:15.5px;line-height:1.28;font-weight:650;color:var(--us-color-text);overflow-wrap:anywhere;word-break:break-word}
.us-cal-event-place{font-size:12.5px;line-height:1.35;color:rgba(247,242,248,.58);overflow-wrap:anywhere}
.us-cal-form-day-entry .us-cal-chip{align-self:center}
.us-cal-legend-item .us-cal-chip{font-size:9px;height:15px;min-width:14px}
@media(max-width:360px){
  .us-cal-add{padding:0 12px;font-size:12px}
  .us-cal-day-detail{padding:14px 11px 12px}
}

/* Short phones: give the grid less chrome so the selected day is reachable sooner. */
@media(max-height:720px){
  .us-cal-subtitle{display:none}
  .us-cal-head{padding:12px 19px 8px}
  .us-cal-toolbar{padding-top:8px}
  .us-cal-day{min-height:48px;gap:3px}
  .us-cal-day-detail{margin-top:10px}
}

/* Tablets: the one month keeps a readable width instead of stretching edge to edge. */
@media(min-width:600px) and (max-width:859px){
  .us-cal-pane-month{max-width:680px;margin:0 auto}
  .us-cal-day-detail{max-width:680px;margin-left:auto;margin-right:auto}
  .us-cal-day{min-height:60px}
}

/* M12A — the Eventi entry sits next to Close in the Calendar head. */
.us-cal-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.us-cal-events-link{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:999px;border:1px solid var(--us-color-line-strong);background:var(--us-glass-1-bg);color:var(--us-color-text);font-size:12px;font-weight:700;--us-icon-size:16px}


/* ===== US-SECONDARY-SURFACES-01 · Calendar density ===== */
.us-cal-head{padding:14px 16px 9px}
.us-cal-head h2{font-size:21px}
.us-cal-subtitle{margin-top:3px;font-size:10.5px}
.us-cal-toolbar{gap:8px;padding:10px 14px 3px}
.us-cal-legend{gap:12px;padding:4px 14px 1px}
.us-cal-body{padding:8px 14px 72px}
.us-cal-day-grid,.us-cal-weekday-row{gap:3px}
.us-cal-day{min-height:50px;padding:5px 2px 4px;gap:3px;border-radius:12px}
.us-cal-day-num{height:22px;min-width:22px;font-size:12px}
.us-cal-day-markers{min-height:12px}
.us-cal-chip{height:12px;min-width:11px;font-size:8px}
.us-cal-empty{margin-top:10px;padding:16px;border-radius:17px}
.us-cal-empty b{font-size:17px}
.us-cal-sheet{max-height:88dvh}
.us-cal-sheet-head{padding:13px 15px 9px}
.us-cal-sheet-head h3{font-size:17px}
.us-cal-day-sections{padding:5px 15px 3px;gap:12px}
.us-cal-day-section h4{margin-bottom:6px;font-size:10px}
.us-cal-day-empty{padding:10px;border-radius:12px;font-size:11px}
.us-cal-detail-body{padding:7px 15px 3px;gap:6px}
.us-cal-detail-body p{font-size:11.5px;line-height:1.4}
.us-cal-detail-reminders{padding:5px 15px 0}
.us-cal-detail-actions{padding:10px 15px 2px}
.us-cal-form{padding:6px 15px 2px}
.us-cal-field{margin-top:9px}
.us-cal-field>span{margin-bottom:5px;font-size:10.5px}
.us-cal-field input,.us-cal-field textarea{padding:10px 12px}


/* ===== US-1.0 QUICK CALENDAR · presets + keyboard time entry ===== */
.us-cal-presets{display:flex;gap:7px;margin:8px 0 2px;overflow-x:auto;scrollbar-width:none}
.us-cal-presets::-webkit-scrollbar{display:none}
.us-cal-presets button{flex:0 0 auto;min-height:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:var(--us-color-text-2);font-size:10.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.us-cal-presets button[aria-pressed="true"]{border-color:rgba(255,158,182,.30);background:rgba(255,158,182,.12);color:#ffd3de}
.us-cal-time-fields{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:8px}
.us-cal-time-fields[hidden]{display:none!important}
.us-cal-time-fields .us-cal-field{min-width:0}
.us-cal-time-input{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:16px!important}
.us-cal-time-arrow{display:grid;place-items:center;height:42px;padding-bottom:2px;color:var(--us-color-text-3);font-size:15px}
@media(max-width:340px){
  .us-cal-time-fields{gap:5px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)}
  .us-cal-presets button{padding:0 10px}
}