:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard{--membership-soft:#5a4f48;background:var(--dashboard-surface-strong);border:1px solid #e6e2db;border-radius:24px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.03);display:grid;gap:18px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__top h3{margin:0;font-size:1.3rem;letter-spacing:-.03em;color:#111}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__heading{display:grid;gap:8px;min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__importBadges{display:flex;flex-wrap:wrap;gap:5px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__importBadge{display:inline-flex;align-items:center;width:fit-content;min-height:22px;padding:0 8px;border:1px solid rgba(200,90,60,.22);border-radius:var(--dashboard-radius-pill);background:var(--dashboard-primary-soft);color:var(--dashboard-primary-deep);font-size:.64rem;font-weight:900;line-height:1;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__importBadge--mapping{border-color:var(--dashboard-warn-border);background:var(--dashboard-warn-bg);color:var(--dashboard-warn-ink)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__close{appearance:none;flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(0,0,0,0);border-radius:10px;background:rgba(0,0,0,0);padding:0;cursor:pointer;color:var(--membership-soft);display:inline-flex;align-items:center;justify-content:center;line-height:1;text-decoration:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__close:focus-visible,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__close:hover{background:#f8f4ee;border-color:rgba(122,70,34,.16);color:#1d1612;outline:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__close svg{width:18px;height:18px;display:block}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage{border:0;box-shadow:none;padding:0;background:rgba(0,0,0,0);gap:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__top{display:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__content,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__form{background:var(--dashboard-surface-strong);border:1px solid #e6e2db;border-radius:24px;padding:28px;gap:24px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__section{gap:8px;padding:18px;border:1px solid #ece7df;border-radius:18px;background:#fcfbf9}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__section p{font-size:15px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__section:last-child{grid-column:1/-1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__label{font-size:10px;letter-spacing:.14em}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__formGrid{gap:20px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__actions{padding-top:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__messages{grid-column:1/-1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__content,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__form{display:grid;gap:16px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__section{display:grid;gap:6px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__section p{margin:0;line-height:1.5}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__sectionIcon{display:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__sectionBody{display:grid;gap:6px;min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__field{display:grid;gap:8px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__staticValue{margin:0;min-height:44px;padding:12px 14px;border:1px solid #e6e2db;border-radius:14px;background:#f8f7f4;color:#111;display:flex;align-items:center;line-height:1.4}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__field--full{grid-column:1/-1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__label{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(17,17,17,.45)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__mutedNote{margin:0;font-size:14px;color:rgba(17,17,17,.55);line-height:1.5}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__messages{display:grid;gap:8px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__error,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__message{margin:0;font-size:14px;line-height:1.5}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__message{color:var(--dashboard-primary-deep)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__error{color:#b42318}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}@media(max-width:640px){:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard{padding:18px;border-radius:20px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__formGrid{grid-template-columns:1fr}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard__field--full{grid-column:auto}}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage){--appt-bg:#fffaf2;--appt-surface:#fffdf8;--appt-surface-strong:#ffffff;--appt-surface-soft:#f8f4ee;--appt-surface-sunken:#f6efe6;--appt-line:#eadfd1;--appt-line-strong:#d8cab9;--appt-ink:#1d1612;--appt-ink-soft:rgba(29,22,18,0.76);--appt-muted:rgba(29,22,18,0.56);--appt-primary:#c85a3c;--appt-primary-deep:#8f3b27;--appt-primary-soft:#fbe4d8;--appt-accent:var(--appt-primary);--appt-accent-soft:var(--appt-primary-soft);--appt-display:Georgia,"Times New Roman",serif;--appt-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--surface:var(--appt-surface);--surface-strong:var(--appt-surface-strong);--surface-sunken:var(--appt-surface-sunken);--surface-soft:var(--appt-surface-soft);--bg-alt:#ecdfc9;--ink:var(--appt-ink);--ink-soft:var(--appt-ink-soft);--ink-muted:var(--appt-muted);--ink-faint:rgba(29,22,18,0.42);--line:var(--appt-line);--line-strong:var(--appt-line-strong);--line-warm:rgba(122,70,34,0.12);--accent:var(--appt-accent);--accent-soft:var(--appt-accent-soft);--primary:var(--appt-primary);--primary-deep:var(--appt-primary-deep);--font-display:var(--appt-display);--font-mono:var(--appt-mono);--font-sans:inherit;--danger-ink:#b03827;--danger-bg:#fef3f2;width:100%;min-height:0;height:100%;max-height:100vh;max-height:100dvh;padding:0;border:0;border-radius:0;background:radial-gradient(640px 220px at 0 0,rgba(251,228,216,.72),transparent 70%),var(--appt-bg);color:var(--appt-ink);box-shadow:none;display:flex;flex-direction:column;gap:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__top{flex-shrink:0;align-items:flex-start;padding:22px 26px 16px;border-bottom:1px solid rgba(234,223,209,.86);background:rgba(0,0,0,0)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__top h3{margin:6px 0 0;font-family:var(--appt-display);font-size:32px;font-weight:500;line-height:.98;letter-spacing:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__top h3 em{color:var(--appt-primary-deep);font-style:italic}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__top--view{background:radial-gradient(640px 220px at 0 0,rgba(251,228,216,.85),transparent 70%),radial-gradient(360px 160px at 100% 0,rgba(251,228,216,.4),transparent 70%),var(--appt-surface)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__top--view .appointmentDetailsCard__eyebrow{color:var(--appt-accent)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__quickStatusLine{display:flex;flex-wrap:wrap;align-items:center;gap:8px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__statusBar{width:fit-content;display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:4px 11px 4px 9px;border-radius:999px;background:var(--appt-accent-soft);color:var(--appt-primary-deep);font-family:var(--appt-mono);font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__statusBar span{width:7px;height:7px;border-radius:50%;background:var(--appt-accent)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__statusBar.isPending{background:#fff5d6;color:#8a5b00}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__statusBar.isPending span{background:#8a5b00}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__statusBar.isDanger{background:#fef3f2;color:#b03827}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__statusBar.isDanger span{background:#b03827}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__statusBar.isNeutral{border:1px solid var(--appt-line);background:var(--appt-surface-sunken);color:var(--appt-muted)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__statusBar.isNeutral span{background:var(--appt-muted)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__reference{color:var(--ink-muted);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__eyebrow{margin:0;color:var(--appt-primary-deep);font-family:var(--appt-mono);font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__content,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__form{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 22px 22px;background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none;scrollbar-width:thin;scrollbar-color:rgba(29,22,18,.18) rgba(0,0,0,0);overscroll-behavior:contain}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__content::-webkit-scrollbar,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__form::-webkit-scrollbar{width:6px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__content::-webkit-scrollbar-thumb,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__form::-webkit-scrollbar-thumb{background:rgba(29,22,18,.16);border-radius:999px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__form{display:flex;flex-direction:column;gap:12px;padding-bottom:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__content--quickView{display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__quickBody{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;padding:14px 22px 16px;scrollbar-width:thin;scrollbar-color:rgba(29,22,18,.18) rgba(0,0,0,0)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__quickBody::-webkit-scrollbar{width:6px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__quickBody::-webkit-scrollbar-thumb{background:rgba(29,22,18,.16);border-radius:999px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__quickSub{margin-top:4px;display:flex;align-items:center;gap:8px;color:var(--ink-muted);font-size:13px;line-height:1.35}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__quickSub em{color:var(--ink-soft);font-style:italic}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__quickSub>span[aria-hidden=true]{width:3px;height:3px;border-radius:50%;background:var(--ink-faint);flex:0 0 auto}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__headActions{display:flex;gap:6px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec{flex-shrink:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec--customer.is-set{border-color:rgba(200,90,60,.22);background:linear-gradient(180deg,rgba(251,228,216,.45) 0,var(--surface-strong) 70%)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec__head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-warm)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec__num{width:22px;height:22px;border:1.5px dashed var(--line-strong);border-radius:7px;background:rgba(0,0,0,0);color:var(--ink-faint);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec__num svg{width:12px;height:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec.is-set .sec__num{border:0;background:var(--ink);color:var(--surface-strong)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec--customer.is-set .sec__num,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec.qv-sec--view .sec__num{background:var(--accent)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec__title{flex:1 1;margin:0;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec__hint{min-width:0;color:var(--ink-muted);font-size:11.5px;line-height:1.25;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .sec__body{padding:14px 16px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .rs-visit{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .rs-visit__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:19px;letter-spacing:-.02em}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .rs-visit__name{min-width:0;display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:15.5px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .hb-chip{height:18px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid rgba(200,90,60,.22);border-radius:999px;background:rgba(255,253,248,.7);color:var(--accent);font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .rs-visit__svc{margin-top:2px;color:var(--ink);font-family:var(--font-display);font-size:18px;line-height:1.1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .rs-visit__svc em{color:var(--primary-deep);font-style:italic}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .rs-visit__meta{margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink-muted);font-family:var(--font-mono);font-size:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .rs-visit__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-faint)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-sec--view{border-color:rgba(200,90,60,.18);background:linear-gradient(180deg,rgba(251,228,216,.4) 0,var(--surface-strong) 70%)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__cal{text-align:center;padding:6px 4px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 1px 4px rgba(29,22,18,.08)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__cal-m,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__cal-w,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__dur-l{color:var(--accent);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__cal-d{color:var(--ink);font-family:var(--font-display);font-size:26px;line-height:1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__cal-w{margin-top:3px;color:var(--ink-muted);font-size:9px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__main{min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__time{min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:var(--ink);font-family:var(--font-display);font-size:30px;line-height:1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__time-end{color:var(--ink-soft);font-family:var(--font-mono);font-size:16px;font-weight:500}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__meta{margin-top:6px;display:flex;align-items:center;gap:8px;color:var(--ink-muted);font-family:var(--font-mono);font-size:12px;font-weight:500;line-height:1.3}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__dur{align-self:stretch;min-width:70px;display:flex;flex-direction:column;justify-content:center;padding:8px 12px;border-radius:12px;background:var(--accent-soft);text-align:center}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__dur-v{color:var(--primary-deep);font-family:var(--font-display);font-size:22px;line-height:1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff--providers{grid-template-columns:minmax(0,1fr) auto;align-items:start}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__list{display:grid;gap:10px;min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__av{width:44px;height:44px;overflow:hidden;border-radius:50%;background:var(--ink);color:var(--surface-strong);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__av img{width:100%;height:100%;object-fit:cover}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__name{min-width:0;color:var(--ink);font-size:15px;font-weight:600;line-height:1.15;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__meta{margin-top:2px;color:var(--ink-muted);font-family:var(--font-mono);font-size:11.5px;line-height:1.3;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__action{align-self:center;padding:6px 12px;border:1px solid var(--line-warm);border-radius:999px;background:rgba(0,0,0,0);color:var(--accent);cursor:pointer;font:inherit;font-size:12px;font-weight:600}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__action:disabled{cursor:not-allowed;opacity:.45}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__action:not(:disabled):focus-visible,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff__action:not(:disabled):hover{border-color:rgba(200,90,60,.25);background:var(--accent-soft);outline:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-staff--providers .qv-staff__action{align-self:start}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:14px 16px 0;overflow:hidden;border:1px solid var(--line-warm);border-radius:12px;background:var(--line-warm)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-cell{min-width:0;display:flex;flex-direction:column;gap:2px;padding:11px 14px;background:var(--surface-strong)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-cell--wide{grid-column:1/-1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-cell__l{color:var(--ink-muted);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-cell__v{min-width:0;color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-cell__v.is-link{color:var(--accent)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceTimeline,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceTimeline{position:relative;display:grid;gap:0;min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceTimeline{margin-top:2px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceTimeline{margin:12px 16px 0 50px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle{display:grid;gap:10px;margin:12px 16px 0 50px;padding-left:12px;border-left:2px solid rgba(91,111,149,.28)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__services,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__window{display:grid;gap:3px;min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__services>span,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__window>span{color:var(--ink-muted);font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__services strong,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__window strong{display:block;min-width:0;color:var(--ink);font-size:13px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__services small,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__window small{display:block;min-width:0;color:var(--ink-muted);font-family:var(--font-mono);font-size:10.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-accessPassBundle__services p{display:grid;gap:2px;min-width:0;margin:0;padding:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep{position:relative;min-width:0;padding:5px 48px 5px 26px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep:before,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep:before{content:"";position:absolute;top:0;bottom:0;left:12px;width:2px;background:rgba(200,90,60,.26)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep:first-child:before,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep:first-child:before{top:13px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep:last-child:before,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep:last-child:before{bottom:auto;height:13px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep:after,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep:after{content:"";position:absolute;top:8.5px;left:8.5px;z-index:1;width:9px;height:9px;border:2px solid var(--accent);border-radius:999px;background:var(--surface-strong)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep span,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep strong,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep span,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep strong,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep strong{color:var(--ink);font-size:13px;font-weight:800;line-height:1.2}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceStep span,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-serviceStep span{color:var(--ink-muted);font-family:var(--font-mono);font-size:10.5px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceEdit{position:absolute;top:2px;right:0;z-index:2;min-height:26px;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface-strong);color:var(--accent);cursor:pointer;font:inherit;font-size:11px;font-weight:800;line-height:1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceEdit:focus-visible,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__serviceEdit:hover{border-color:var(--accent);outline:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px 16px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-btn{min-width:0;min-height:54px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 4px;border:1px solid var(--line-warm);border-radius:10px;background:var(--surface-strong);color:var(--ink-soft);cursor:pointer;font:inherit;font-size:10.5px;font-weight:600;letter-spacing:.02em;line-height:1.1;text-decoration:none;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-btn svg{width:16px;height:16px;color:var(--ink-muted)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-btn:focus-visible,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-btn:hover{border-color:var(--ink-faint);background:var(--bg-alt);color:var(--ink);outline:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-btn:focus-visible svg,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-btn:hover svg{color:var(--accent)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-btn.isDisabled{cursor:not-allowed;opacity:.48}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-note{margin:16px;padding:12px 14px;border:1px dashed var(--line-warm);border-radius:12px;background:var(--surface-sunken);color:var(--ink-soft);font-size:12.5px;line-height:1.5}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-note__l{display:block;margin-bottom:4px;color:var(--ink-muted);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-note q{font-style:italic;quotes:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care{border-color:var(--line);background:var(--surface-strong)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 14px 14px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card{min-width:0;display:grid;align-content:start;gap:8px;padding:11px;border:1px solid var(--line-warm);border-radius:12px;background:var(--surface-strong)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card--before{border-color:var(--line-warm)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card--after{border-color:var(--line-warm)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card h4{margin:0;color:var(--ink);font-family:var(--font-mono);font-size:9.5px;font-weight:800;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card li>span{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:999px;background:var(--ink);color:var(--surface-strong);font-family:var(--font-mono);font-size:10px;font-weight:800;line-height:1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card p{min-width:0;display:grid;gap:2px;margin:0;color:var(--ink-soft);font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card strong{color:var(--ink);font-weight:700}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__card small{color:var(--ink-muted);font-size:11.5px;line-height:1.35}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log{list-style:none;margin:0;padding:4px 6px 6px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 10px;color:var(--ink-soft);font-size:12.5px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__item:before{content:"";position:absolute;left:21px;top:28px;bottom:-2px;width:1px;background:var(--line-warm)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__item:last-of-type:before{display:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__ic{z-index:1;width:22px;height:22px;margin-top:1px;border:2px solid var(--surface-strong);border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__ic svg{width:11px;height:11px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__ic--neutral{background:var(--surface-sunken);color:var(--ink-muted)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__ic--warn{background:#fff5d6;color:#8a5b00}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__main{min-width:0;display:grid;gap:3px;line-height:1.35;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__main b{color:var(--ink);font-weight:600}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__main em{color:var(--accent);font-family:var(--font-mono);font-size:11.5px;font-style:normal}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__meta{color:var(--ink-muted);font-size:11.5px;line-height:1.35}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__note{width:fit-content;max-width:100%;margin-top:2px;padding:6px 8px;border:1px solid var(--line-warm);border-radius:8px;background:var(--surface-sunken);color:var(--ink);font-size:11.5px;line-height:1.4}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__when{color:var(--ink-faint);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.04em;line-height:1.3;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__flyoutSection,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shift{position:relative;flex:0 0 auto;border:1px solid var(--appt-line);border-radius:14px;background:rgba(255,253,248,.82);box-shadow:0 10px 28px -24px rgba(29,22,18,.38);overflow:visible}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__flyoutSection:focus-within,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shift:focus-within{z-index:12}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__flyoutSection{display:grid;gap:14px;padding:14px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__flyoutSection--summary{background:rgba(251,228,216,.48);border-color:rgba(200,90,60,.18)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__flyoutSection--compact{gap:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__sectionHead h4{margin:4px 0 0;color:var(--appt-ink);font-family:var(--appt-display);font-size:20px;font-weight:500;line-height:1.05;letter-spacing:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__sectionHead svg{width:18px;height:18px;color:var(--appt-primary);flex-shrink:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard{appearance:none;min-width:0;min-height:92px;padding:12px;border:1px solid var(--appt-line);border-radius:12px;background:var(--appt-surface-strong);color:var(--appt-ink-soft);cursor:pointer;display:grid;align-content:start;gap:9px;text-align:left;font:inherit;transition:background .16s ease,border-color .16s ease,color .16s ease}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard svg{width:18px;height:18px;color:var(--appt-primary)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard span{min-width:0;display:grid;gap:4px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard strong{color:var(--appt-ink);font-size:12.5px;font-weight:800;line-height:1.15}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard small{color:var(--appt-muted);font-size:11.5px;line-height:1.35}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard:focus-visible,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard:hover{border-color:rgba(200,90,60,.32);background:rgba(251,228,216,.34);outline:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard.isActive{border-color:rgba(200,90,60,.34);background:var(--appt-accent-soft)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowCard.isActive svg{color:var(--appt-accent)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__textInput{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--appt-line);border-radius:12px;background:var(--appt-surface-strong);color:var(--appt-ink);font:inherit;font-size:14px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__textInput:focus{border-color:rgba(200,90,60,.42);box-shadow:0 0 0 3px rgba(200,90,60,.12);outline:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__timePair{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(96px,.72fr);gap:8px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__mobileBlockSummary{display:grid;gap:3px;padding:11px 12px;border:1px solid rgba(200,90,60,.18);border-radius:12px;background:rgba(251,228,216,.34)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__mobileBlockSummary span{color:var(--appt-muted);font-family:var(--appt-mono);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__mobileBlockSummary strong{color:var(--appt-ink);font-size:14px;line-height:1.3}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__mobileBlockSummary small{color:var(--appt-ink-soft);font-size:12px;line-height:1.35}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__personPicker{display:grid;gap:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__modeSwitch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--appt-line);border-radius:12px;background:var(--appt-surface-sunken)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__modeSwitch button{appearance:none;min-width:0;min-height:34px;padding:0 10px;border:1px solid rgba(0,0,0,0);border-radius:9px;background:rgba(0,0,0,0);color:var(--appt-ink-soft);cursor:pointer;font:inherit;font-size:12px;font-weight:800}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__modeSwitch button:focus-visible,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__modeSwitch button:hover{border-color:rgba(200,90,60,.24);outline:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__modeSwitch button.isActive{border-color:rgba(200,90,60,.24);background:var(--appt-surface-strong);color:var(--appt-accent);box-shadow:0 1px 5px rgba(29,22,18,.08)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__customerPreview{display:grid;gap:4px;padding:11px 12px;border:1px dashed rgba(200,90,60,.24);border-radius:11px;background:rgba(251,228,216,.42)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__customerPreview strong{color:var(--appt-ink);font-size:13.5px;line-height:1.2}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__customerPreview small{color:var(--appt-muted);font-size:12px;line-height:1.35}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__visit{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__visit>div{min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__visit h4{margin:2px 0 0;font-size:15px;line-height:1.15;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--appt-primary),var(--appt-primary-deep));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--appt-display);font-size:19px;line-height:1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__pill{align-self:start;justify-self:end;max-width:110px;padding:6px 10px;border-radius:999px;background:var(--appt-surface-strong);border:1px solid var(--appt-line);color:var(--appt-ink-soft);font-size:11px;font-weight:800;line-height:1.15;text-align:center;white-space:normal}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__mutedNote{margin:3px 0 0;color:var(--appt-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shift{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px;align-items:stretch;padding:14px;background:linear-gradient(180deg,rgba(251,228,216,.58),rgba(255,253,248,.86))}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shift>div{min-width:0;display:grid;gap:4px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shift span{color:var(--appt-muted);font-family:var(--appt-mono);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shift strong{min-width:0;color:var(--appt-ink);font-family:var(--appt-display);font-size:20px;font-weight:500;line-height:1.05}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shift small{color:var(--appt-ink-soft);font-family:var(--appt-mono);font-size:11px;line-height:1.3}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shiftTo{text-align:right;padding-left:10px;border-left:1px dashed rgba(200,90,60,.32)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shiftTo small,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shiftTo strong{color:var(--appt-primary-deep)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shiftArrow{align-self:center;justify-self:center;width:28px;height:28px;border-radius:50%;background:var(--appt-primary);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0!important;font-family:var(--appt-mono);box-shadow:0 4px 12px -4px rgba(122,46,28,.5)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shiftNote{grid-column:1/-1;margin:2px 0 0;padding-top:10px;border-top:1px dashed rgba(200,90,60,.22);color:var(--appt-ink-soft);font-size:12px;line-height:1.45}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__availabilityGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.48fr);align-items:start;gap:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar{min-width:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar{--booking-primary:var(--appt-primary);--booking-secondary:var(--appt-surface-sunken);--booking-border:var(--appt-line);--booking-text:var(--appt-ink);--booking-muted:var(--appt-muted);gap:8px;padding:0;border:0;background:rgba(0,0,0,0)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__header{grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__header .uiButton{width:28px;min-width:28px;height:28px;padding:0;border:0;border-radius:6px;box-shadow:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__titleButton{font-family:var(--appt-mono);font-size:11.5px;font-weight:700}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__grid,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__weekdays{gap:2px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__weekday{font-size:9.5px;letter-spacing:.08em}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__day{min-height:0;aspect-ratio:1;border:0;border-radius:8px;background:rgba(0,0,0,0);box-shadow:none;font-size:12px;font-weight:600}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__day.isUnavailable{background:rgba(0,0,0,0);opacity:.34}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__day.isAvailable:hover{box-shadow:none;transform:none;background:var(--appt-surface-sunken)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__day.isSelected{background:var(--appt-ink);color:#fff}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__calendar .bookingCalendar__meta{display:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slots{display:grid;gap:7px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slotDate,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slotHint{margin:0;color:var(--appt-muted);font-family:var(--appt-mono);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slotHint{letter-spacing:.06em;text-transform:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slotGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:none;overflow:visible;padding-right:0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slot{appearance:none;min-width:0;min-height:40px;border:1px solid var(--appt-line);border-radius:8px;background:var(--appt-surface-strong);color:var(--appt-ink-soft);display:grid;place-items:center;gap:1px;cursor:pointer}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slot span{font-family:var(--appt-mono);font-size:11.5px;font-weight:800;line-height:1.1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slot small{color:var(--appt-muted);font-size:10px;line-height:1.1}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slot:focus-visible,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slot:hover{border-color:rgba(200,90,60,.32);background:rgba(251,228,216,.42);color:var(--appt-ink);outline:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slot.isActive{border-color:var(--appt-primary);background:var(--appt-primary);color:#fff}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__slot.isActive small{color:hsla(0,0%,100%,.78)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__reasonChip{appearance:none;border:1px solid var(--appt-line);background:var(--appt-surface-strong);color:var(--appt-ink-soft);cursor:pointer;font:inherit;font-size:12px;font-weight:800}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__reasonChips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__reasonChip{min-height:30px;padding:0 10px;border-radius:999px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__reasonChip.isActive{border-color:rgba(200,90,60,.32);background:var(--appt-accent-soft);color:var(--appt-accent)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__history{display:grid;gap:8px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__historyRow{display:grid;gap:3px;padding:10px 12px;border:1px dashed var(--appt-line-strong);border-radius:10px;background:rgba(255,250,242,.65)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__historyRow span{color:var(--appt-muted);font-family:var(--appt-mono);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__historyRow strong{color:var(--appt-ink);font-size:12.5px;line-height:1.35}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__historyRow small{color:var(--appt-ink-soft);font-size:12px;line-height:1.4}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__historyRow .appointmentDetailsCard__historyActor{color:var(--appt-muted);font-weight:700}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__notifyRow{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--appt-line);border-radius:12px;background:var(--appt-surface-strong);color:var(--appt-ink);cursor:pointer}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__notifyRow.isDisabled{cursor:not-allowed;opacity:.62}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__notifyText{min-width:0;display:grid;gap:3px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__notifyText strong{color:var(--appt-ink);font-size:13px;font-weight:700;line-height:1.2}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__notifyText small{color:var(--appt-muted);font-size:11.5px;line-height:1.3}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__switchInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__switch{position:relative;flex:0 0 auto;width:38px;height:22px;border-radius:999px;background:var(--appt-surface-sunken);border:1px solid var(--appt-line);transition:background .18s ease,border-color .18s ease}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--appt-surface-strong);box-shadow:0 1px 3px rgba(29,22,18,.16);transition:transform .18s ease}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__switchInput:checked+.appointmentDetailsCard__switch{background:var(--appt-primary);border-color:var(--appt-primary)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__switchInput:checked+.appointmentDetailsCard__switch:after{transform:translateX(16px)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__switchInput:focus-visible+.appointmentDetailsCard__switch{box-shadow:0 0 0 3px rgba(200,90,60,.18)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__switchInput:disabled+.appointmentDetailsCard__switch{background:var(--appt-surface-sunken);border-color:var(--appt-line)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__emptyState{margin:0;padding:10px 12px;border-radius:10px;background:var(--appt-surface-soft);color:var(--appt-muted);font-size:12px;line-height:1.45}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__messages{flex:0 0 auto}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__messages--quick{padding:10px 22px 0}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__quickFooter{flex:0 0 auto}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appt-foot{flex-shrink:0;padding:14px 22px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface-strong);box-shadow:0 -8px 24px -16px rgba(29,22,18,.14)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appt-foot__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appt-foot__meta{min-width:0;color:var(--ink-muted);font-size:11.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-actions{display:flex;align-items:center;gap:8px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__form--reschedule>.appointmentDetailsCard__flyoutSection:last-of-type,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__form--reschedule>.appointmentDetailsCard__messages{margin-bottom:10px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__form .appointmentDetailsCard__actions{flex:0 0 auto;position:sticky;bottom:0;margin:20px -22px -22px;padding:14px 22px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--appt-line);background:rgba(255,253,248,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:540px){:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__availabilityGrid{grid-template-columns:1fr}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__workflowGrid{grid-template-columns:1fr}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-care__grid{grid-template-columns:1fr}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shift{grid-template-columns:1fr}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shiftArrow{transform:rotate(90deg)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__shiftTo{text-align:left;padding-left:0;padding-top:10px;border-left:0;border-top:1px dashed rgba(200,90,60,.32)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__visit{grid-template-columns:auto minmax(0,1fr)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__timePair{grid-template-columns:1fr}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appointmentDetailsCard__pill{grid-column:1/-1;justify-self:start}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appt-foot__row,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when{grid-template-columns:1fr}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-when__dur{align-self:auto;min-height:52px}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-contact-row,:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-actions{justify-content:flex-start;flex-wrap:wrap}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__item{grid-template-columns:22px minmax(0,1fr)}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .qv-log__when{grid-column:2}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard:not(.isFullPage) .appt-foot__meta{white-space:normal}}@media(max-width:900px){:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__content{grid-template-columns:1fr}:is(#hb-refined .source-ui,#hb-preview-portals) .appointmentDetailsCard.isFullPage .appointmentDetailsCard__section:last-child{grid-column:auto}}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip{display:inline-flex;vertical-align:middle;margin-inline-start:.25rem;font-size:1rem;line-height:1}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip__trigger{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,0);color:var(--dashboard-ink-soft);cursor:pointer}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip__trigger:hover{background:var(--dashboard-primary-soft);color:var(--dashboard-primary-deep)}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip__trigger:focus-visible{outline:2px solid var(--dashboard-primary);outline-offset:2px}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip__content{position:fixed;inset:auto;box-sizing:border-box;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;margin:0;padding:14px 16px;border:1px solid var(--dashboard-line);border-radius:12px;background:var(--dashboard-surface-strong);color:var(--dashboard-ink);box-shadow:var(--dashboard-shadow-md);font:400 .8125rem/1.55 var(--dashboard-font-sans);letter-spacing:normal;text-align:start;text-transform:none;white-space:normal;overflow-wrap:anywhere}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip--customTrigger{margin-inline-start:0}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip--customTrigger .infoTooltip__trigger{width:auto;height:auto;flex:0 0 auto;border-radius:.375rem}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip__links{display:grid;gap:8px;margin-top:12px}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip__links a{color:var(--dashboard-primary-deep);text-decoration:underline;text-underline-offset:3px}:is(#hb-refined .source-ui,#hb-preview-portals) .infoTooltip__note{display:block;margin-top:10px}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__surface{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--dashboard-surface-strong);color:var(--dashboard-ink)}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:0 0 auto;padding:22px 26px 18px;border-bottom:1px solid var(--dashboard-line);background:linear-gradient(180deg,rgba(251,228,216,.48),transparent 120px),var(--dashboard-surface-strong)}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__header h2,:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__header p{margin:0}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__header h2{color:var(--dashboard-ink);font-family:var(--dashboard-font-display);font-size:2rem;font-weight:500;line-height:1;letter-spacing:0}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__eyebrow{margin-bottom:8px;color:var(--dashboard-primary);font-size:.6875rem;font-weight:800;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__description{max-width:44rem;margin-top:10px;color:var(--dashboard-ink-muted);font-size:.94rem;line-height:1.5}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:10px;background:rgba(0,0,0,0);padding:0;color:var(--dashboard-ink-muted);cursor:pointer}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__close:focus-visible,:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__close:hover{outline:0;background:var(--dashboard-surface-sunken);color:var(--dashboard-ink)}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__close:disabled{cursor:default;opacity:.5}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 26px;scroll-padding-bottom:20px}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__body::-webkit-scrollbar{width:6px}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__body::-webkit-scrollbar-thumb{background:rgba(29,22,18,.16);border-radius:999px}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__filter{flex:0 0 auto;padding:14px 26px;border-bottom:1px solid var(--dashboard-line);background:var(--dashboard-surface-strong);box-shadow:0 12px 24px -24px rgba(29,22,18,.42)}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;flex-wrap:wrap;padding:16px 26px;border-top:1px solid var(--dashboard-line);background:var(--dashboard-surface-strong)}@media(max-width:700px){:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__body,:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__filter,:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__footer,:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__header{padding-right:18px;padding-left:18px}:is(#hb-refined .source-ui,#hb-preview-portals) .dashboardFlyoutFrame__footer .uiButton{flex:1 1 100%}}