/* Lyntura design system layer (design cleanup r17). Loaded after every other
   Hub stylesheet. One type scale, one spacing scale, one card, one button set,
   one chip, one form row. Color comes from the active theme's --h-* tokens;
   the accent is for primary actions and the current selection only.
   Look only: no content, order or behaviour lives here. */

html[data-hub-theme]{
 /* type */
 --ds-title:500 32px/1.15 var(--h-display);
 --ds-h2:600 18px/1.35 var(--h-ui);
 --ds-h3:600 15px/1.4 var(--h-ui);
 --ds-body:400 15px/1.55 var(--h-ui);
 --ds-small:400 13px/1.45 var(--h-ui);
 /* space: 4 8 12 16 24 32 48 */
 --ds-1:4px;--ds-2:8px;--ds-3:12px;--ds-4:16px;--ds-5:24px;--ds-6:32px;--ds-7:48px;
 /* surfaces */
 --ds-radius:10px;--ds-radius-sm:8px;
 --ds-border:1px solid var(--h-line);
 --ds-control:40px;
}

/* ---------- Plans (#plans) ---------- */
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .pagehead{margin:0 0 var(--ds-5);padding:0;border:0}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .pagehead h1{font:var(--ds-title);letter-spacing:-.01em;margin:0 0 var(--ds-2);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .pagehead p{font:var(--ds-body);color:var(--h-muted);margin:0;max-width:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .pagehead .eyebrow{display:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-quiet{font:var(--ds-small);color:var(--h-muted);margin:calc(-1 * var(--ds-3)) 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans :is(.hpg-note,p.hpg-note){background:var(--h-surface);border:var(--ds-border);border-radius:var(--ds-radius);padding:var(--ds-3) var(--ds-4);font:var(--ds-body);font-size:14px;color:var(--h-ink);margin:0 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans :is(h2,h3){font:var(--ds-h2);letter-spacing:0;color:var(--h-ink)}

html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tiers{gap:var(--ds-4);margin:0 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier{padding:var(--ds-5);border:var(--ds-border);border-radius:var(--ds-radius);background:var(--h-surface);box-shadow:none;transition:border-color .15s ease}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier:hover{box-shadow:none;transform:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier.is-mine{border-color:color-mix(in srgb,var(--h-accent) 45%,var(--h-line))}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier.is-picked:not(.is-mine){border-color:var(--h-accent);box-shadow:0 0 0 1px var(--h-accent)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-hub300{background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-name{font:var(--ds-h3);font-size:16px;letter-spacing:0;text-transform:none;color:var(--h-ink);margin:0}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-price{display:flex;align-items:baseline;gap:6px;margin:var(--ds-3) 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-amount{font:600 34px/1 var(--h-ui);letter-spacing:-.02em;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-per{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-blurb{font:var(--ds-small)!important;font-size:14px!important;color:var(--h-muted);margin:0 0 var(--ds-4);min-height:4.4em}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-cta{min-height:var(--ds-control);margin:0 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-cta .button{width:100%;min-height:var(--ds-control);height:var(--ds-control);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);padding:0 var(--ds-4);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-current{width:100%;min-height:var(--ds-control);border:var(--ds-border);border-radius:var(--ds-radius-sm);background:transparent;color:var(--h-muted);font:600 14px/1 var(--h-ui)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-body{border-top:var(--ds-border);padding-top:var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-lead{font:var(--ds-small);font-weight:600;color:var(--h-ink);margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier .hpg-co-checks{display:grid;gap:var(--ds-2);margin:0;padding:0;list-style:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier .hpg-co-checks li{display:flex;gap:var(--ds-2);align-items:flex-start;font:var(--ds-small);font-size:14px;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier .hpg-co-checks svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px;color:var(--h-muted);background:none;border-radius:0;padding:0}

html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web{grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-5);padding:var(--ds-5);border:var(--ds-border);border-radius:var(--ds-radius);background:var(--h-surface);box-shadow:none;margin:0 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web.is-on{border-color:var(--h-accent);box-shadow:0 0 0 1px var(--h-accent)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web h2{margin:0 0 var(--ds-1)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web-sub{font:var(--ds-small);color:var(--h-muted);margin-left:var(--ds-2)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web p{font:var(--ds-small);font-size:14px;color:var(--h-muted);margin:0}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web .hpg-co-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--ds-2) var(--ds-4);margin:var(--ds-3) 0 0;padding:0;list-style:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web .hpg-co-checks li{display:flex;gap:var(--ds-2);font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web .hpg-co-checks svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web-side{min-width:180px;gap:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web-side .hpg-tier-amount{font-size:28px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web-hint{background:none;padding:0;border-radius:0;color:var(--h-muted);font-weight:600}

html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-fine-print{font:var(--ds-small)!important;color:var(--h-muted);margin:0 0 var(--ds-6)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-section{margin-top:var(--ds-6);padding-top:var(--ds-5);border-top:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-section>p{font:var(--ds-body);font-size:14px;color:var(--h-muted);margin:0 0 var(--ds-4);max-width:72ch}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-search{display:grid;gap:var(--ds-1);font:var(--ds-small);font-weight:600;max-width:360px;margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-member{gap:var(--ds-4);padding:var(--ds-3) 0;align-items:end}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-member strong{font:var(--ds-h3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-member label{font:var(--ds-small);font-weight:600;gap:var(--ds-1)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-member :is(input,select){min-height:var(--ds-control);height:var(--ds-control);border-radius:var(--ds-radius-sm);font:var(--ds-small);font-size:14px;padding:0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans :is(.hpg-search input){min-height:var(--ds-control);height:var(--ds-control);border-radius:var(--ds-radius-sm);border:1px solid color-mix(in srgb,var(--h-line) 55%,var(--h-muted));background:var(--h-surface);padding:0 var(--ds-3);font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-member .button{min-height:var(--ds-control);height:var(--ds-control);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-staff summary{font:var(--ds-small);font-weight:600;color:var(--h-muted);padding:var(--ds-3) 0;cursor:pointer}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tag{font:var(--ds-small);font-size:12px;letter-spacing:0;text-transform:none;padding:2px 8px;border-radius:6px;background:var(--h-side);color:var(--h-muted)}
@media(max-width:1100px){html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-blurb{min-height:0}}
@media(max-width:760px){html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .pagehead h1{font-size:28px}html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-web{grid-template-columns:1fr}}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-cta:empty{display:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-cta-blank{display:block;height:var(--ds-control)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-checks svg{background:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}

/* Plans: current-plan status, order summary, saved cards (same restraint as the tiers) */
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-eyebrow{font:var(--ds-small);font-weight:600;letter-spacing:0;text-transform:none;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-billing.hpg-co,html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-sum.hpg-co{border:var(--ds-border);border-radius:var(--ds-radius);background:var(--h-surface);box-shadow:none;margin:0 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-status{padding:var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co h2{font:var(--ds-h2);margin:2px 0 0}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-status-head{margin-bottom:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-pill{font:var(--ds-small);font-weight:600;padding:3px 10px;border-radius:6px;background:var(--h-side);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-pill::before{width:6px;height:6px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-pill-ok{background:color-mix(in srgb,var(--h-ok) 10%,var(--h-surface));color:var(--h-ok)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-pill-warn{background:color-mix(in srgb,var(--h-warn) 10%,var(--h-surface));color:var(--h-warn)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-lines>div{padding:var(--ds-2) 0;font:var(--ds-body);font-size:14px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-lines dt{font-weight:500}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-lines dt small{font-size:13px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-total{font-size:15px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-total dt,html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-total dd{font-weight:600}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-status p{font:var(--ds-body);font-size:14px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-status .hpg-actions .button{min-height:var(--ds-control);height:var(--ds-control);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-note{font:var(--ds-small)!important;font-size:14px!important;background:var(--h-bg);border-radius:var(--ds-radius-sm);padding:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-summary{padding:var(--ds-5);background:var(--h-bg);border-right:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-price{margin:var(--ds-3) 0 var(--ds-4);gap:8px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-amount{font:600 32px/1 var(--h-ui);letter-spacing:-.02em}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-per{font:var(--ds-small);font-size:12px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-fine{font:var(--ds-small)!important;margin-top:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-side{padding:var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-side-title{font:var(--ds-h3)!important;margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co .hpg-consent{margin:0 0 var(--ds-3);padding:var(--ds-3) var(--ds-4);border-radius:var(--ds-radius-sm);font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co .hpg-actions .button{min-height:var(--ds-control);height:var(--ds-control);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-secure{font:var(--ds-small)!important;padding-top:var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-sum-card{font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-switch-label{font:var(--ds-small);font-weight:600}
/* Saved cards as plain rows, not card art */
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-sec-head{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-4);margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-sec-head .button{min-height:var(--ds-control);height:var(--ds-control);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc-grid{display:grid;grid-template-columns:1fr;gap:0;border:var(--ds-border);border-radius:var(--ds-radius);overflow:hidden}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"top num actions" "top exp actions";align-items:center;gap:2px var(--ds-4);padding:var(--ds-3) var(--ds-4);border:0;border-bottom:var(--ds-border);border-radius:0;background:var(--h-surface);color:var(--h-ink);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc:last-child{border-bottom:0}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc::after{display:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc.is-default{background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc-top{grid-area:top;gap:var(--ds-2)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-brand{font:600 12px/1 var(--h-ui);padding:5px 8px;border-radius:4px;background:var(--h-side);color:var(--h-ink);letter-spacing:.02em}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc-default{font:var(--ds-small);font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--h-ok) 10%,var(--h-surface));color:var(--h-ok)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc-num{grid-area:num;margin:0;font:var(--ds-body)!important;font-size:14px!important;letter-spacing:.04em;font-variant-numeric:tabular-nums}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc-exp{grid-area:exp;font:var(--ds-small)!important;color:var(--h-muted);opacity:1}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc-actions{grid-area:actions;margin:0;gap:var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc .hpg-link-btn{color:var(--h-accent);font:600 14px/1 var(--h-ui);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc .hpg-link-danger{color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc-empty{padding:var(--ds-4);border:0;border-radius:0;font:var(--ds-small);font-size:14px;text-align:left}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-sec-sub{font:var(--ds-h3);margin:var(--ds-5) 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-receipts{border:var(--ds-border);border-radius:var(--ds-radius);padding:0;margin:0;list-style:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-receipts li{padding:var(--ds-3) var(--ds-4);border-bottom:var(--ds-border);font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-receipts li:last-child{border-bottom:0}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-card-form{border:var(--ds-border);border-radius:var(--ds-radius);padding:var(--ds-4);margin-top:var(--ds-4)}
@media(max-width:760px){html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-cc{grid-template-columns:1fr;grid-template-areas:"top" "num" "exp" "actions";gap:var(--ds-1)}}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-billing-status:empty{display:none}
html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-co-status .hpg-actions{margin:0}
@media(max-width:640px){html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tiers{grid-template-columns:1fr}html[data-hub-theme] body.hub-workspace .hpg.hpg-plans .hpg-tier-blurb{min-height:0}}

/* ---------- Release 18: shell, page heads, chips, buttons, Home, Calendar ---------- */
/* Your Space (.acct-page) belongs to the UI audit thread and is excluded from the page-level rules. */

/* Sidebar */
html[data-hub-theme] body.hub-workspace .sidebar{padding:var(--ds-4) var(--ds-3) var(--ds-3)}
html[data-hub-theme] body.hub-workspace .sidebar .tmbrand{gap:2px;padding:var(--ds-2) var(--ds-3) var(--ds-4)!important;margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace .sidebar .tmbrand strong{font:500 20px/1.2 var(--h-display);letter-spacing:0;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sidebar .hn-tagline{font:var(--ds-small);font-size:12px;letter-spacing:0;text-transform:none;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .sidebar .nav-link{min-height:36px;padding:7px var(--ds-3);gap:10px;border-radius:var(--ds-radius-sm);font:500 14px/1.3 var(--h-ui);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .sidebar .nav-link svg{width:17px;height:17px}
html[data-hub-theme] body.hub-workspace .sidebar .nav-link:hover{background:color-mix(in srgb,var(--h-ink) 5%,transparent);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sidebar .nav-link.active{background:color-mix(in srgb,var(--h-ink) 7%,transparent);color:var(--h-ink);box-shadow:none;font-weight:600}
html[data-hub-theme] body.hub-workspace .sidebar .nav-link.active::before{display:none}
html[data-hub-theme] body.hub-workspace .sidebar .nav-link.active svg{color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sidebar .hn-nav-contracting{color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .side-foot{padding-top:var(--ds-3)!important;gap:2px}
html[data-hub-theme] body.hub-workspace .hn-crm-link{min-height:var(--ds-control);padding:0 var(--ds-3);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none;transition:filter .15s}
html[data-hub-theme] body.hub-workspace .hn-crm-link:hover{transform:none;filter:brightness(1.05)}
html[data-hub-theme] body.hub-workspace .hn-staff-link{min-height:34px;padding:6px var(--ds-3);border-radius:var(--ds-radius-sm);font:500 13px/1.3 var(--h-ui);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hn-staff-link svg{width:15px;height:15px}
html[data-hub-theme] body.hub-workspace .powered{font:500 11px/1 var(--h-ui);letter-spacing:.04em;padding:var(--ds-3) var(--ds-3) 0;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .side-foot .powered{letter-spacing:.04em}

/* Top bar */
html[data-hub-theme] body.hub-workspace .topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .crumb{font:var(--ds-small);font-size:14px;letter-spacing:0;text-transform:none}
html[data-hub-theme] body.hub-workspace .crumb strong{font-weight:600}
html[data-hub-theme] body.hub-workspace .search{min-height:36px;padding:0 var(--ds-3);border-radius:var(--ds-radius-sm);background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .search input{font:var(--ds-small);font-size:14px;letter-spacing:0;text-transform:none}
html[data-hub-theme] body.hub-workspace .search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 16%,transparent)}
html[data-hub-theme] body.hub-workspace .search kbd{font:500 11px/1 var(--h-ui);padding:3px 6px;border-radius:4px}
html[data-hub-theme] body.hub-workspace .profile{border-radius:var(--ds-radius-sm);padding:4px 8px 4px 4px}
html[data-hub-theme] body.hub-workspace .profile .hub-profile-label{font:500 14px/1.3 var(--h-ui);letter-spacing:0;text-transform:none}
html[data-hub-theme] body.hub-workspace .profile small{font:var(--ds-small);font-size:12px;letter-spacing:0;text-transform:none}
html[data-hub-theme] body.hub-workspace .topbar :is(#lyntura-plan-badge,.hub-plan-badge,[class*=lp-badge]){display:inline-flex!important;align-items:center;gap:0;margin-left:6px;padding:1px 7px!important;border-radius:5px!important;border:0!important;background:var(--h-side)!important;color:var(--h-muted)!important;font:600 11px/1.4 var(--h-ui)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
html[data-hub-theme] body.hub-workspace .topbar :is(#lyntura-plan-badge,.hub-plan-badge,[class*=lp-badge]) :is(svg,.i,i){display:none!important}

/* Page heads: one title, one sentence. Eyebrows and decorative dates go. */
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead,.hx-pagehead){display:flex;align-items:flex-start;gap:var(--ds-4);margin:0 0 var(--ds-5);padding:0;border:0}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead,.hx-pagehead)>div:first-child{flex:1 1 auto;min-width:0}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead>.eyebrow,.pagehead .eyebrow:first-child,.hx-pagehead .hx-eyebrow,.pagehead .date-label,.hx-pagehead .hx-today){display:none}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead h1,.hx-pagehead h1){font:var(--ds-title);letter-spacing:-.01em;margin:0 0 var(--ds-2);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead h1,.hx-pagehead h1) em{font-style:normal;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead p,.hx-pagehead p){font:var(--ds-body);color:var(--h-muted);margin:0;max-width:70ch}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead,.hx-pagehead)>:not(:first-child){flex:0 0 auto;display:flex;gap:var(--ds-2);flex-wrap:wrap;justify-content:flex-end;margin-top:2px}
@media(max-width:760px){html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead,.hx-pagehead){display:grid}html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehead,.hx-pagehead)>:not(:first-child){justify-content:flex-start}}

/* Section heads */
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.section-head,.hx-section-title){display:flex;align-items:center;justify-content:space-between;gap:var(--ds-3);padding:0 0 var(--ds-3);margin:0 0 var(--ds-2);border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.section-head h2,.hx-section-title h2,.toolbar h2,.hub-more-carriers h2,.hub-contracting-intro h2){font:var(--ds-h2);font-family:var(--h-ui)!important;letter-spacing:0;color:var(--h-ink);margin:0}
/* Section titles are sans; only the page title keeps Newsreader (hub-design forces the display face with !important). */
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.empty h2,.hx-empty h3,.hx-hero h2,.hx-support-note h3,.hx-next-action h2,.hx-featured-session h3,.day-stamp,.hx-date strong,.aside-note h3,.dialog-head h2){font-family:var(--h-ui)!important}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.section-head>span,.section-head span,.hx-section-title>span){font:var(--ds-small);color:var(--h-muted);letter-spacing:0;text-transform:none}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.hx-textlink,.textbutton){font:600 14px/1 var(--h-ui);color:var(--h-accent);letter-spacing:0;text-transform:none}

/* Buttons: one set. Accent only on the primary. */
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.button,.hx-button){min-height:var(--ds-control);padding:0 var(--ds-4);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);letter-spacing:0;text-transform:none;box-shadow:none;transition:filter .15s,background .15s,border-color .15s}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.button,.hx-button):hover{transform:none;box-shadow:none}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.button.small,.hx-button.small){min-height:34px;padding:0 var(--ds-3);font-size:13px}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.button.secondary,.hx-button.secondary){background:var(--h-surface);color:var(--h-ink);border:1px solid color-mix(in srgb,var(--h-line) 60%,var(--h-muted))}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.button.secondary,.hx-button.secondary):hover{background:var(--h-bg)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.button,.hx-button) svg{width:15px;height:15px}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) .iconbtn{border-radius:var(--ds-radius-sm)}

/* Chips: sentence case, quiet. */
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.tag,.badge,.category,.resource-state .tag,.update-label){font:500 12px/1.3 var(--h-ui);letter-spacing:0;text-transform:none;padding:2px 8px;border-radius:6px;background:var(--h-side);color:var(--h-muted);border:0}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.tag.gold,.badge.gold){background:color-mix(in srgb,var(--h-warn) 10%,var(--h-surface));color:var(--h-warn)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.tag.red,.badge.red){background:color-mix(in srgb,var(--h-danger) 10%,var(--h-surface));color:var(--h-danger)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.tag.green,.badge.green){background:color-mix(in srgb,var(--h-ok) 10%,var(--h-surface));color:var(--h-ok)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) .category{background:none;padding:0;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) .update-label{background:none;padding:0}

/* Cards and empty states */
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.hx-home-columns>section,.hx-home-columns>aside,.calendar-surface,.nh-training-weekly,.hub-contracting-intro,.hub-more-carriers,.aside-note,.integration-section,.settings-grid>.list-item){border:var(--ds-border);border-radius:var(--ds-radius);background:var(--h-surface);box-shadow:none;padding:var(--ds-5)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.empty,.hx-empty){padding:var(--ds-6) var(--ds-4);text-align:center}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.empty svg,.hx-empty svg){display:none}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.empty h2,.hx-empty h3){font:var(--ds-h3);color:var(--h-ink);margin:0 0 var(--ds-1)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.empty p,.hx-empty p){font:var(--ds-small);font-size:14px;color:var(--h-muted);margin:0}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.pagehint,.calendar-footnote,.footer-note){font:var(--ds-small);color:var(--h-muted)}

/* Home */
html[data-hub-theme] body.hub-workspace .hx-next-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ds-2) var(--ds-5);background:var(--h-surface);color:var(--h-ink);border:var(--ds-border);border-radius:var(--ds-radius);padding:var(--ds-4) var(--ds-5);box-shadow:none;margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hx-next-action::after{display:none}
html[data-hub-theme] body.hub-workspace .hx-next-action .hx-eyebrow{grid-column:1;font:var(--ds-small);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hx-next-action h2{grid-column:1;font:var(--ds-h2);letter-spacing:0;color:var(--h-ink);margin:0}
html[data-hub-theme] body.hub-workspace .hx-next-action p{grid-column:1;font:var(--ds-small);font-size:14px;color:var(--h-muted);margin:0;max-width:70ch}
html[data-hub-theme] body.hub-workspace .hx-next-action .hx-button{grid-column:2;grid-row:1/4;background:var(--h-accent)!important;color:var(--h-on-accent)!important;border-color:var(--h-accent)!important;box-shadow:none!important}
html[data-hub-theme] body.hub-workspace .nh-home-shortcuts{display:flex;flex-wrap:wrap;gap:var(--ds-2);margin:0 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .nh-home-shortcuts .hx-button.secondary{flex:0 0 auto;min-height:34px;padding:0 var(--ds-3);border-radius:var(--ds-radius-sm);font:500 13px/1 var(--h-ui);gap:6px;justify-content:center;text-align:center}
html[data-hub-theme] body.hub-workspace .nh-home-shortcuts .hx-button.secondary svg{width:13px;height:13px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .nh-home-shortcuts .hx-button.secondary:hover svg{transform:none}
html[data-hub-theme] body.hub-workspace .hx-home-columns{gap:var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hx-featured-session{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ds-2) var(--ds-4);align-items:center;background:var(--h-surface);border:var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-3) var(--ds-4);margin:var(--ds-3) 0}
html[data-hub-theme] body.hub-workspace .hx-featured-session .hx-eyebrow{display:none}
html[data-hub-theme] body.hub-workspace .hx-featured-session h3{font:var(--ds-h3);margin:0;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hx-featured-session p{font:var(--ds-small);font-size:14px;color:var(--h-muted);margin:0}
html[data-hub-theme] body.hub-workspace .hx-featured-session>.hx-textlink{grid-column:2;margin:0;font-size:13px}
html[data-hub-theme] body.hub-workspace :is(.hx-date,.day-stamp){display:grid;place-items:center;gap:0;min-width:48px;width:auto;height:auto;padding:6px 8px;border-radius:var(--ds-radius-sm);background:var(--h-bg);color:var(--h-ink);border:var(--ds-border)}
html[data-hub-theme] body.hub-workspace :is(.hx-date small,.day-stamp small){font:600 11px/1.2 var(--h-ui);letter-spacing:.02em;text-transform:uppercase;color:var(--h-muted);line-height:1.2}
html[data-hub-theme] body.hub-workspace .hx-date strong{font:600 20px/1.1 var(--h-ui);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .day-stamp{font:600 20px/1.1 var(--h-ui);letter-spacing:0}
html[data-hub-theme] body.hub-workspace .hx-session-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ds-3);padding:var(--ds-3) 0;border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .hx-session-row h3{font:var(--ds-h3);font-weight:500;margin:0}
html[data-hub-theme] body.hub-workspace .hx-session-row p{font:var(--ds-small);color:var(--h-muted);margin:0}
html[data-hub-theme] body.hub-workspace .hx-round-icon{width:32px;height:32px;border-radius:8px;background:var(--h-bg);color:var(--h-muted);border:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .hx-round-icon svg{width:15px;height:15px}
html[data-hub-theme] body.hub-workspace .hx-space{margin-top:var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hx-progress-head{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hx-onboarding-row{padding:var(--ds-3) 0;gap:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hx-onboarding-row strong{font:var(--ds-h3);font-weight:500;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hx-onboarding-row small{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hx-step{width:24px;height:24px;border-radius:6px;background:var(--h-bg);border:var(--ds-border);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hx-step.is-complete{background:color-mix(in srgb,var(--h-ok) 10%,var(--h-surface));border-color:transparent;color:var(--h-ok)}
html[data-hub-theme] body.hub-workspace .hx-update{padding:var(--ds-3) 0}
html[data-hub-theme] body.hub-workspace .hx-update .hx-eyebrow{font:500 12px/1.3 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hx-update h3{font:var(--ds-h3);margin:2px 0 4px}
html[data-hub-theme] body.hub-workspace .hx-support-note{background:var(--h-surface);border:var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-4);margin-top:var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hx-support-note .hx-round-icon{display:none}
html[data-hub-theme] body.hub-workspace .hx-support-note h3{font:var(--ds-h3);color:var(--h-ink);margin:0 0 var(--ds-1)}
html[data-hub-theme] body.hub-workspace .hx-support-note p{font:var(--ds-small);font-size:14px;color:var(--h-muted);margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace .hx-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ds-5);min-height:0;margin:var(--ds-4) 0 0;padding:var(--ds-4) var(--ds-5);background:var(--h-surface);border:var(--ds-border);border-radius:var(--ds-radius);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hx-hero .hx-eyebrow{display:none}
html[data-hub-theme] body.hub-workspace .hx-hero h2{font:var(--ds-h2);letter-spacing:0;margin:0 0 var(--ds-1);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hx-hero :is(h2,p){display:flex;flex-wrap:wrap;gap:0 .3em}
html[data-hub-theme] body.hub-workspace .hx-hero h2 br{display:none}
html[data-hub-theme] body.hub-workspace .hx-hero p br{display:block;flex-basis:100%;height:0}
html[data-hub-theme] body.hub-workspace .hx-hero h2 em{font-style:normal;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hx-hero p{font:var(--ds-small);font-size:14px;color:var(--h-muted);margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hx-hero .hx-button{background:var(--h-surface);color:var(--h-ink);border:1px solid color-mix(in srgb,var(--h-line) 60%,var(--h-muted))}
html[data-hub-theme] body.hub-workspace .hx-hero-art{min-width:0}
html[data-hub-theme] body.hub-workspace .hx-hero-art .hx-approved-logo{display:block;width:auto;max-width:240px;max-height:88px;object-fit:contain;border-radius:0;box-shadow:none;background:transparent}
@media(max-width:760px){html[data-hub-theme] body.hub-workspace .hx-next-action{grid-template-columns:1fr}html[data-hub-theme] body.hub-workspace .hx-next-action .hx-button{grid-column:1;grid-row:auto;justify-self:start}html[data-hub-theme] body.hub-workspace .hx-hero{display:grid;grid-template-columns:1fr;padding:var(--ds-4)}html[data-hub-theme] body.hub-workspace .hx-hero-art{display:none}html[data-hub-theme] body.hub-workspace .nh-home-shortcuts{display:grid;grid-template-columns:1fr 1fr}html[data-hub-theme] body.hub-workspace .nh-home-shortcuts .hx-button.secondary{justify-content:space-between}}

/* Calendar & Booking */
html[data-hub-theme] body.hub-workspace #main .button.hub-cal-add{min-height:var(--ds-control);padding:0 var(--ds-4);font:600 14px/1 var(--h-ui);border-radius:var(--ds-radius-sm);background:var(--h-surface);color:var(--h-ink);border:1px solid color-mix(in srgb,var(--h-line) 60%,var(--h-muted));box-shadow:none}
html[data-hub-theme] body.hub-workspace #main .button.hub-cal-add:hover{filter:none;transform:none;background:var(--h-bg)}
html[data-hub-theme] body.hub-workspace #main .button.hub-cal-add .i{width:15px;height:15px}
html[data-hub-theme] body.hub-workspace .hub-section-nav{gap:var(--ds-2);margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hub-section-nav>.button{min-height:34px;padding:0 var(--ds-3);font:500 13px/1 var(--h-ui)}
html[data-hub-theme] body.hub-workspace .hub-section-nav>.button svg{width:13px;height:13px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .nh-training-weekly{padding:var(--ds-5)}
html[data-hub-theme] body.hub-workspace .nh-training-weekly>p{font:var(--ds-small);font-size:14px;color:var(--h-muted);margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .nh-weekly-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-3) var(--ds-4);align-items:center;padding:var(--ds-3) 0}
html[data-hub-theme] body.hub-workspace .nh-weekly-list>li::before{display:none}
html[data-hub-theme] body.hub-workspace .nh-weekly-list>li>div:first-child{display:grid;gap:2px}
html[data-hub-theme] body.hub-workspace .nh-weekly-list strong{font:var(--ds-h3);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .nh-weekly-list span{font:var(--ds-small);font-size:14px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .nh-weekly-actions{display:flex;gap:var(--ds-2);flex-wrap:wrap;justify-content:flex-end}
html[data-hub-theme] body.hub-workspace .nh-weekly-actions .button{min-height:34px;font-size:13px}
html[data-hub-theme] body.hub-workspace .nh-weekly-actions .button:not(.secondary){background:var(--h-accent);color:var(--h-on-accent)}
html[data-hub-theme] body.hub-workspace .nh-training-weekly .textbutton{font:600 14px/1 var(--h-ui);color:var(--h-accent);margin-top:var(--ds-2)}
html[data-hub-theme] body.hub-workspace .calendar-surface{padding:0 var(--ds-5) var(--ds-3);margin-top:var(--ds-4)}
html[data-hub-theme] body.hub-workspace .calendar-toolbar{padding:var(--ds-4) 0;gap:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .calendar-toolbar h2{font:var(--ds-h2);letter-spacing:0;margin:0}
html[data-hub-theme] body.hub-workspace .month-controls .button{min-height:32px;padding:0 var(--ds-3);font-size:13px}
html[data-hub-theme] body.hub-workspace .timezone-label{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .view-switch{background:var(--h-bg);border:var(--ds-border);border-radius:var(--ds-radius-sm);padding:2px}
html[data-hub-theme] body.hub-workspace .view-switch :is(button,a){font:500 13px/1 var(--h-ui);padding:6px 12px;border-radius:6px}
html[data-hub-theme] body.hub-workspace .view-switch :is([aria-pressed=true],.active){box-shadow:none;background:var(--h-surface);color:var(--h-ink);border:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .calendar-surface>.session-row{margin:0;padding:var(--ds-3) 0}
html[data-hub-theme] body.hub-workspace .session-row{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--ds-4);align-items:center}
html[data-hub-theme] body.hub-workspace .session-row h3{display:flex;align-items:center;gap:var(--ds-2);font:var(--ds-h3);font-weight:500;margin:0 0 2px;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .session-row h3 .tag:not(.gold):not(.red){display:none}
html[data-hub-theme] body.hub-workspace .session-row p{font:var(--ds-small);font-size:14px;color:var(--h-muted);margin:0}
html[data-hub-theme] body.hub-workspace .hub-session-actions{display:flex;gap:var(--ds-2);align-items:center;flex-wrap:wrap;justify-content:flex-end}
html[data-hub-theme] body.hub-workspace .hub-session-actions .button{min-height:34px;font-size:13px;gap:6px}
html[data-hub-theme] body.hub-workspace .hub-session-actions .button.hub-quick-add:not(.secondary){background:var(--h-surface);color:var(--h-ink);border:1px solid color-mix(in srgb,var(--h-line) 60%,var(--h-muted));width:auto;padding:0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .hub-session-actions .button.hub-quick-add[aria-pressed=false]::after{content:"Add to calendar"}
html[data-hub-theme] body.hub-workspace .hub-session-actions .button.hub-quick-add[aria-pressed=true]{background:color-mix(in srgb,var(--h-ok) 10%,var(--h-surface));color:var(--h-ok);border-color:transparent}
html[data-hub-theme] body.hub-workspace .calendar-footnote{margin:var(--ds-3) 0 0}
html[data-hub-theme] body.hub-workspace .month .weekday{font:500 12px/1.3 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .month .cell{border-color:var(--h-line)}
html[data-hub-theme] body.hub-workspace .mini-event{border-radius:6px;font:500 12px/1.3 var(--h-ui)}
@media(max-width:760px){html[data-hub-theme] body.hub-workspace .session-row{grid-template-columns:auto minmax(0,1fr)}html[data-hub-theme] body.hub-workspace .hub-session-actions{grid-column:2;justify-content:flex-start}html[data-hub-theme] body.hub-workspace .nh-weekly-list>li{grid-template-columns:1fr}html[data-hub-theme] body.hub-workspace .nh-weekly-actions{justify-content:flex-start}}


/* ---------- Release 19: Help, Messages & Community, Staff Hub, Carriers, Resources, Contracting ---------- */
/* CSS only, same rules as release 18. Your Space (.acct-page) stays excluded. */

/* Labels that are typed in capitals in the markup read as sentence case: lowercase + first letter up. */
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.eyebrow:not(.pagehead .eyebrow),.hx-eyebrow:not(.hx-pagehead .hx-eyebrow),.hc-label,.hc-quicklinks>span,.hc-support small,.hga-eyebrow,.hcom-rail-label,.hcom-banner-stats span,.hs-nav-label,.hs-eyebrow,.hcq-eyebrow,.hcq-label,.section-head>span,.update-label){display:block;font:600 12px/1.4 var(--h-ui);letter-spacing:0;text-transform:lowercase;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.eyebrow:not(.pagehead .eyebrow),.hx-eyebrow:not(.hx-pagehead .hx-eyebrow),.hc-label,.hc-quicklinks>span,.hc-support small,.hga-eyebrow,.hcom-rail-label,.hcom-banner-stats span,.hs-nav-label,.hs-eyebrow,.hcq-eyebrow,.hcq-label,.section-head>span,.update-label)::first-letter{text-transform:uppercase}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.hcom-rail-label,.hs-nav-label){margin:var(--ds-4) 10px var(--ds-1)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.hga-eyebrow svg,.hcom-rail-label svg){display:none}

/* Help & Support */
html[data-hub-theme] body.hub-workspace .help-center .hc-hero{padding:0 0 var(--ds-5);margin:0 0 var(--ds-5);border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .help-center :is(.hc-hero-label,.hc-hero-note,.hc-topic-note,.hc-footer){display:none}
html[data-hub-theme] body.hub-workspace .help-center .hc-hero-copy{display:block;margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace .help-center .hc-hero h1{display:flex;flex-wrap:wrap;gap:0 .3em;font:var(--ds-title);letter-spacing:-.01em;margin:0 0 var(--ds-2);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .help-center .hc-hero h1 br{display:none}
html[data-hub-theme] body.hub-workspace .help-center .hc-hero h1 em{font:inherit;font-style:normal;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .help-center .hc-hero-copy p{font:var(--ds-body);color:var(--h-muted);margin:0;max-width:70ch;line-height:1.55}
html[data-hub-theme] body.hub-workspace .help-center .hc-search label{font:var(--ds-small);font-weight:600;margin-bottom:var(--ds-1)}
html[data-hub-theme] body.hub-workspace .help-center .hc-search>div{min-height:var(--ds-control);padding:0 4px 0 var(--ds-3);gap:var(--ds-2);border-radius:var(--ds-radius-sm);box-shadow:none;background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .help-center .hc-search>div:focus-within{outline:none;border-color:var(--h-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 16%,transparent)}
html[data-hub-theme] body.hub-workspace .help-center .hc-search input{padding:8px 0;font:var(--ds-small);font-size:14px;height:auto}
html[data-hub-theme] body.hub-workspace .help-center .hc-search button{min-height:32px;padding:0 var(--ds-3);gap:6px;border-radius:6px;font:600 13px/1 var(--h-ui)}
html[data-hub-theme] body.hub-workspace .help-center .hc-search>small{font:var(--ds-small);font-size:12px;margin-top:var(--ds-2)}
html[data-hub-theme] body.hub-workspace .help-center .hc-quicklinks{gap:var(--ds-2);margin-top:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .help-center .hc-quicklinks a{min-height:32px;padding:0 10px;gap:6px;border:var(--ds-border);border-radius:6px;font:500 13px/1 var(--h-ui);color:var(--h-ink);text-decoration:none}
html[data-hub-theme] body.hub-workspace .help-center .hc-quicklinks svg{width:13px;height:13px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .help-center .hga{border:var(--ds-border);border-radius:var(--ds-radius);box-shadow:none;padding:var(--ds-5)}
html[data-hub-theme] body.hub-workspace .help-center .hga h2{font:var(--ds-h2);font-family:var(--h-ui)!important;letter-spacing:0;margin:var(--ds-1) 0 var(--ds-2);max-width:none}
html[data-hub-theme] body.hub-workspace .help-center .hga p{font:var(--ds-small);font-size:14px;line-height:1.5}
html[data-hub-theme] body.hub-workspace .help-center .hga textarea{border-radius:var(--ds-radius-sm)}
html[data-hub-theme] body.hub-workspace .help-center .hga-status{font:var(--ds-small);margin-top:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .help-center .hc-tabs{gap:var(--ds-5)}
html[data-hub-theme] body.hub-workspace .help-center .hc-tabs button{min-height:40px;padding:10px 0;font:500 14px/1 var(--h-ui)}
html[data-hub-theme] body.hub-workspace .help-center .hc-tabs button[aria-pressed=true]{font-weight:600}
html[data-hub-theme] body.hub-workspace .help-center .hc-tabs span{font-size:12px}
html[data-hub-theme] body.hub-workspace .help-center .hc-topics nav{gap:2px;margin-top:var(--ds-2)}
html[data-hub-theme] body.hub-workspace .help-center .hc-topics nav a{min-height:36px;padding:7px 10px;border-radius:var(--ds-radius-sm);font:500 14px/1.3 var(--h-ui);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .help-center .hc-topics nav a>span:last-child{font-size:12px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .help-center .hc-topics nav a.is-selected{background:color-mix(in srgb,var(--h-ink) 7%,transparent);color:var(--h-ink);font-weight:600}
html[data-hub-theme] body.hub-workspace .help-center .hc-topics nav a:hover{color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .help-center :is(.hc-results-head h2,.hc-faq h2,.hc-support h2,.nh-support-split h2,.hc-article-head h1){font:var(--ds-h2);font-family:var(--h-ui)!important;letter-spacing:0;margin:0}
html[data-hub-theme] body.hub-workspace .help-center .hc-article-head h1{font:var(--ds-title)}
html[data-hub-theme] body.hub-workspace .help-center .hc-guide-row h3{font:var(--ds-h3);font-weight:500}
html[data-hub-theme] body.hub-workspace .help-center :is(.hc-row-icon,.hc-support-icon){width:30px;height:30px;border-radius:var(--ds-radius-sm);background:var(--h-bg);border:var(--ds-border);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .help-center .hc-row-icon svg{width:14px;height:14px}
html[data-hub-theme] body.hub-workspace .help-center .nh-support-split>section{border:var(--ds-border);border-radius:var(--ds-radius);background:var(--h-surface);box-shadow:none;padding:var(--ds-5)}
html[data-hub-theme] body.hub-workspace .help-center .nh-support-split p{font:var(--ds-small);font-size:14px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .help-center .hc-primary{min-height:var(--ds-control);padding:0 var(--ds-4);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none;transform:none}
html[data-hub-theme] body.hub-workspace .help-center .hc-primary:hover{transform:none;box-shadow:none}

/* Messages & Community */
html[data-hub-theme] body.hub-workspace #main .hcom-rail-head .hcom-kicker{display:none}
html[data-hub-theme] body.hub-workspace #main .hcom-rail-head strong{font:var(--ds-h2);font-family:var(--h-ui)!important;letter-spacing:0;margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace :is(.hcom-rail-link,.hcom-rail-dm,.hcom-rail-new){min-height:36px;padding:7px 10px;border-radius:var(--ds-radius-sm);font:500 14px/1.3 var(--h-ui);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace :is(.hcom-rail-link,.hcom-rail-dm).active{background:color-mix(in srgb,var(--h-ink) 7%,transparent);box-shadow:none;color:var(--h-ink);font-weight:600}
html[data-hub-theme] body.hub-workspace .hcom-rail-link.active .hcom-i{color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hcom-rail-note{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hcom-banner{gap:var(--ds-4);padding:var(--ds-4) var(--ds-5);border:var(--ds-border);border-radius:var(--ds-radius);background:var(--h-surface);color:var(--h-ink);box-shadow:none}
html[data-hub-theme] body.hub-workspace :is(.hcom-banner-icon,.hcom-banner .hcom-kicker){display:none}
html[data-hub-theme] body.hub-workspace .hcom-banner h1{font:var(--ds-h2);font-family:var(--h-ui)!important;letter-spacing:0;margin:0 0 2px;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hcom-banner p{font:var(--ds-small);font-size:14px;color:var(--h-muted);opacity:1}
html[data-hub-theme] body.hub-workspace .hcom-banner-stats{gap:var(--ds-5)}
html[data-hub-theme] body.hub-workspace .hcom-banner-stats span{opacity:1;align-items:flex-start}
html[data-hub-theme] body.hub-workspace .hcom-banner-stats strong{font:600 20px/1.2 var(--h-ui)!important;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hcom-sorts{gap:2px;padding:2px;border-radius:var(--ds-radius-sm)}
html[data-hub-theme] body.hub-workspace :is(.hcom-sorts button,.hcom-chip){min-height:32px;padding:0 12px;border-radius:6px;font:500 13px/1 var(--h-ui)}
html[data-hub-theme] body.hub-workspace .hcom-sorts button.on{background:color-mix(in srgb,var(--h-ink) 7%,transparent);color:var(--h-ink);font-weight:600}
html[data-hub-theme] body.hub-workspace .hcom-chip.on{border-color:color-mix(in srgb,var(--h-ink) 30%,var(--h-line));color:var(--h-ink);background:color-mix(in srgb,var(--h-ink) 5%,transparent)}
html[data-hub-theme] body.hub-workspace .hcom-empty{padding:var(--ds-6) var(--ds-4);border:var(--ds-border);border-radius:var(--ds-radius)}
html[data-hub-theme] body.hub-workspace .hcom-empty>.hcom-i{display:none}
html[data-hub-theme] body.hub-workspace .hcom-empty h2{font:var(--ds-h3);font-family:var(--h-ui)!important}
html[data-hub-theme] body.hub-workspace .hcom-empty p{font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hcom-panel{padding:var(--ds-5);border-radius:var(--ds-radius);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hcom-panel h3{font:var(--ds-h3);font-family:var(--h-ui)!important;margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace .hcom-panel p,html[data-hub-theme] body.hub-workspace .hcom-guidelines li{font:var(--ds-small);font-size:14px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hcom-notice{border-style:solid;border-radius:var(--ds-radius-sm);padding:var(--ds-3) var(--ds-4);font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hcom-notice .hcom-i{color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hcom-side .hcom-btn{background:var(--h-surface);color:var(--h-ink);border:1px solid color-mix(in srgb,var(--h-line) 60%,var(--h-muted));box-shadow:none}
html[data-hub-theme] body.hub-workspace .hcom-btn{min-height:var(--ds-control);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hcom-compose-prompt{border-radius:var(--ds-radius-sm);font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hcom-card{border-radius:var(--ds-radius);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hcom-card-title{font:var(--ds-h3);font-family:var(--h-ui)!important}

/* Staff Hub */
html[data-hub-theme] body.hub-workspace .hs .hs-header{padding:0 0 var(--ds-4);border-bottom:0}
html[data-hub-theme] body.hub-workspace #main .hs .hs-header .hs-eyebrow{display:none!important}
html[data-hub-theme] body.hub-workspace .hs .hs-header h1{font:var(--ds-title);letter-spacing:-.01em;margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace .hs .hs-tagline{font:var(--ds-body);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hs .hs-panelhead .hs-eyebrow{display:none}
html[data-hub-theme] body.hub-workspace .hs .hs-panelhead h2{font:var(--ds-h2);font-family:var(--h-ui)!important;letter-spacing:0;margin:0 0 var(--ds-1)}
html[data-hub-theme] body.hub-workspace .hs .hs-panelhead h2{display:flex;flex-wrap:wrap;gap:0 .3em}
html[data-hub-theme] body.hub-workspace .hs .hs-panelhead h2 br{display:block;flex-basis:100%;height:0}
html[data-hub-theme] body.hub-workspace .hs .hs-panelhead p{font:var(--ds-small);font-size:14px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hs .hs-nav-link{min-height:36px;padding:7px 10px;border-radius:var(--ds-radius-sm);font:500 14px/1.3 var(--h-ui);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hs .hs-nav button{min-height:36px;padding:7px 10px;border-radius:var(--ds-radius-sm);font:500 14px/1.3 var(--h-ui);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hs .hs-nav button:hover{background:color-mix(in srgb,var(--h-ink) 5%,transparent);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hs .hs-nav button[aria-current=page],html[data-hub-theme] body.hub-workspace .hs .hs-nav-link[aria-current=page]{background:color-mix(in srgb,var(--h-ink) 7%,transparent);color:var(--h-ink);font-weight:600;box-shadow:none}
html[data-hub-theme] body.hub-workspace .hs .hs-metrics{border-radius:var(--ds-radius);margin:var(--ds-4) 0}
html[data-hub-theme] body.hub-workspace .hs .hs-metric{background:var(--h-surface);padding:var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hs .hs-metric:hover{background:var(--h-bg)}
html[data-hub-theme] body.hub-workspace .hs .hs-metric b{font:600 24px/1.1 var(--h-ui)!important;color:var(--h-ink);margin-bottom:var(--ds-1)}
html[data-hub-theme] body.hub-workspace .hs .hs-metric span{font:var(--ds-small);font-size:13px;font-weight:500;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hs .hs-notice{background:var(--h-bg);border:var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--h-ink);font:var(--ds-small);font-size:14px}
html[data-hub-theme] body.hub-workspace .hs .hs-empty{border:var(--ds-border);border-radius:var(--ds-radius);padding:var(--ds-6) var(--ds-4)}
html[data-hub-theme] body.hub-workspace .hs .hs-empty h3{font:var(--ds-h3)!important;font-family:var(--h-ui)!important}
html[data-hub-theme] body.hub-workspace .hs :is(.hs-button,.button){min-height:var(--ds-control);padding:0 var(--ds-4);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none}
html[data-hub-theme] body.hub-workspace .hs .hs-breadcrumb{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hs .hs-breadcrumb a{text-decoration:none;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hs .hs-workline{font:var(--ds-h3);font-family:var(--h-ui)!important}

/* Carriers and Resources: the big tile grids become one compact link row */
html[data-hub-theme] body.hub-workspace #main :is(.hcx-tiles,.hn-resource-shortcuts){display:flex;flex-wrap:wrap;gap:var(--ds-2);margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace #main :is(.hcx-tile,.hn-resource-shortcuts .hn-tool-link){position:static;display:inline-flex;flex:0 1 auto;flex-direction:row;align-items:center;gap:8px;min-height:34px;padding:0 var(--ds-3);border:var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--h-surface);color:var(--h-ink);box-shadow:none;text-decoration:none}
html[data-hub-theme] body.hub-workspace #main :is(.hcx-tile,.hn-resource-shortcuts .hn-tool-link):hover{transform:none;box-shadow:none;background:var(--h-bg);border-color:color-mix(in srgb,var(--h-line) 60%,var(--h-muted))}
html[data-hub-theme] body.hub-workspace #main :is(.hcx-tile strong,.hn-resource-shortcuts .hn-tool-link strong){font:500 13px/1 var(--h-ui)!important;font-size:13px!important;line-height:1!important;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main :is(.hcx-tile span,.hn-resource-shortcuts .hn-tool-link small){display:none}
html[data-hub-theme] body.hub-workspace #main :is(.hcx-tile>.i,.hn-resource-shortcuts .hn-tool-link>svg:last-child){position:static;order:2;width:13px;height:13px;color:var(--h-muted);transform:none}
html[data-hub-theme] body.hub-workspace #main .hn-resource-shortcuts .hn-shortcut-icon{width:auto;height:auto;background:none;border:0;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main .hn-resource-shortcuts .hn-shortcut-icon svg{width:14px;height:14px}
html[data-hub-theme] body.hub-workspace #main .hn-secondary-links{gap:var(--ds-4);margin:0 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace #main .hn-secondary-links a{font:500 13px/1.4 var(--h-ui)}
html[data-hub-theme] body.hub-workspace #main .hcx-card{border-radius:var(--ds-radius);box-shadow:none}
html[data-hub-theme] body.hub-workspace #main .hcx-card:hover{box-shadow:none;border-color:color-mix(in srgb,var(--h-line) 60%,var(--h-muted))}
html[data-hub-theme] body.hub-workspace #main .hcx-mark{width:36px;height:36px;border-radius:var(--ds-radius-sm);background:var(--h-bg);border:var(--ds-border);color:var(--h-ink);font:600 13px/1 var(--h-ui);letter-spacing:0}
html[data-hub-theme] body.hub-workspace #main .hcx-card :is(h2,h3,strong,.hcx-copy strong){font:var(--ds-h3);font-family:var(--h-ui)!important;letter-spacing:0}
html[data-hub-theme] body.hub-workspace #main .hcx-chip{min-height:22px;padding:1px 8px;border-radius:6px;font:500 12px/1.4 var(--h-ui)}
html[data-hub-theme] body.hub-workspace #main .hcx-actions{padding:var(--ds-2) var(--ds-4);gap:4px var(--ds-4);background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace #main .hcx-actions a{font:500 13px/1 var(--h-ui);color:var(--h-ink);min-height:28px}
html[data-hub-theme] body.hub-workspace #main .hub-more-carriers{padding:var(--ds-5)}
html[data-hub-theme] body.hub-workspace #main :is(.hub-resource-search,.hcq-search) .button{min-height:var(--ds-control)}

/* Contracting */
html[data-hub-theme] body.hub-workspace #main .hub-contracting-intro{padding:var(--ds-5);margin:0 0 var(--ds-5);background:var(--h-surface);border:var(--ds-border);border-left-width:1px;border-radius:var(--ds-radius)}
html[data-hub-theme] body.hub-workspace #main .hub-contracting-intro .eyebrow{display:none}
html[data-hub-theme] body.hub-workspace #main .hub-contracting-intro h2{font:var(--ds-h2);font-family:var(--h-ui)!important;letter-spacing:0;margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace #main .hub-contracting-intro>p{font:var(--ds-body);color:var(--h-muted);margin:0 0 var(--ds-3);max-width:none}
html[data-hub-theme] body.hub-workspace #main .hub-contracting-intro .notice{background:var(--h-bg);border:var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-3) var(--ds-4);font:var(--ds-small);font-size:14px;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main .hub-contracting-intro>.button{margin:var(--ds-2) var(--ds-2) 0 0}
html[data-hub-theme] body.hub-workspace #main .hub-contracting-intro .pagehint{margin:var(--ds-3) 0 0}
html[data-hub-theme] body.hub-workspace #main .hub-resource-search{border-radius:var(--ds-radius-sm)}

/* Support and other asides */
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) .aside-note .eyebrow{display:none}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) .aside-note h3{font:var(--ds-h3);font-family:var(--h-ui)!important;margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) .aside-note p{font:var(--ds-small);font-size:14px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(table th,.table-head,.resource-tablehead span){font:600 12px/1.4 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) .resource-tablehead{padding:var(--ds-2) 0;border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main:not(:has(.acct-page)) :is(.recording-kind,.recording-row .eyebrow,.recording-row small.kind){font:600 12px/1.4 var(--h-ui);letter-spacing:0;text-transform:lowercase;color:var(--h-muted)}

/* ---------- Release 20: Staff Workspace takes the left rail ---------- */
/* While #operations is open, hub-staff-workspace.js docks its section nav into .sidebar as .hn-staff-rail
   and sets body.nh-staff-rail. The Hub's own sidebar contents hide; the staff board uses the full width.
   "Exit Staff Workspace" at the bottom left (and leaving the page) restores the normal sidebar. */
html[data-hub-theme] body.hub-workspace.nh-staff-rail .sidebar>:not(.hn-staff-rail){display:none!important}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .sidebar{display:flex;flex-direction:column;overflow:hidden}
html[data-hub-theme] body.hub-workspace .hn-staff-rail{display:flex;flex-direction:column;flex:1;min-height:0}
/* r19 follow-up: the Home brand band's kicker must stay hidden (the sentence-case rule had re-shown it). */
html[data-hub-theme] body.hub-workspace #main .hx-hero .hx-eyebrow{display:none!important}
html[data-hub-theme] body.hub-workspace .hn-staff-rail-head{padding:var(--ds-2) var(--ds-3) var(--ds-4);margin:0 0 var(--ds-2);border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .hn-staff-rail-kicker{display:block;font:var(--ds-small);font-size:12px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hn-staff-rail-head strong{display:block;font:500 20px/1.2 var(--h-display);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-navigation{display:flex;flex-direction:column;flex:1;min-height:0}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-navigation>summary{display:none}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav{display:flex!important;flex-direction:column!important;flex:1;min-height:0;overflow:auto;gap:1px;padding:0 2px;border:0!important;background:transparent!important;scrollbar-width:thin}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav-label{display:block;margin:var(--ds-3) 10px 2px;font:600 12px/1.4 var(--h-ui);letter-spacing:0;text-transform:lowercase;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav-label::first-letter{text-transform:uppercase}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav-label:first-child{margin-top:0}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav :is(button,.hs-nav-link){display:flex;align-items:center;gap:10px;min-height:34px;padding:6px var(--ds-3);border:0;border-radius:var(--ds-radius-sm);background:none;font:500 14px/1.3 var(--h-ui);color:var(--h-muted);text-align:left;text-decoration:none;white-space:normal;flex-shrink:0;cursor:pointer}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav :is(button,.hs-nav-link) svg{width:17px;height:17px;flex:none;color:currentColor}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav :is(button,.hs-nav-link):hover{background:color-mix(in srgb,var(--h-ink) 5%,transparent);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav button[aria-current=page]{background:color-mix(in srgb,var(--h-ink) 7%,transparent);color:var(--h-ink);font-weight:600;box-shadow:none}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .hn-staff-rail .hs-nav-footer{display:grid!important;grid-template-columns:1fr;gap:var(--ds-1);margin:auto 0 0;padding:var(--ds-3) 0 var(--ds-1);border-top:var(--ds-border);position:sticky;bottom:0;background:var(--h-side)}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .hn-staff-rail .hs-nav-footer :is(.hs-exit,.hn-crm-link){display:flex!important;align-items:center;gap:10px;min-height:var(--ds-control);padding:0 var(--ds-3);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);text-decoration:none;box-shadow:none}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .hn-staff-rail .hs-exit{background:var(--h-surface);color:var(--h-ink);border:1px solid color-mix(in srgb,var(--h-line) 60%,var(--h-muted))}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .hn-staff-rail .hs-exit::before{content:"←";font-weight:500}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .hn-staff-rail .hs-exit:hover{background:var(--h-bg)}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .hn-staff-rail .hn-crm-link{background:var(--h-accent)!important;color:var(--h-on-accent)!important;border:1px solid var(--h-accent)!important}
/* The board takes the whole main column; the in-page breadcrumb and return links are redundant now. */
html[data-hub-theme] body.hub-workspace.nh-staff-rail #main .hs-layout{display:block;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:0}
html[data-hub-theme] body.hub-workspace.nh-staff-rail #main .hs-breadcrumb{display:none}
html[data-hub-theme] body.hub-workspace.nh-staff-rail #main .hs-body{padding:0}
html[data-hub-theme] body.hub-workspace.nh-staff-rail #main .hs-header{padding:0 0 var(--ds-4)}
@media(max-width:900px){html[data-hub-theme] body.hub-workspace.nh-staff-rail .sidebar{display:flex;flex-direction:column}html[data-hub-theme] body.hub-workspace .hn-staff-rail .hs-nav{overflow:auto}}
/* ---------- Release 23: Mobile UI (phones; every layout rule is inside a max-width media query) ---------- */
/* One flat page per screen on phones: 16px side gutter, no card boxes around page sections (a thin
   divider instead), 16px inside any box that stays, 44px tap targets, one type scale (title 26, section 17,
   item 16, body 15, meta 13), lists instead of tile grids, text tabs instead of pills, tables as stacked rows.
   The accent stays on primary actions and the current selection only. */

/* Touch screens keep :hover after a tap, which underlined tab labels and buttons. */
@media (hover:none){
 body.hub-workspace a:hover,body.hub-workspace a:focus:not(:focus-visible){text-decoration:none}
 /* and arrows/marks are drawn as text, never as emoji (backs up the U+FE0E added in the source) */
 html[data-hub-theme] body.hub-workspace{font-variant-emoji:text}
}
/* No tagline under a company name in the menu (all widths). */
html[data-hub-theme] body.hub-workspace .tmbrand .hn-tagline{display:none!important}

@media (max-width:760px){
 /* ---- shell ---- */
 html[data-hub-theme] body.hub-workspace .topbar{height:56px;min-height:56px;padding:0 8px 0 4px!important;gap:4px;align-items:center}
 html[data-hub-theme] body.hub-workspace .topbar .search{height:40px;flex:1 1 auto;min-width:0;padding:0 12px}
 html[data-hub-theme] body.hub-workspace .topbar .search input{font-size:16px!important;min-width:0}
 html[data-hub-theme] body.hub-workspace .topbar .profile{padding:2px;border:0;background:none;min-width:44px;justify-content:center}
 html[data-hub-theme] body.hub-workspace .topbar .profile .hn-mobile-account{display:none}
 html[data-hub-theme] body.hub-workspace .topbar .profile .avatar{width:32px;height:32px}
 html[data-hub-theme] body.hub-workspace #main:not(.hcom-page){padding:20px 16px 104px!important}
 html[data-hub-theme] body.hub-workspace .bottom-nav a{text-decoration:none!important}
 /* drawer: no ring on the current item, nothing clipped under the brand */
 html[data-hub-theme] body.hub-workspace .sidebar{overflow-y:auto;overscroll-behavior:contain}
 html[data-hub-theme] body.hub-workspace .sidebar nav{overflow:visible;padding-top:8px}
 html[data-hub-theme] body.hub-workspace .sidebar :is(a,button):focus:not(:focus-visible){outline:none;box-shadow:none}
 html[data-hub-theme] body.hub-workspace .sidebar [aria-current="page"]{outline:none!important;box-shadow:none!important}
 html[data-hub-theme] body.hub-workspace .sidebar .tmbrand strong{font-size:20px}
 /* Staff Workspace rail in the drawer: one row height and one size for every item */
 html[data-hub-theme] body.hub-workspace .sidebar .hs-nav>:is(button,a.hs-nav-link){min-height:44px!important;font-size:15px!important;line-height:1.3;text-decoration:none!important}
 html[data-hub-theme] body.hub-workspace .sidebar .hs-nav>:is(button,a.hs-nav-link) *{font-size:inherit!important}
 html[data-hub-theme] body.hub-workspace .sidebar .hs-nav-label{padding-top:8px}
 html[data-hub-theme] body.hub-workspace .sidebar .hs-nav-footer :is(button,a){min-height:44px}
 /* footer: one small line */
 html[data-hub-theme] body.hub-workspace #main .footer-note{margin-top:32px;padding:16px 0 0;font-size:13px!important;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
 html[data-hub-theme] body.hub-workspace #main .footer-note>span:first-child{display:none}
 html[data-hub-theme] body.hub-workspace #main .footer-note a{font-size:13px!important;min-height:44px;display:inline-flex;align-items:center}

 /* ---- type scale ---- */
 html[data-hub-theme] body.hub-workspace #main :is(.pagehead h1,.hx-pagehead h1,.hc-hero h1,.hcq-head h1,.hs-header h1,.acct2-who h1){font-size:26px!important;line-height:1.2!important;letter-spacing:-.01em}
 html[data-hub-theme] body.hub-workspace #main :is(.pagehead p,.hx-pagehead p,.hc-hero p){font-size:15px!important;line-height:1.5!important}
 html[data-hub-theme] body.hub-workspace #main :is(.section-head h2,.hx-section-title h2,.acct2-label h2,section>h2,.hcom-panel h3){font-size:17px!important;line-height:1.35!important}
 html[data-hub-theme] body.hub-workspace #main :is(p,li,dd,td,label){font-size:15px!important;line-height:1.5}
 html[data-hub-theme] body.hub-workspace #main :is(.pagehint,small,.acct2-hint,.hap-muted,.calendar-footnote){font-size:13px!important;line-height:1.45!important}
 html[data-hub-theme] body.hub-workspace #main :is(.eyebrow,.hx-eyebrow,.hs-eyebrow,.hcq-eyebrow,.hga-eyebrow){font-size:12px!important;letter-spacing:.02em}

 /* ---- page heads: actions stacked, one width ---- */
 html[data-hub-theme] body.hub-workspace #main :is(.pagehead,.hx-pagehead){display:block!important;margin:0 0 20px!important}
 html[data-hub-theme] body.hub-workspace #main :is(.pagehead,.hx-pagehead)>:not(:first-child):has(.button,button,a){display:grid!important;grid-template-columns:1fr;gap:8px;margin-top:16px!important}
 html[data-hub-theme] body.hub-workspace #main :is(.pagehead,.hx-pagehead)>:not(:first-child)>:is(.button,button,a){width:100%;justify-content:center;margin:0}

 html[data-hub-theme] body.hub-workspace #main :is(.pagehead,.hx-pagehead)>:is(.button,button,a.button){display:flex;width:100%;justify-content:center;margin:16px 0 0!important}
 html[data-hub-theme] body.hub-workspace #main nav.hn-secondary-links a{justify-content:flex-start;text-align:left}
 html[data-hub-theme] body.hub-workspace #main nav.hn-secondary-links{align-items:stretch;text-align:left}

 /* ---- controls ---- */
 html[data-hub-theme] body.hub-workspace #main :is(.button,button.button,a.button,.hx-button,.hcom-btn,.hs-button,.hc-primary,.hp-button){min-height:44px!important;border-radius:8px}
 html[data-hub-theme] body.hub-workspace #main :is(.button.small,.button.secondary.small){min-height:40px!important}
 html[data-hub-theme] body.hub-workspace #main :is(input[type=text],input[type=tel],input[type=email],input[type=search],input[type=url],input[type=number],input[type=date],input[type=time],input:not([type]),select,textarea){min-height:44px;font-size:16px!important;max-width:none!important;width:100%;box-sizing:border-box}
 html[data-hub-theme] body.hub-workspace #main input:is([type=checkbox],[type=radio]){width:20px;height:20px;min-height:0;flex:none;margin:2px 0 0}
 html[data-hub-theme] body.hub-workspace #main label{max-width:none}

 /* ---- sections: flat on the page, divider between ---- */
 html[data-hub-theme] body.hub-workspace #main :is(.hx-home-columns>section,.hx-home-columns>aside,section.hx-next-action,section.hx-hero,.hub-more-carriers,.hcx-more,section.hga,.help-center>section:not(.hc-results),section.hub-contracting-intro,section.nh-training-weekly,.calendar-surface,aside.aside-note,section.hcom-panel,header.hcom-banner,.hs-notice,.nh-support-split>*){border:0!important;border-top:1px solid var(--h-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:20px 0!important;margin:0!important}
 html[data-hub-theme] body.hub-workspace #main :is(.hx-home-columns,.hcom-side,.hcom-feed,.nh-support-split){display:block!important;gap:0!important}
 /* boxes that stay (notes, a featured item): 16px inside */
 html[data-hub-theme] body.hub-workspace #main :is(.hx-featured-session,.hx-support-note,p.notice,.hcom-rule,.hi-visibility,.acct2-plan-hub,.hcom-empty,.hs-empty,.empty){padding:16px!important;border-radius:8px}
 html[data-hub-theme] body.hub-workspace #main :is(.hcom-empty,.hs-empty,.empty,.hx-empty){border:0!important;background:none!important;text-align:left!important;align-items:flex-start!important;padding:8px 0!important}
 html[data-hub-theme] body.hub-workspace #main :is(.hcom-empty,.hs-empty,.empty,.hx-empty) :is(h2,h3,strong){font-size:15px!important;margin:0 0 4px}
 html[data-hub-theme] body.hub-workspace #main :is(.hcom-empty,.hs-empty,.empty,.hx-empty) svg{display:none}

 /* ---- lists instead of tile grids ---- */
 html[data-hub-theme] body.hub-workspace #main :is(nav.nh-home-shortcuts,nav.hub-section-nav,nav.hn-resource-shortcuts,.hc-quicklinks){display:flex!important;flex-direction:column;gap:0!important;margin:0 0 20px!important;border-top:1px solid var(--h-line)}
 html[data-hub-theme] body.hub-workspace #main :is(nav.nh-home-shortcuts,nav.hub-section-nav,nav.hn-resource-shortcuts,.hc-quicklinks)>a{display:flex!important;align-items:center;justify-content:space-between!important;gap:12px;width:100%;min-height:48px!important;height:auto!important;padding:0 2px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--h-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--h-ink)!important;font-size:15px!important;font-weight:500!important;text-align:left!important;white-space:normal}
 html[data-hub-theme] body.hub-workspace #main :is(nav.hub-section-nav,nav.hn-resource-shortcuts)>a>svg:first-child,html[data-hub-theme] body.hub-workspace #main nav.hn-resource-shortcuts .hn-shortcut-icon{display:none!important}
 html[data-hub-theme] body.hub-workspace #main :is(nav.nh-home-shortcuts,nav.hub-section-nav,nav.hn-resource-shortcuts,.hc-quicklinks)>a>svg:last-child{color:var(--h-muted);flex:none}
 html[data-hub-theme] body.hub-workspace #main nav.hn-resource-shortcuts .hn-tool-link :is(strong,small){font-size:15px!important;font-weight:500!important}
 html[data-hub-theme] body.hub-workspace #main nav.hn-resource-shortcuts .hn-tool-link small{display:none}
 html[data-hub-theme] body.hub-workspace #main nav.hn-secondary-links{display:flex;flex-direction:column;gap:0;margin:0 0 20px}
 html[data-hub-theme] body.hub-workspace #main nav.hn-secondary-links a{min-height:44px;display:flex;align-items:center;font-size:15px!important}

 /* ---- text tabs instead of pills (one scrolling row) ---- */
 html[data-hub-theme] body.hub-workspace #main :is(.tabs,.hc-tabs,.hcom-sorts,.hm-filters,.view-switch,.acct2-nav){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:20px!important;padding:0!important;margin:0 0 16px!important;border:0!important;border-bottom:1px solid var(--h-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
 html[data-hub-theme] body.hub-workspace #main :is(.tabs,.hc-tabs,.hcom-sorts,.hm-filters,.view-switch,.acct2-nav)::-webkit-scrollbar{display:none}
 html[data-hub-theme] body.hub-workspace #main :is(.tabs,.hc-tabs,.hcom-sorts,.hm-filters,.view-switch,.acct2-nav)>:is(a,button){flex:none;min-height:44px!important;padding:0!important;margin:0 0 -1px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--h-muted)!important;font-size:15px!important;font-weight:500!important;white-space:nowrap}
 html[data-hub-theme] body.hub-workspace #main :is(.tabs,.hc-tabs,.hcom-sorts,.hm-filters,.view-switch,.acct2-nav)>:is(.active,.on,.is-selected,[aria-selected="true"],[aria-current],[aria-pressed="true"]){color:var(--h-ink)!important;border-bottom-color:var(--h-accent)!important;font-weight:600!important}
 html[data-hub-theme] body.hub-workspace #main :is(.tabs,.hc-tabs,.hcom-sorts,.hm-filters,.view-switch)>:is(a,button) svg{display:none}
 html[data-hub-theme] body.hub-workspace #main .hc-tabs>* span{font-size:13px;color:var(--h-muted);margin-left:4px}

 /* ---- Home ---- */
 html[data-hub-theme] body.hub-workspace #main section.hx-next-action{padding-top:0!important;border-top:0!important}
 html[data-hub-theme] body.hub-workspace #main section.hx-next-action .hx-button{width:100%;justify-content:center}
 html[data-hub-theme] body.hub-workspace #main .hx-section-title{padding:0 0 12px!important;margin:0 0 4px!important;border-bottom:0!important}
 html[data-hub-theme] body.hub-workspace #main .hx-section-title.hx-space{margin-top:24px!important}
 html[data-hub-theme] body.hub-workspace #main .hx-session-row{grid-template-columns:32px minmax(0,1fr) 44px}
 html[data-hub-theme] body.hub-workspace #main .hx-onboarding-row small{font-size:14px!important;color:var(--h-muted)}

 /* ---- Calendar & Booking ---- */
 html[data-hub-theme] body.hub-workspace #main .nh-weekly-actions,html[data-hub-theme] body.hub-workspace #main .hub-session-actions,html[data-hub-theme] body.hub-workspace #main .recording-row-actions{display:flex!important;flex-wrap:wrap;gap:8px!important;flex-direction:row!important;align-items:center}
 html[data-hub-theme] body.hub-workspace #main .session-row{grid-template-columns:52px minmax(0,1fr)!important;gap:4px 12px!important}
 html[data-hub-theme] body.hub-workspace #main .session-row .hub-session-actions{grid-column:2;margin-top:8px}
 html[data-hub-theme] body.hub-workspace #main .calendar-toolbar{display:grid!important;grid-template-columns:1fr;gap:12px}
 html[data-hub-theme] body.hub-workspace #main .calendar-toolbar .toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 html[data-hub-theme] body.hub-workspace #main .calendar-toolbar .view-switch{margin:0!important}

 /* ---- Resources / Learn / carrier lists: title above description ---- */
 html[data-hub-theme] body.hub-workspace #main .resource-row{grid-template-columns:32px minmax(0,1fr) 44px!important;align-items:start!important;gap:12px!important;padding:16px 0!important}
 html[data-hub-theme] body.hub-workspace #main .resource-row .resource-icon{width:32px;height:32px;margin-top:2px}
 html[data-hub-theme] body.hub-workspace #main .resource-row :is(h3,strong,.resource-title,a:first-child){font-size:16px!important;font-weight:600!important;line-height:1.35!important}
 html[data-hub-theme] body.hub-workspace #main .resource-row p{font-size:14px!important;color:var(--h-muted);margin:4px 0 0}
 html[data-hub-theme] body.hub-workspace #main .resource-row .iconbtn{width:44px;height:44px;margin-top:-6px}
 html[data-hub-theme] body.hub-workspace #main :is(.recording-row){padding:16px 0!important}
 html[data-hub-theme] body.hub-workspace #main .recording-copy :is(h3,strong){font-size:16px!important}
 html[data-hub-theme] body.hub-workspace #main .recording-copy p{font-size:14px!important;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace #main .tag{font-size:12px!important;padding:2px 8px;border-radius:4px}
 html[data-hub-theme] body.hub-workspace #main .hub-resource-search,html[data-hub-theme] body.hub-workspace #main .hub-case-search{display:grid!important;grid-template-columns:1fr;gap:8px;padding:0!important;border:0!important;background:none!important}

 /* ---- Carriers ---- */
 html[data-hub-theme] body.hub-workspace #main .hcx-card{padding:0!important}
 html[data-hub-theme] body.hub-workspace #main .hcx-card .hcx-main{padding:16px!important}
 html[data-hub-theme] body.hub-workspace #main .hcx-card :is(.hcx-tile,a.hcx-tile,button.hcx-tile){min-height:44px!important;padding:0 16px!important}

 /* ---- Help ---- */
 html[data-hub-theme] body.hub-workspace #main .hc-search{display:block!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
 html[data-hub-theme] body.hub-workspace #main .hc-search>label{display:block;font-size:15px!important;font-weight:600;margin:0 0 8px}
 html[data-hub-theme] body.hub-workspace #main .hc-search>div{display:flex!important;align-items:center;gap:8px;min-height:48px;padding:0 4px 0 12px!important;border:1px solid var(--h-line)!important;border-radius:8px!important;background:var(--h-surface)!important;box-shadow:none!important}
 html[data-hub-theme] body.hub-workspace #main .hc-search>div:focus-within{border-color:var(--h-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 15%,transparent)!important}
 html[data-hub-theme] body.hub-workspace #main .hc-search>div input{flex:1 1 auto;min-width:0;min-height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:0!important}
 html[data-hub-theme] body.hub-workspace #main .hc-search>div button{flex:none;min-height:40px!important;border-radius:6px}
 html[data-hub-theme] body.hub-workspace #main .hc-search>small{display:block;margin-top:8px}
 html[data-hub-theme] body.hub-workspace #main .hc-quicklinks>span{display:block;padding:16px 0 4px;font-size:13px!important;color:var(--h-muted);text-transform:none;letter-spacing:0;border:0}
 html[data-hub-theme] body.hub-workspace #main .hc-guide-row{border-radius:0!important;box-shadow:none!important;padding:16px 0!important}
 html[data-hub-theme] body.hub-workspace #main .hc-layout{display:block!important}
 html[data-hub-theme] body.hub-workspace #main .hc-topics{display:block!important;padding:0!important;margin:0 0 16px!important;border:0!important;background:none!important}
 html[data-hub-theme] body.hub-workspace #main .hc-topics .hc-label{display:none!important}
 html[data-hub-theme] body.hub-workspace #main .hc-topics nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:20px!important;padding:0!important;border-bottom:1px solid var(--h-line);scrollbar-width:none;align-items:stretch}
 html[data-hub-theme] body.hub-workspace #main .hc-topics a{flex:none;min-height:44px;height:44px;display:inline-flex;align-items:center;padding:0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;white-space:nowrap;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace #main .hc-topics a.is-selected{color:var(--h-ink)!important;border-bottom-color:var(--h-accent)!important}
 html[data-hub-theme] body.hub-workspace #main .hc-topics a span{margin-left:4px;font-size:13px;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace #main .hc-primary{width:100%;justify-content:center;box-shadow:none!important}

 /* ---- Your Space ---- */
 html[data-hub-theme] body.hub-workspace .acct2-head{display:grid!important;grid-template-columns:56px minmax(0,1fr);gap:12px 14px!important;align-items:center;padding:0 0 16px!important}
 html[data-hub-theme] body.hub-workspace .acct2-head .acct2-avatar{width:56px!important;height:56px!important;font-size:19px!important}
 html[data-hub-theme] body.hub-workspace .acct2-who h1{font-size:22px!important}
 html[data-hub-theme] body.hub-workspace .acct2-who p{font-size:14px!important;word-break:break-word}
 html[data-hub-theme] body.hub-workspace .acct2-chips{margin-top:8px}
 html[data-hub-theme] body.hub-workspace .acct2-head-actions{grid-column:1/-1;display:grid!important;grid-template-columns:1fr;gap:4px!important;width:100%}
 html[data-hub-theme] body.hub-workspace .acct2-head-actions>*{width:100%;justify-content:center;min-height:44px}
 html[data-hub-theme] body.hub-workspace .acct2-nav{position:sticky;top:56px;z-index:5;background:var(--h-bg)!important;margin:0!important}
 html[data-hub-theme] body.hub-workspace .acct2-row{padding:24px 0!important;gap:12px!important;scroll-margin-top:110px}
 /* Name row on phones: Name label, then the name form, then the Plan & billing label and its cards */
 html[data-hub-theme] body.hub-workspace .acct2-row-name{display:flex!important;flex-direction:column;gap:12px}
 html[data-hub-theme] body.hub-workspace .acct2-row-name>.acct2-label:not(.acct2-label-plan){order:1}
 html[data-hub-theme] body.hub-workspace .acct2-row-name #hub-identity-root{order:2}
 html[data-hub-theme] body.hub-workspace .acct2-row-name>.acct2-label-plan{order:3;margin-top:12px!important;padding-top:24px!important}
 html[data-hub-theme] body.hub-workspace .acct2-row-name>.acct2-plan-hub{order:4}
 html[data-hub-theme] body.hub-workspace .acct2-row-name .lp-settings-plans{order:5}
 html[data-hub-theme] body.hub-workspace .acct2-row-name>.acct2-control-name{display:contents!important}
 /* plan cards: text first, then the links in their own row */
 html[data-hub-theme] body.hub-workspace .acct2 :is(.acct2-plan-hub,.lp-settings-plans){display:flex!important;flex-direction:column;align-items:stretch!important;gap:4px!important;padding:16px!important;margin:0!important;border:1px solid var(--h-line)!important;border-radius:8px!important;max-width:none!important}
 html[data-hub-theme] body.hub-workspace .acct2 .lp-settings-plans>div:first-child{display:block!important;width:auto!important;min-width:0}
 html[data-hub-theme] body.hub-workspace .acct2 .lp-settings-plans>div:first-child>*{display:block;width:auto!important}
 html[data-hub-theme] body.hub-workspace .acct2 .lp-settings-plans :is(strong,span){white-space:normal!important}
 html[data-hub-theme] body.hub-workspace .acct2 .lp-settings-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:0 20px!important;margin-top:8px;position:static!important;grid-column:auto!important;grid-row:auto!important}
 html[data-hub-theme] body.hub-workspace .acct2 :is(.lp-settings-actions a,.acct2-plan-hub .acct2-link){min-height:44px!important;display:inline-flex!important;align-items:center;padding:0!important;position:static!important;font-size:15px!important}
 html[data-hub-theme] body.hub-workspace .acct2 .acct2-plan-hub .acct2-link{margin-top:4px}
 /* name form */
 html[data-hub-theme] body.hub-workspace .acct2 .hi-form label{display:grid;gap:6px}
 html[data-hub-theme] body.hub-workspace .acct2 .hi-form label>span{padding:0!important;margin:0!important;font-weight:400;color:var(--h-muted);font-size:13px!important}
 html[data-hub-theme] body.hub-workspace .acct2 .hi-form-foot{display:grid!important;grid-template-columns:1fr;gap:12px}
 html[data-hub-theme] body.hub-workspace .acct2 .hi-form-foot p{font-size:13px!important;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace .acct2 :is(.hi-form-foot .hp-button,.hp-profile-copy .button){width:100%;justify-content:center;min-height:44px}
 html[data-hub-theme] body.hub-workspace .acct2 .hp-profile-row{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start}
 html[data-hub-theme] body.hub-workspace .acct2 .hp-current{width:72px!important;height:72px!important}
 /* text alerts: one column, flat sub-sections */
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications>div{gap:16px!important}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications form{gap:12px!important}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications form>p:empty,html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications section>div:empty{display:none}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications .nh-check{align-items:flex-start!important;gap:12px!important;font-size:15px!important;line-height:1.45;min-height:44px;padding:2px 0}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications>div>section{border:0!important;border-top:1px solid var(--h-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:20px 0 0!important;margin:4px 0 0!important;display:grid;gap:12px}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications>div>section>*{margin:0!important}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications>div>section h3{font-size:16px!important}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications>div>section form{display:grid;gap:12px}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications :is(form>.button,section .button){width:100%;justify-content:center;justify-self:stretch!important;margin:0!important}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications label:not(.nh-check){display:grid;gap:6px;font-size:14px!important;font-weight:600}
 html[data-hub-theme] body.hub-workspace .acct2 .nh-notifications label:not(.nh-check) input{max-width:none!important;width:100%}
 html[data-hub-theme] body.hub-workspace .acct2 .acct2-access{gap:24px!important}
 html[data-hub-theme] body.hub-workspace .acct2 .acct2-actions{display:grid!important;grid-template-columns:1fr;gap:4px}
 html[data-hub-theme] body.hub-workspace .acct2 .acct2-actions>*{width:100%}
 html[data-hub-theme] body.hub-workspace .acct2 .acct2-actions :is(.button,.textbutton){width:100%;justify-content:center;min-height:44px}

 /* ---- Messages & Community ---- */
 html[data-hub-theme] body.hub-workspace #main.hcom-page{padding:0 0 96px!important}
 html[data-hub-theme] body.hub-workspace .hcom-rail{padding:0 16px!important;background:none!important;border:0!important;border-bottom:1px solid var(--h-line)!important;overflow-x:auto;scrollbar-width:none;box-shadow:none!important}
 html[data-hub-theme] body.hub-workspace .hcom-rail::-webkit-scrollbar{display:none}
 html[data-hub-theme] body.hub-workspace .hcom-rail-group{gap:20px!important;align-items:center!important;flex-wrap:nowrap}
 html[data-hub-theme] body.hub-workspace .hcom-rail-group+.hcom-rail-group{margin-left:20px;padding-left:20px;border-left:1px solid var(--h-line)}
 html[data-hub-theme] body.hub-workspace .hcom-rail-label,html[data-hub-theme] body.hub-workspace .hcom-rail-link svg{display:none!important}
 html[data-hub-theme] body.hub-workspace .hcom-rail-link{flex:none;min-height:48px!important;height:48px;padding:0!important;margin:0 0 -1px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--h-muted)!important;text-decoration:none!important;white-space:nowrap}
 html[data-hub-theme] body.hub-workspace .hcom-rail-link .hcom-label{font-size:15px!important;font-weight:500}
 html[data-hub-theme] body.hub-workspace .hcom-rail-link.active{color:var(--h-ink)!important;border-bottom-color:var(--h-accent)!important}
 html[data-hub-theme] body.hub-workspace .hcom-rail-link.active .hcom-label{font-weight:600}
 /* "New message" was hidden on phones; it stays at the end of the row as a plain text action */
 html[data-hub-theme] body.hub-workspace .hcom-rail-new{display:inline-flex!important;flex:none;align-items:center;min-height:48px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--h-accent)!important;white-space:nowrap}
 html[data-hub-theme] body.hub-workspace .hcom-rail-new svg{display:none!important}
 html[data-hub-theme] body.hub-workspace .hcom-rail-new .hcom-label{display:inline!important;font-size:15px!important;font-weight:600}
 html[data-hub-theme] body.hub-workspace .hcom-stage{padding:16px 16px 96px!important;background:none!important}
 html[data-hub-theme] body.hub-workspace header.hcom-banner{padding:0 0 16px!important;border-top:0!important}
 html[data-hub-theme] body.hub-workspace header.hcom-banner h1,html[data-hub-theme] body.hub-workspace header.hcom-banner h2{font-size:22px!important}
 html[data-hub-theme] body.hub-workspace .hcom-composer{border:0!important;box-shadow:none!important;background:none!important;margin:0 0 16px!important}
 html[data-hub-theme] body.hub-workspace .hcom-compose-bar{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;gap:12px}
 html[data-hub-theme] body.hub-workspace .hcom-compose-bar>:first-child:not(:only-child){display:none}
 html[data-hub-theme] body.hub-workspace .hcom-toolbar{display:flex!important;align-items:flex-end;gap:20px;margin:0 0 16px!important;border-bottom:1px solid var(--h-line)}
 html[data-hub-theme] body.hub-workspace .hcom-toolbar .hcom-sorts{margin:0!important;border-bottom:0!important;flex:1 1 auto;min-width:0}
 html[data-hub-theme] body.hub-workspace .hcom-list .hcom-empty{padding:8px 0!important;margin:0!important}
 html[data-hub-theme] body.hub-workspace .hcom-stage>*:first-child,html[data-hub-theme] body.hub-workspace .hcom-feed>header:first-child{border-top:0!important}
 html[data-hub-theme] body.hub-workspace .hcom-toolbar .hcom-chip{min-height:44px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--h-muted)!important;margin:0!important;flex:none}
 html[data-hub-theme] body.hub-workspace .hcom-toolbar .hcom-chip svg{display:none}
 html[data-hub-theme] body.hub-workspace .hcom-panel .hcom-rule{background:none!important;border:0!important;border-left:2px solid var(--h-line)!important;border-radius:0!important;padding:0 0 0 12px!important}
 html[data-hub-theme] body.hub-workspace .hcom-panel .hcom-rule svg{display:none}
 html[data-hub-theme] body.hub-workspace .hcom-panel .hcom-btn{width:100%}
 html[data-hub-theme] body.hub-workspace .hcom-feed-wrap{display:block!important}
 html[data-hub-theme] body.hub-workspace .hcom-side{margin-top:8px!important}
 /* private messages */
 html[data-hub-theme] body.hub-workspace .hcom-dm,html[data-hub-theme] body.hub-workspace .hm-app,html[data-hub-theme] body.hub-workspace .hm-inbox{border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important}
 html[data-hub-theme] body.hub-workspace .hcom-mode-dm .hcom-stage{padding:0 0 96px!important}
 html[data-hub-theme] body.hub-workspace .hm-inbox-head{padding:16px 16px 0!important;border:0!important;background:none!important}
 html[data-hub-theme] body.hub-workspace .hm-title-row h1,html[data-hub-theme] body.hub-workspace .hm-title-row h2{font-size:22px!important}
 html[data-hub-theme] body.hub-workspace .hm-title-row :is(button,a){background:none!important;border:1px solid var(--h-line)!important;width:44px;height:44px;border-radius:8px}
 html[data-hub-theme] body.hub-workspace .hm-search{margin:12px 0 0!important;min-height:44px}
 html[data-hub-theme] body.hub-workspace .hm-filters{margin:12px 0 0!important}
 html[data-hub-theme] body.hub-workspace .hm-conversations{padding:0 16px 16px!important}
 html[data-hub-theme] body.hub-workspace .hm-list-empty{padding:16px 0!important;text-align:left!important}
 html[data-hub-theme] body.hub-workspace .hm-list-empty svg{display:none}
 html[data-hub-theme] body.hub-workspace .hm-list-empty :is(h3,strong){font-size:15px!important}
 html[data-hub-theme] body.hub-workspace .hm-inbox-foot{padding:12px 16px!important;border-top:1px solid var(--h-line);background:none!important}
 html[data-hub-theme] body.hub-workspace .hm-inbox-foot>a,html[data-hub-theme] body.hub-workspace .hm-inbox-foot>svg{display:none!important}
 html[data-hub-theme] body.hub-workspace .hm-inbox-foot{font-size:13px!important;color:var(--h-muted)}

 /* ---- Staff Workspace ---- */
 html[data-hub-theme] body.hub-workspace #main .hs-metrics{border:1px solid var(--h-line);border-radius:8px;overflow:hidden}
 html[data-hub-theme] body.hub-workspace #main .hs-metric{min-height:76px;padding:12px 16px!important;text-align:left}
 html[data-hub-theme] body.hub-workspace #main .hs-header>:is(.hs-eyebrow,div:first-child>small){display:none}

 /* ---- tables become stacked rows ---- */
 html[data-hub-theme] body.hub-workspace #main :is(.hap-table-wrap,.table-wrap,div:has(>table.hub-stack)){border:0!important;overflow:visible!important;background:none!important;box-shadow:none!important;padding:0!important}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack{display:block;width:100%;border:0}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack :is(thead){display:none}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack :is(tbody,tr){display:block;width:100%}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack tr{padding:16px 0;border-bottom:1px solid var(--h-line)}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack :is(td,th){display:grid;grid-template-columns:40% minmax(0,1fr);gap:12px;padding:4px 0!important;border:0!important;text-align:left!important;background:none!important;font-size:15px!important}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack :is(td,th)[data-label]::before{content:attr(data-label);color:var(--h-muted);font-size:13px;font-weight:500}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack :is(td,th):not([data-label]){grid-template-columns:1fr}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack tr>:first-child{font-weight:600;font-size:16px!important}
 html[data-hub-theme] body.hub-workspace #main table caption{display:none}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack :is(td,th)>:is(span,strong){justify-self:start;max-width:100%}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack :is(td,th)>:is(.button,button){justify-self:stretch;width:100%}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack tr>:first-child::before{display:none}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack tr>:first-child{grid-template-columns:1fr}
 /* Agent profiles: one heading, label above the tag filter */
 html[data-hub-theme] body.hub-workspace #main .hap-staff-head h2{display:none}
 html[data-hub-theme] body.hub-workspace #main .hmt-filter{display:grid!important;grid-template-columns:1fr;gap:6px}
 html[data-hub-theme] body.hub-workspace #main .hmt-filter :is(button,a){text-decoration:none!important}
 html[data-hub-theme] body.hub-workspace #main table.hub-stack :is(button,a):not(.button){text-decoration:none!important;min-height:44px}

 /* ---- dialogs: full width sheet ---- */
 html[data-hub-theme] body.hub-workspace dialog[open]{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;margin:auto 0 0!important;border-radius:12px 12px 0 0!important;padding:0!important;overflow:auto}
 html[data-hub-theme] body.hub-workspace dialog[open]>:is(form,div,section){padding:20px 16px calc(20px + env(safe-area-inset-bottom))!important}
 html[data-hub-theme] body.hub-workspace dialog[open] :is(.dialog-actions,.modal-actions,footer){display:grid!important;grid-template-columns:1fr;gap:8px}
 html[data-hub-theme] body.hub-workspace dialog[open] :is(.dialog-actions,.modal-actions,footer) :is(button,.button){width:100%;min-height:44px}
 html[data-hub-theme] body.hub-workspace dialog[open] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:44px;width:100%}
 /* ---- Help: one box per field, no taglines ---- */
 html[data-hub-theme] body.hub-workspace #main .hc-hero-copy p,html[data-hub-theme] body.hub-workspace #main .hc-results-head :is(small,.eyebrow,.hc-label),html[data-hub-theme] body.hub-workspace #main .hga #guide-assistant-title{display:none!important}
 html[data-hub-theme] body.hub-workspace #main .hga .hga-eyebrow{display:block;font-size:17px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--h-ink)!important;margin:0 0 4px}
 html[data-hub-theme] body.hub-workspace #main .hc-hero{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
 html[data-hub-theme] body.hub-workspace #main .hc-quicklinks{border-top:0!important;margin-bottom:8px!important}
 html[data-hub-theme] body.hub-workspace #main .hga-actions{display:grid!important;grid-template-columns:1fr;gap:8px;align-items:start}
 html[data-hub-theme] body.hub-workspace #main .hga-actions :is(button,.button){width:100%;justify-content:center;white-space:normal}
 html[data-hub-theme] body.hub-workspace #main .hc-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
 html[data-hub-theme] body.hub-workspace #main :is(.hc-text-link,.hc-guide-row,.hc-answer-link){text-decoration:none!important}
 html[data-hub-theme] body.hub-workspace .topbar .search input,html[data-hub-theme] body.hub-workspace #main :is(.hm-search,.hc-search label,.hcq-field) input{border:0!important;box-shadow:none!important;background:transparent!important;outline:0}
 html[data-hub-theme] body.hub-workspace :is(.topbar .search,.hm-search):focus-within{border-color:var(--h-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 15%,transparent)}

 /* ---- Appearance (theme picker): a plain list, each theme a row with its colors and one Preview action ---- */
 html[data-hub-theme] body.hub-workspace #main .ht-heading{display:block!important;margin:0 0 20px!important}
 html[data-hub-theme] body.hub-workspace #main .ht-heading h1{font-family:var(--h-display)!important;font-size:26px!important;letter-spacing:-.01em!important;line-height:1.2!important;margin:0 0 8px!important}
 html[data-hub-theme] body.hub-workspace #main .ht-heading p{font-size:15px!important;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace #main :is(.ht-eyebrow,.ht-theme-mood,.ht-scene,.ht-gallery-foot>span){display:none!important}
 html[data-hub-theme] body.hub-workspace #main .ht-back{min-height:44px;padding:0!important}
 html[data-hub-theme] body.hub-workspace #main .ht-featured{display:block!important;min-height:0!important;border:1px solid var(--h-line)!important;border-radius:8px!important;background:none!important;box-shadow:none!important;margin:0 0 20px!important}
 html[data-hub-theme] body.hub-workspace #main .ht-featured-copy{padding:16px!important;gap:8px!important}
 html[data-hub-theme] body.hub-workspace #main .ht-featured-copy h2{font-family:var(--h-ui)!important;font-size:17px!important;font-weight:600!important;margin:0!important}
 html[data-hub-theme] body.hub-workspace #main .ht-featured-copy p{font-size:14px!important;margin:0!important}
 html[data-hub-theme] body.hub-workspace #main .ht-private-note{font-size:13px!important;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace #main .ht-collection-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:12px;margin:0 0 8px!important;padding:0!important;border-bottom:1px solid var(--h-line)}
 html[data-hub-theme] body.hub-workspace #main .ht-filters{display:flex!important;flex-direction:row!important;gap:20px!important;background:none!important;border:0!important;padding:0!important}
 html[data-hub-theme] body.hub-workspace #main .ht-reset{flex:none;white-space:nowrap;min-height:44px;font-size:14px!important}
 html[data-hub-theme] body.hub-workspace #main .ht-reset svg{display:none}
 html[data-hub-theme] body.hub-workspace #main .ht-filters button{min-height:44px;padding:0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--h-muted)!important;font-size:15px!important}
 html[data-hub-theme] body.hub-workspace #main .ht-filters button[aria-pressed="true"],html[data-hub-theme] body.hub-workspace #main .ht-filters button.is-active{color:var(--h-ink)!important;border-bottom-color:var(--h-accent)!important}
 html[data-hub-theme] body.hub-workspace #main .ht-filters button :is(svg){display:none}
 html[data-hub-theme] body.hub-workspace #main .ht-filters button span{background:none!important;padding:0 0 0 4px!important;font-size:13px!important;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace #main .ht-grid{display:block!important}
 html[data-hub-theme] body.hub-workspace #main .ht-theme{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:4px 12px;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--h-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
 html[data-hub-theme] body.hub-workspace #main .ht-theme-copy{display:contents!important}
 html[data-hub-theme] body.hub-workspace #main .ht-theme-copy>div{grid-column:1;grid-row:1}
 html[data-hub-theme] body.hub-workspace #main .ht-theme-copy h2{font-size:16px!important;margin:0 0 2px!important}
 html[data-hub-theme] body.hub-workspace #main .ht-theme-copy p{font-size:14px!important;color:var(--h-muted);margin:0!important;min-height:0!important}
 html[data-hub-theme] body.hub-workspace #main .ht-favorite{grid-column:2;grid-row:1;align-self:start}
 html[data-hub-theme] body.hub-workspace #main .ht-theme-detail{grid-column:1/-1;grid-row:2;padding:4px 0 0!important;font-size:13px!important}
 html[data-hub-theme] body.hub-workspace #main .ht-preview{grid-column:1/-1;grid-row:3;display:block!important;width:100%;margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;outline-offset:2px}
 html[data-hub-theme] body.hub-workspace #main .ht-preview .ht-preview-caption{position:static!important;display:flex!important;justify-content:center;gap:8px;min-height:44px;padding:0 16px!important;border:1px solid var(--h-line)!important;border-radius:8px!important;background:var(--h-surface)!important;color:var(--h-ink)!important;font-size:15px!important;font-weight:600;opacity:1!important;transform:none!important}
 html[data-hub-theme] body.hub-workspace #main .ht-theme.is-selected .ht-preview-caption{border-color:var(--h-accent)!important}

 /* ---- Team structure (sheet): search on its own row, each person as name over role ---- */
 html[data-hub-theme] body.hub-workspace .hts-head{padding:20px 16px 12px!important}
 html[data-hub-theme] body.hub-workspace .hts-bar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 16px;padding:0 16px 12px!important}
 html[data-hub-theme] body.hub-workspace .hts-bar .hts-tabs{grid-column:1/-1}
 html[data-hub-theme] body.hub-workspace .hts-bar .hts-search{grid-column:1/-1;width:100%!important;min-height:44px;font-size:16px!important}
 html[data-hub-theme] body.hub-workspace .hts-bar .hts-text{min-height:44px;justify-self:start}
 html[data-hub-theme] body.hub-workspace .hts-bar .hts-text+.hts-text{justify-self:end}
 html[data-hub-theme] body.hub-workspace .hts-split{padding:0!important;display:block!important}
 html[data-hub-theme] body.hub-workspace .hts-main{padding:8px 16px 24px!important;border:0!important;border-radius:0!important}
 html[data-hub-theme] body.hub-workspace .hts-tree ul{padding-left:12px!important}
 html[data-hub-theme] body.hub-workspace .hts-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;column-gap:8px;align-items:center;min-height:48px;padding:4px 0!important}
 html[data-hub-theme] body.hub-workspace .hts-row>:is(.hts-toggle,.hts-toggle-gap){grid-column:1;grid-row:1/3;width:36px;height:36px}
 html[data-hub-theme] body.hub-workspace .hts-row>.hts-name{grid-column:2;grid-row:1;text-align:left;min-height:0;white-space:normal;font-size:15px!important}
 html[data-hub-theme] body.hub-workspace .hts-row>.hts-meta{grid-column:2;grid-row:2;font-size:13px!important;color:var(--h-muted);white-space:normal;overflow:visible;text-overflow:clip;max-width:none}
 html[data-hub-theme] body.hub-workspace .hts-row>.hts-count{grid-column:3;grid-row:1/3;font-size:13px!important;color:var(--h-muted)}
 /* focus: accent border and soft ring, never the gold outline */
 html[data-hub-theme] body.hub-workspace :is(#main,dialog) :is(input,select,textarea):focus{outline:none!important;border-color:var(--h-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 15%,transparent)!important}

 /* ---- no hero band or tagline on Home; Your Space details ---- */
 html[data-hub-theme] body.hub-workspace #main :is(section.hx-hero,.hx-pagehead>div:first-child>p){display:none!important}
 html[data-hub-theme] body.hub-workspace .acct2-chips{display:block!important;margin-top:4px!important}
 html[data-hub-theme] body.hub-workspace .acct2-chip{display:inline!important;height:auto!important;padding:0!important;border:0!important;background:none!important;font-size:14px!important;font-weight:500!important;color:var(--h-muted)!important}
 html[data-hub-theme] body.hub-workspace .acct2-chip+.acct2-chip::before{content:' \00B7  ';white-space:pre}
 html[data-hub-theme] body.hub-workspace .acct2 :is(.acct2-plan-hub,.lp-settings-plans){box-shadow:none!important;background:none!important}
 html[data-hub-theme] body.hub-workspace .acct2 .acct2-appearance .button{width:100%;justify-content:center}
}
@media (max-width:380px){
 html[data-hub-theme] body.hub-workspace #main:not(.hcom-page){padding-left:14px!important;padding-right:14px!important}
 html[data-hub-theme] body.hub-workspace #main :is(.pagehead h1,.hx-pagehead h1,.hc-hero h1,.hcq-head h1){font-size:24px!important}
}
/* ---------- Release 24: Glass bars, menu drawer, sliding tab, dialog close ---------- */
/* Bars that stay on screen (top bar, Your Space section tabs, bottom tab bar) are frosted glass: a mostly
   opaque tint of the page colour plus a blur, so content scrolling behind them reads as soft glass and never
   overlaps their text. Works in every theme because it is built from the theme's own --h-* colours. */
html[data-hub-theme]{
 --glass-bg:color-mix(in srgb,var(--h-bg) 74%,transparent);
 --glass-edge:color-mix(in srgb,var(--h-line) 80%,transparent);
 --glass-blur:saturate(180%) blur(18px);
 --glass-pill:color-mix(in srgb,var(--h-accent) 11%,color-mix(in srgb,var(--h-surface) 70%,transparent));
}
html[data-hub-theme] body.hub-workspace .topbar,
html[data-hub-theme] body.hub-workspace .bottom-nav{background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
html[data-hub-theme] body.hub-workspace .topbar{border-bottom:1px solid var(--glass-edge)!important}
/* While the menu is open the glass is paused, so the drawer and its dimmed backdrop always paint above the bars. */
html[data-hub-theme] body.hub-workspace.menu-open :is(.topbar,.bottom-nav){-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-hub-theme] body.hub-workspace .bottom-nav{border-top:1px solid var(--glass-edge)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-hub-theme] body.hub-workspace :is(.topbar,.bottom-nav,#main .acct2-nav){background:var(--h-bg)!important}
}

/* Your Space section tabs: sticky under the top bar on every width, fully covering what scrolls beneath. */
html[data-hub-theme] body.hub-workspace #main .acct2-nav{position:sticky!important;top:70px;z-index:8;margin:0 calc(-1 * var(--acct-gutter,36px))!important;padding-left:var(--acct-gutter,36px)!important;padding-right:var(--acct-gutter,36px)!important;background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-edge)!important}

/* Menu drawer: the list and the Open CRM / staff links are one scrolling column, so nothing can run underneath
   anything else, however many groups are open. No underlines, no trailing arrow on Open CRM. */
html[data-hub-theme] body.hub-workspace .sidebar{overflow-y:auto;overscroll-behavior:contain}
html[data-hub-theme] body.hub-workspace .sidebar>nav{flex:0 0 auto!important;overflow:visible!important;min-height:0}
html[data-hub-theme] body.hub-workspace .sidebar>.side-foot{flex:0 0 auto!important;margin-top:auto}
html[data-hub-theme] body.hub-workspace .sidebar a,html[data-hub-theme] body.hub-workspace .sidebar a:hover{text-decoration:none!important}
html[data-hub-theme] body.hub-workspace .sidebar .hn-crm-link>svg:last-child{display:none}

/* Bottom tab bar: one glass highlight that covers the whole tab (icon and label) and slides between tabs.
   The old small blob behind the icon is removed. Position comes from agent-hub.js (--tab-x, --tab-w). */
html[data-hub-theme] body.hub-workspace .bottom-nav a::before{display:none!important}
html[data-hub-theme] body.hub-workspace .bottom-nav{isolation:isolate}
html[data-hub-theme] body.hub-workspace .bottom-nav .hub-tab-glass{position:absolute;z-index:-1;left:0;top:6px;height:calc(100% - 12px - env(safe-area-inset-bottom));width:var(--tab-w,0px);transform:translateX(var(--tab-x,0px));border-radius:12px;background:var(--glass-pill);border:1px solid color-mix(in srgb,var(--h-accent) 18%,var(--glass-edge));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
html[data-hub-theme] body.hub-workspace .bottom-nav.has-tab-glass .hub-tab-glass{opacity:1}
html[data-hub-theme] body.hub-workspace .bottom-nav a.active{color:var(--h-accent)!important;font-weight:600}
@media (prefers-reduced-motion:reduce){html[data-hub-theme] body.hub-workspace .bottom-nav .hub-tab-glass{transition:none}}

/* Dialogs and sheets: a real close button (40px, readable x, quiet background on press), no browser focus
   ring after a tap; a themed ring only for keyboard focus. */
/* Every Hub close button (dialogs, sheets, previews, the Add agent / Team structure / paid-by / meeting /
   profile / carrier document sheets) has an aria-label starting "Close"; the menu's own close stays as is. */
html[data-hub-theme] body.hub-workspace button[aria-label^="Close"]:not(.mobile-overlay):not(.hn-drawer-close){display:inline-grid!important;place-items:center;flex:none;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:var(--h-muted)!important;font-size:26px!important;font-weight:400!important;line-height:1!important;text-decoration:none!important;cursor:pointer}
html[data-hub-theme] body.hub-workspace button[aria-label^="Close"]:not(.mobile-overlay):not(.hn-drawer-close):is(:hover,:active){background:var(--h-soft)!important;color:var(--h-ink)!important}
html[data-hub-theme] body.hub-workspace button[aria-label^="Close"]:not(.mobile-overlay):not(.hn-drawer-close) svg{width:20px!important;height:20px!important}
html[data-hub-theme] body.hub-workspace :is(dialog,[role=dialog],[aria-modal=true]):focus,html[data-hub-theme] body.hub-workspace :is(dialog,[role=dialog],[aria-modal=true]) :focus:not(:focus-visible),html[data-hub-theme] body.hub-workspace button[aria-label^="Close"]:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
html[data-hub-theme] body.hub-workspace :is(dialog,[role=dialog],[aria-modal=true]) :is(button,a):focus-visible{outline:2px solid color-mix(in srgb,var(--h-accent) 55%,transparent)!important;outline-offset:2px}
/* Session details: the status reads as a small label, not a pill. */
html[data-hub-theme] body.hub-workspace .session-detail .statusline :is(.badge,.tag){background:none!important;border:0!important;padding:0!important;border-radius:0!important;font-size:12px!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;color:var(--h-muted)!important}
html[data-hub-theme] body.hub-workspace .session-detail .statusline{gap:12px}

/* Contracting, no requests yet: heading and text on the left, "Start a request" in the bottom-right corner. */
html[data-hub-theme] body.hub-workspace #main .hub-case-list>.empty{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 24px;text-align:left!important;padding:24px 0!important}
html[data-hub-theme] body.hub-workspace #main .hub-case-list>.empty>h2{grid-column:1;margin:0!important;text-align:left}
html[data-hub-theme] body.hub-workspace #main .hub-case-list>.empty>p{grid-column:1;margin:0!important;max-width:60ch;text-align:left}
html[data-hub-theme] body.hub-workspace #main .hub-case-list>.empty>:is(.button,button){grid-column:2;grid-row:1/span 2;justify-self:end;align-self:end;margin:0!important}

/* Support request sheet: the "Try your carrier tools first" note sits inside the sheet's margins as one quiet
   box (no edge-to-edge band, no side bar), and its link has no arrow. */
@media (max-width:760px){
 html[data-hub-theme] body.hub-workspace dialog .hub-support-selfservice{margin:0 16px 4px!important;padding:16px!important;border:1px solid var(--h-line)!important;border-radius:8px!important;background:color-mix(in srgb,var(--h-ink) 4%,var(--h-surface))!important;box-shadow:none!important}
 html[data-hub-theme] body.hub-workspace dialog .hub-support-selfservice h3{font-size:15px!important;margin:0 0 4px!important}
 html[data-hub-theme] body.hub-workspace dialog .hub-support-selfservice p{font-size:14px!important;line-height:1.5!important;margin:0 0 4px!important;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace dialog .hub-support-selfservice a{text-decoration:none!important;padding:0!important;min-height:44px}
 html[data-hub-theme] body.hub-workspace dialog .hub-support-selfservice a svg{display:none}
}

/* Messages & Community: the channel row scrolls sideways only (no vertical drag), the sort row stays on one
   line with "Unanswered" at its end, and the community notes are plain text without a side bar. */
@media (max-width:760px){
 html[data-hub-theme] body.hub-workspace .hcom-rail{overflow-y:hidden!important;overscroll-behavior:contain;touch-action:pan-x;align-items:center}
 html[data-hub-theme] body.hub-workspace .hcom-rail-group{align-items:center!important;height:auto!important;min-height:0!important}
 html[data-hub-theme] body.hub-workspace #main .hcom-toolbar{flex-wrap:nowrap!important;align-items:center!important}
 html[data-hub-theme] body.hub-workspace #main .hcom-toolbar .hcom-sorts{border-bottom:0!important;margin:0!important}
 html[data-hub-theme] body.hub-workspace #main .hcom-toolbar .hcom-chip{align-self:stretch;display:inline-flex;align-items:center}
 html[data-hub-theme] body.hub-workspace #main .hcom-feed>header.hcom-banner.hcom-banner.hcom-banner{border-top:0!important;padding-top:0!important}
 html[data-hub-theme] body.hub-workspace .hcom-toolbar .hcom-sorts{overflow-y:hidden!important;touch-action:pan-x}
 html[data-hub-theme] body.hub-workspace #main .hcom-side .hcom-panel p.hcom-rule.hcom-rule{border:0!important;padding:0!important;margin:12px 0 0!important;background:none!important;color:var(--h-muted)}
}

/* Plan links: no decorative arrow. */
html[data-hub-theme] body.hub-workspace .lp-settings-actions svg{display:none}

@media (max-width:760px){
 html[data-hub-theme] body.hub-workspace #main .acct2-nav{top:56px;--acct-gutter:16px}
 html[data-hub-theme] body.hub-workspace #main .hub-case-list>.empty{grid-template-columns:1fr;padding:16px 0!important}
 html[data-hub-theme] body.hub-workspace #main .hub-case-list>.empty>:is(.button,button){grid-column:1;grid-row:auto;justify-self:stretch;width:100%;margin-top:12px!important}
}
@media (max-width:380px){
 html[data-hub-theme] body.hub-workspace #main .acct2-nav{--acct-gutter:14px}
}
/* calrec-r1: CRM appointments and session recordings on the training calendar */
html[data-hub-theme] body.hub-workspace .mini-event.crm-appt{background:var(--h-surface);color:var(--h-ink);border:1px solid var(--h-line);border-left:2px solid var(--h-muted)}
html[data-hub-theme] body.hub-workspace .mini-event.crm-appt:hover{background:var(--h-bg)}
html[data-hub-theme] body.hub-workspace .session-row.crm-row .day-stamp{color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .session-recording{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 4px;padding:16px 0 0;border-top:1px solid var(--h-line)}
html[data-hub-theme] body.hub-workspace .session-recording h3{flex-basis:100%;margin:0;font:600 14px/1.3 var(--h-ui);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .session-recording p{flex:1 1 220px;margin:0;font:400 14px/1.45 var(--h-ui);color:var(--h-muted)}
@media (max-width:760px){html[data-hub-theme] body.hub-workspace .session-recording .button{width:100%;justify-content:center}}

/* ---------- companies-r1 (Oct 24): owner-only company switcher on the Hub settings page ---------- */
html[data-hub-theme] body.hub-workspace .acct2-companies{list-style:none;margin:0;padding:0;max-width:720px;border:1px solid var(--h-line);border-radius:8px}
html[data-hub-theme] body.hub-workspace .acct2-companies>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--h-line)}
html[data-hub-theme] body.hub-workspace .acct2-companies>li:last-child{border-bottom:0}
html[data-hub-theme] body.hub-workspace .acct2-companies strong{display:block;font-size:15px}
html[data-hub-theme] body.hub-workspace .acct2-companies li>div>span{display:block;font-size:13px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .acct2-company-current{font-size:13px;font-weight:600;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .acct2-companies-more{margin-top:12px}
html[data-hub-theme] body.hub-workspace #main .acct2-companies-more .textbutton{font-size:14px;font-weight:600;color:var(--h-muted);text-decoration:none}
html[data-hub-theme] body.hub-workspace #main .acct2-companies-more .textbutton:hover{color:var(--h-ink);text-decoration:none}
html[data-hub-theme] body.hub-workspace a.powered{text-decoration:none;cursor:pointer}
html[data-hub-theme] body.hub-workspace a.powered:hover{text-decoration:none}
html[data-hub-theme] body.hub-workspace a.powered:hover .wordmark{color:var(--h-ink);opacity:.8}
html[data-hub-theme] body.hub-workspace :is(.hn-staff-group,.hn-nav-group){display:grid;gap:2px;margin-top:8px;padding-top:10px;border-top:1px solid var(--h-line)}
html[data-hub-theme] body.hub-workspace .side-foot>.hn-staff-group:first-child{margin-top:0;padding-top:0;border-top:0}
html[data-hub-theme] body.hub-workspace :is(.hn-staff-group-title,.hn-nav-group-title){margin:0 0 4px;padding:0 var(--ds-3,12px);font:600 11px/1.2 var(--h-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .hn-tech-link{display:flex;align-items:center;gap:10px;min-height:34px;padding:6px var(--ds-3,12px);border-radius:var(--ds-radius-sm,6px);font:500 13px/1.3 var(--h-ui);color:var(--h-muted);text-decoration:none}
html[data-hub-theme] body.hub-workspace .hn-tech-link:hover{color:var(--h-ink);background:var(--h-soft);text-decoration:none}
html[data-hub-theme] body.hub-workspace .hn-tech-link svg{width:15px;height:15px}
html[data-hub-theme] body.hub-workspace .footer-note>span:first-child>a{margin:0;color:inherit;text-decoration:none}
html[data-hub-theme] body.hub-workspace .footer-note>span:first-child>a:hover{color:var(--h-ink);text-decoration:none}
@media (max-width:760px){
 html[data-hub-theme] body.hub-workspace .acct2-companies>li{grid-template-columns:1fr;gap:10px}
 html[data-hub-theme] body.hub-workspace .acct2-companies>li>.button{width:100%;justify-content:center}
}

/* onboarding-r1 (Oct 24): Getting started card + page, Team progress roster and Adoption.
   Restrained: ink and hairlines; the accent only on the one primary action. No pills, gradients or emoji. */
html[data-hub-theme] body.hub-workspace :is(.onb-card,.onb-page){--onb-gap:var(--ds-4);color:var(--h-ink);font:var(--ds-body)}
html[data-hub-theme] body.hub-workspace .onb-i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-hub-theme] body.hub-workspace .onb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-hub-theme] body.hub-workspace :is(.onb-card,.onb-page) a{text-decoration:none}
html[data-hub-theme] body.hub-workspace :is(.onb-card,.onb-page) a:not(.button){color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-quiet{appearance:none;background:none;border:0;padding:0;color:var(--h-muted)!important;font:600 13px/1.4 var(--h-ui);cursor:pointer;text-decoration:none}
html[data-hub-theme] body.hub-workspace .onb-quiet:hover{color:var(--h-ink)!important}
html[data-hub-theme] body.hub-workspace .onb-muted{color:var(--h-muted);font:var(--ds-small);margin:0}
/* Card */
html[data-hub-theme] body.hub-workspace .onb-card{background:var(--h-surface);border:var(--ds-border);border-radius:var(--ds-radius);padding:var(--ds-5);margin:0 0 var(--ds-5);box-shadow:none}
html[data-hub-theme] body.hub-workspace .onb-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-4);margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .onb-card h2{font:var(--ds-h2)!important;font-family:var(--h-ui)!important;margin:0;letter-spacing:0;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-card-head p,html[data-hub-theme] body.hub-workspace .onb-card.is-complete p{margin:2px 0 0;color:var(--h-muted);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-card.is-complete{display:flex;align-items:center;gap:var(--ds-3);padding:var(--ds-4) var(--ds-5)}
html[data-hub-theme] body.hub-workspace .onb-bar{appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;border:0;border-radius:2px;background:color-mix(in srgb,var(--h-line) 70%,transparent);overflow:hidden;margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .onb-bar::-webkit-progress-bar{background:color-mix(in srgb,var(--h-line) 70%,transparent);border-radius:2px}
html[data-hub-theme] body.hub-workspace .onb-bar::-webkit-progress-value{background:var(--h-ink);border-radius:2px}
html[data-hub-theme] body.hub-workspace .onb-bar::-moz-progress-bar{background:var(--h-ink);border-radius:2px}
/* Steps */
html[data-hub-theme] body.hub-workspace .onb-steps{list-style:none;margin:0;padding:0}
html[data-hub-theme] body.hub-workspace .onb-step{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:var(--ds-3);padding:var(--ds-3) 0;border-top:1px solid color-mix(in srgb,var(--h-line) 75%,transparent)}
html[data-hub-theme] body.hub-workspace .onb-step:first-child{border-top:0}
html[data-hub-theme] body.hub-workspace .onb-step-text{min-width:0}
html[data-hub-theme] body.hub-workspace .onb-step-text strong{display:block;font:var(--ds-h3);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-step-text small{display:block;margin-top:1px;color:var(--h-muted);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-step.is-done .onb-step-text strong{color:var(--h-muted);font-weight:500}
html[data-hub-theme] body.hub-workspace .onb-step.is-na .onb-step-text strong{color:var(--h-muted);font-weight:500}
html[data-hub-theme] body.hub-workspace .onb-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--h-line);color:var(--h-muted);font:600 12px/1 var(--h-ui);background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .onb-mark.is-done{border-color:var(--h-ink);background:var(--h-ink);color:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .onb-mark.is-done .onb-i{width:14px;height:14px;stroke-width:2.4}
html[data-hub-theme] body.hub-workspace .onb-step.is-next .onb-mark{border-color:var(--h-ink);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-card .button.onb-act,html[data-hub-theme] body.hub-workspace .onb-page .button{min-height:36px;height:36px;padding:0 var(--ds-4);border-radius:var(--ds-radius-sm);font:600 14px/1 var(--h-ui);box-shadow:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
html[data-hub-theme] body.hub-workspace .onb-card .onb-step:not(.is-next) .button.secondary.onb-act{display:none}
/* Page */
html[data-hub-theme] body.hub-workspace .onb-page{max-width:880px}
html[data-hub-theme] body.hub-workspace .onb-team{max-width:1180px}
html[data-hub-theme] body.hub-workspace .onb-pagehead{margin:0 0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .onb-pagehead h1{font:var(--ds-title)!important;font-family:var(--h-display)!important;margin:0;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-pagehead p{margin:var(--ds-2) 0 0;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .onb-steps-full{background:var(--h-surface);border:var(--ds-border);border-radius:var(--ds-radius);padding:0 var(--ds-5)}
html[data-hub-theme] body.hub-workspace .onb-steps-full .onb-step{padding:var(--ds-4) 0}
html[data-hub-theme] body.hub-workspace .onb-section{margin:var(--ds-6) 0 0}
html[data-hub-theme] body.hub-workspace .onb-section h2,html[data-hub-theme] body.hub-workspace .onb-empty h2{font:var(--ds-h2)!important;font-family:var(--h-ui)!important;margin:0 0 var(--ds-2);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-rows{list-style:none;margin:var(--ds-3) 0 0;padding:0;border-top:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .onb-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-4);padding:var(--ds-3) 0;border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .onb-row strong{display:block;font:var(--ds-h3)}
html[data-hub-theme] body.hub-workspace .onb-row small{display:block;color:var(--h-muted);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-row>:last-child{flex:none;display:flex;align-items:center;gap:var(--ds-3)}
html[data-hub-theme] body.hub-workspace .onb-done-label{display:inline-flex;align-items:center;gap:6px;color:var(--h-ink);font:600 13px/1 var(--h-ui)}
html[data-hub-theme] body.hub-workspace .onb-foot{margin:var(--ds-5) 0 0;color:var(--h-muted);font:var(--ds-small)}
/* Team progress */
html[data-hub-theme] body.hub-workspace .onb-tabs{display:flex;gap:var(--ds-5);border-bottom:var(--ds-border);margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace .onb-tabs [role=tab]{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin:0 0 -1px;padding:var(--ds-2) 0 var(--ds-3);color:var(--h-muted);font:600 14px/1 var(--h-ui);cursor:pointer;border-radius:0}
html[data-hub-theme] body.hub-workspace .onb-tabs [role=tab][aria-selected=true]{color:var(--h-ink);border-bottom-color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-toolbar{position:sticky;top:var(--nh-top-offset,64px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-3);padding:var(--ds-3) 0;margin:0 0 var(--ds-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-edge)}
html[data-hub-theme] body.hub-workspace .onb-search{flex:1 1 240px;display:flex;align-items:center;gap:var(--ds-2);height:var(--ds-control);padding:0 var(--ds-3);border:var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--h-surface);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .onb-search input{flex:1;min-width:0;border:0!important;outline:0;background:none;box-shadow:none!important;padding:0;height:100%;color:var(--h-ink);font:var(--ds-body)}
html[data-hub-theme] body.hub-workspace .onb-search:focus-within{border-color:var(--h-focus)}
html[data-hub-theme] body.hub-workspace .onb-select{display:flex;align-items:center;gap:var(--ds-2);color:var(--h-muted);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-select select{height:var(--ds-control);border:var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--h-surface);color:var(--h-ink);font:var(--ds-body);padding:0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace .onb-table{width:100%;border-collapse:collapse;font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-table :is(th,td){padding:var(--ds-3) var(--ds-2);border-bottom:var(--ds-border);text-align:left;vertical-align:middle;font-weight:400}
html[data-hub-theme] body.hub-workspace .onb-table thead th{color:var(--h-muted);font:600 12px/1.3 var(--h-ui);letter-spacing:.02em;border-bottom-color:var(--h-line)}
html[data-hub-theme] body.hub-workspace .onb-table tbody th strong{display:block;font:var(--ds-h3);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-table small{display:block;color:var(--h-muted);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-funnel{list-style:none;margin:var(--ds-3) 0 0;padding:0;border-top:var(--ds-border)}
html[data-hub-theme] body.hub-workspace .onb-funnel li{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr 56px;align-items:center;gap:var(--ds-3);padding:var(--ds-3) 0;border-bottom:var(--ds-border);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-funnel strong{display:block;font:var(--ds-h3);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-funnel small{color:var(--h-muted);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-funnel-step small{display:block}
html[data-hub-theme] body.hub-workspace .onb-funnel-n span{color:var(--h-ink);font-variant-numeric:tabular-nums}
html[data-hub-theme] body.hub-workspace .onb-funnel-n small{margin-left:6px}
html[data-hub-theme] body.hub-workspace .onb-funnel-go{text-align:right}
html[data-hub-theme] body.hub-workspace .onb-th-step,html[data-hub-theme] body.hub-workspace .onb-table td:not(.onb-when){text-align:center}
html[data-hub-theme] body.hub-workspace .onb-when{white-space:nowrap;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .onb-cell{display:inline-grid;place-items:center;min-width:22px;color:var(--h-line)}
html[data-hub-theme] body.hub-workspace .onb-cell.is-done{color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-cell.is-todo{color:color-mix(in srgb,var(--h-muted) 70%,transparent)}
html[data-hub-theme] body.hub-workspace .onb-na{color:var(--h-muted);font:500 11px/1 var(--h-ui)}
html[data-hub-theme] body.hub-workspace .onb-list{display:none;list-style:none;margin:0;padding:0}
html[data-hub-theme] body.hub-workspace .onb-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-3);margin:var(--ds-4) 0 0;color:var(--h-muted);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-pager>div{display:flex;gap:var(--ds-2)}
html[data-hub-theme] body.hub-workspace .onb-empty{padding:var(--ds-7) 0;text-align:center;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .onb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;border-top:var(--ds-border);border-bottom:var(--ds-border);margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace .onb-stat{padding:var(--ds-4) var(--ds-4) var(--ds-4) 0}
html[data-hub-theme] body.hub-workspace .onb-stat strong{display:block;font:600 28px/1.1 var(--h-ui);color:var(--h-ink);font-variant-numeric:tabular-nums}
html[data-hub-theme] body.hub-workspace .onb-stat span{display:block;margin-top:4px;color:var(--h-ink);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-stat small{display:block;color:var(--h-muted);font:var(--ds-small)}
html[data-hub-theme] body.hub-workspace .onb-chart{margin:var(--ds-3) 0 0;max-width:560px}
html[data-hub-theme] body.hub-workspace .onb-chart svg{display:block;width:100%;height:auto;overflow:visible}
html[data-hub-theme] body.hub-workspace .onb-bar-rect{fill:color-mix(in srgb,var(--h-ink) 28%,transparent)}
html[data-hub-theme] body.hub-workspace .onb-bar-rect.is-now{fill:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .onb-chart-n{fill:var(--h-ink);font:600 10px var(--h-ui)}
html[data-hub-theme] body.hub-workspace .onb-chart-x{fill:var(--h-muted);font:400 9px var(--h-ui)}
html[data-hub-theme] body.hub-workspace .onb-chart figcaption{margin-top:var(--ds-2);color:var(--h-muted);font:var(--ds-small)}
/* Phone: one row per agent, no nested boxes */
@media(max-width:760px){
 html[data-hub-theme] body.hub-workspace .onb-card{border-left:0;border-right:0;border-radius:0;margin-left:calc(var(--ds-4)*-1);margin-right:calc(var(--ds-4)*-1);padding:var(--ds-4)}
 html[data-hub-theme] body.hub-workspace .onb-step{grid-template-columns:24px 1fr}
 html[data-hub-theme] body.hub-workspace .onb-step .onb-act{grid-column:2;justify-self:start;margin-top:var(--ds-1)}
 html[data-hub-theme] body.hub-workspace .onb-pagehead h1{font-size:28px!important}
 html[data-hub-theme] body.hub-workspace .onb-steps-full{border:0;border-radius:0;padding:0;background:none;border-top:var(--ds-border);border-bottom:var(--ds-border)}
 html[data-hub-theme] body.hub-workspace .onb-row{flex-wrap:wrap}
 html[data-hub-theme] body.hub-workspace .onb-toolbar{top:var(--nh-top-offset,56px);margin-left:calc(var(--ds-4)*-1);margin-right:calc(var(--ds-4)*-1);padding:var(--ds-3) var(--ds-4)}
 html[data-hub-theme] body.hub-workspace .onb-select{flex:1 1 auto}
 html[data-hub-theme] body.hub-workspace .onb-select select{flex:1;min-width:0}
 html[data-hub-theme] body.hub-workspace .onb-export{flex:none}
 html[data-hub-theme] body.hub-workspace #main .onb-table,html[data-hub-theme] body.hub-workspace #main table.onb-table.hub-stack{display:none!important}
 html[data-hub-theme] body.hub-workspace .onb-list{display:block;border-top:var(--ds-border)}
 html[data-hub-theme] body.hub-workspace .onb-list>li{border-bottom:var(--ds-border)}
 html[data-hub-theme] body.hub-workspace .onb-list summary{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-3);padding:var(--ds-3) 0;list-style:none;cursor:pointer;min-height:44px}
 html[data-hub-theme] body.hub-workspace .onb-list summary::-webkit-details-marker{display:none}
 html[data-hub-theme] body.hub-workspace .onb-list summary strong{display:block;font:var(--ds-h3)}
 html[data-hub-theme] body.hub-workspace .onb-list summary small{display:block;color:var(--h-muted);font:var(--ds-small)}
 html[data-hub-theme] body.hub-workspace .onb-list summary .onb-i{color:var(--h-muted);transition:transform .15s}
 html[data-hub-theme] body.hub-workspace .onb-list details[open] summary .onb-i{transform:rotate(90deg)}
 html[data-hub-theme] body.hub-workspace .onb-list-steps{list-style:none;margin:0;padding:0 0 var(--ds-3)}
 html[data-hub-theme] body.hub-workspace .onb-list-steps li{display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:var(--ds-2);padding:6px 0;font:var(--ds-small)}
 html[data-hub-theme] body.hub-workspace .onb-list-steps small{grid-column:2;color:var(--h-muted)}
 html[data-hub-theme] body.hub-workspace .onb-stats{grid-template-columns:1fr 1fr}
 html[data-hub-theme] body.hub-workspace .onb-funnel li{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
 html[data-hub-theme] body.hub-workspace .onb-funnel-step{grid-column:1/-1}
 html[data-hub-theme] body.hub-workspace .onb-funnel-n{grid-column:1}
 html[data-hub-theme] body.hub-workspace .onb-funnel-go{grid-column:2;grid-row:2/4}
}
@media(prefers-reduced-motion:reduce){html[data-hub-theme] body.hub-workspace .onb-list summary .onb-i{transition:none}}

/* ---------- cu6-fixups (Oct 24): one look for the new pages after the merge ---------- */
html[data-hub-theme] body.hub-workspace .htk{max-width:none}
html[data-hub-theme] body.hub-workspace #main .empty{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:8px}
html[data-hub-theme] body.hub-workspace #main .empty>p{max-width:52ch;margin:0}
/* nav-speed r1: no scrollbar flash on page changes. The page keeps its scrollbar space, the scrollbar is
   painted transparent while a page change settles (html.lyn-nav, set by agent-hub.js), and pages fade in
   without moving, so a page that fits the screen never scrolls for a moment. */
html{scrollbar-gutter:stable}
html.lyn-nav{scrollbar-color:transparent transparent}
html.lyn-nav body{scrollbar-color:auto}
@keyframes h-rise{from{opacity:.001}to{opacity:1}}
@media (max-width:820px){body{overflow-x:clip}}

/* ---------- staff-hub-r1 (Oct 24): one restrained look for every staff screen ---------- */
/* Staff rail (Staff Hub, Team progress, Agent profiles, Contracting intakes, Resources and calendar): text-only
   list, sentence-case group labels, one quiet current-page highlight, Exit and Open CRM pinned at the bottom.
   Staff pages (.sx and the Hub's own staff pages under body.nh-staff-mode): one page head, calm tables with
   sortable headers, row detail in a right-hand panel (a bottom sheet on a phone), no pills, boxes or taglines. */
html[data-hub-theme] body.hub-workspace .sx-rail .hn-staff-rail-head{padding:var(--ds-3) var(--ds-3) var(--ds-3);margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-label{text-transform:none;margin:var(--ds-4) 10px var(--ds-1)}
html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-label::first-letter{text-transform:none}
html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-link{min-height:34px;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-link[aria-current=page]{background:var(--glass-pill,color-mix(in srgb,var(--h-ink) 7%,transparent));color:var(--h-accent);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--h-accent) 16%,transparent)}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .sx-rail .hs-exit::before{content:none}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .sx-rail .hn-crm-link{background:transparent!important;color:var(--h-ink)!important;border:1px solid color-mix(in srgb,var(--h-line) 60%,var(--h-muted))!important}
html[data-hub-theme] body.hub-workspace.nh-staff-rail .sx-rail .hs-nav-footer{padding-bottom:calc(var(--ds-2) + env(safe-area-inset-bottom))}
@media(max-width:900px){html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-link{min-height:44px;font-size:15px}html[data-hub-theme] body.hub-workspace.nh-staff-rail .sx-rail .hs-nav-footer :is(.hs-exit,.hn-crm-link){min-height:44px}}

/* Page frame */
html[data-hub-theme] body.hub-workspace #main .sx{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible;color:var(--h-ink);font:var(--ds-body)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-layout{display:block;border:0;background:none;min-height:0}
html[data-hub-theme] body.hub-workspace.nh-staff-rail #main .sx .hs-layout>.hs-navigation{display:none}
html[data-hub-theme] body.hub-workspace #main .sx .hs-body{padding:0;background:none;min-height:40vh}
html[data-hub-theme] body.hub-workspace #main .sx-head-actions:empty,html[data-hub-theme] body.hub-workspace #main .sx-head [data-sx-copy][hidden]{display:none!important}
html[data-hub-theme] body.hub-workspace #main .sx :is(.hs-loading){padding:var(--ds-7) 0;text-align:center;color:var(--h-muted);font:var(--ds-body);border:0;background:none}
html[data-hub-theme] body.hub-workspace #main .sx :is(h2,h3){font-family:var(--h-ui);letter-spacing:0;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main .sx-note,html[data-hub-theme] body.hub-workspace .sx-panel :is(.hs-notice,.hs-contrast-note,.sx-note){display:block;margin:var(--ds-4) 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:var(--ds-small);color:var(--h-muted);max-width:72ch}
html[data-hub-theme] body.hub-workspace #main .sx-demo{margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace #main .sx-muted,html[data-hub-theme] body.hub-workspace .sx-panel .sx-muted{color:var(--h-muted);font-weight:400}
html[data-hub-theme] body.hub-workspace .sx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Buttons: maroon only for the one primary action; everything else is quiet. */
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .hs-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ds-control);padding:0 var(--ds-4);border-radius:var(--ds-radius-sm);border:1px solid var(--h-accent);background:var(--h-accent);color:var(--h-on-accent,#fff);font:600 14px/1 var(--h-ui);text-decoration:none;white-space:nowrap;box-shadow:none;cursor:pointer}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .hs-button.secondary{background:var(--h-surface);color:var(--h-ink);border-color:color-mix(in srgb,var(--h-line) 60%,var(--h-muted))}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .hs-button.secondary:hover{background:var(--h-bg)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .hs-button.ghost{background:none;border-color:transparent;color:var(--h-accent);padding:0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .hs-button.small{min-height:32px;padding:0 var(--ds-3);font-size:13px}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .hs-link{display:inline;border:0;background:none;padding:0;margin:0 var(--ds-3) 0 0;font:600 14px/1.4 var(--h-ui);color:var(--h-accent);text-align:left;text-decoration:none;cursor:pointer}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .hs-link:hover{text-decoration:underline;text-underline-offset:3px}
html[data-hub-theme] body.hub-workspace #main .sx-actions,html[data-hub-theme] body.hub-workspace .sx-panel :is(.sx-actions,.hs-inline-actions){display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-2);margin:0 0 var(--ds-4)}

/* Status, tags and readiness read as plain words; only work that needs someone shows in the accent colour. */
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) :is(.hs-status,.hs-tag,.hs-ready){display:inline;padding:0;border:0;border-radius:0;background:none!important;font:500 14px/1.4 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-muted);white-space:normal}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) :is(.hs-status:is(.blocked,.needs_approval,.returned,.removed),.hs-tag.unclassified,.hs-ready.not_configured){color:var(--h-accent)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) :is(.hs-status:is(.completed,.active,.reviewed,.approved,.allowed,.available,.verified_link,.in_progress),.hs-tag:not(.unclassified),.hs-ready.ready){color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .hs-tagline{display:block}
html[data-hub-theme] body.hub-workspace #main .sx .sx-due.is-late{color:var(--h-accent);font-weight:600}

/* Overview: the few numbers that matter, then the queue of things needing action. */
html[data-hub-theme] body.hub-workspace #main .sx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 0 var(--ds-6);border-top:var(--ds-border);border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main .sx-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:88px;padding:var(--ds-4) var(--ds-4) var(--ds-4) 0;border:0;border-radius:0;background:none;text-align:left;color:var(--h-ink);cursor:pointer}
html[data-hub-theme] body.hub-workspace #main .sx-stat+.sx-stat{padding-left:var(--ds-4);border-left:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main .sx-stat b{font:600 28px/1.1 var(--h-ui);font-variant-numeric:tabular-nums;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main .sx-stat span{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main .sx-stat.is-alert b{color:var(--h-accent)}
html[data-hub-theme] body.hub-workspace #main .sx-stat:hover span{color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main .sx-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-3);margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace #main .sx-section-head h2{font:var(--ds-h2);margin:0}
html[data-hub-theme] body.hub-workspace #main .sx-queue-list{list-style:none;margin:0;padding:0;border-top:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main .sx-qrow{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,auto);align-items:center;gap:2px var(--ds-4);padding:var(--ds-3) var(--ds-2);border-bottom:var(--ds-border);cursor:pointer}
html[data-hub-theme] body.hub-workspace #main .sx-qrow:hover{background:color-mix(in srgb,var(--h-ink) 3%,transparent)}
html[data-hub-theme] body.hub-workspace #main .sx-qkind{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main .sx-qrow.is-alert .sx-qkind{color:var(--h-accent);font-weight:600}
html[data-hub-theme] body.hub-workspace #main .sx-qtitle{border:0;background:none;padding:0;font:600 15px/1.4 var(--h-ui);color:var(--h-ink);text-align:left;cursor:pointer;min-width:0}
html[data-hub-theme] body.hub-workspace #main .sx-qmeta{font:var(--ds-small);color:var(--h-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42ch}

/* Toolbar: views as a segmented bar with the Hub's sliding glass highlight, search on the right. */
html[data-hub-theme] body.hub-workspace #main .sx-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-2) var(--ds-3);margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace #main .sx-views{position:relative;isolation:isolate;display:flex;gap:2px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--h-ink) 5%,transparent);border:0;margin:0;overflow:visible}
html[data-hub-theme] body.hub-workspace #main .sx-views .hs-filter{position:relative;z-index:1;min-height:34px;padding:0 var(--ds-3);border:0!important;border-radius:9px;background:none;font:500 14px/1 var(--h-ui);color:var(--h-muted);white-space:nowrap;cursor:pointer}
html[data-hub-theme] body.hub-workspace #main .sx-views .hs-filter[aria-selected=true]{color:var(--h-ink);font-weight:600}
html[data-hub-theme] body.hub-workspace #main .sx-views:not(.has-glass) .hs-filter[aria-selected=true]{background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace #main .sx-tab-glass{position:absolute;z-index:0;left:0;top:3px;bottom:3px;width:var(--w,0px);transform:translateX(var(--x,0px));border-radius:9px;background:var(--glass-pill,var(--h-surface));border:1px solid color-mix(in srgb,var(--h-accent) 18%,var(--glass-edge,var(--h-line)));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
html[data-hub-theme] body.hub-workspace #main .sx-views.has-glass .sx-tab-glass{opacity:1}
@media (prefers-reduced-motion:reduce){html[data-hub-theme] body.hub-workspace #main .sx-tab-glass{transition:none}}
html[data-hub-theme] body.hub-workspace #main .sx-toolbar select,html[data-hub-theme] body.hub-workspace #main .sx-search{min-height:var(--ds-control);border:1px solid var(--h-line);border-radius:var(--ds-radius-sm);background:var(--h-surface);color:var(--h-ink);font:500 14px/1.2 var(--h-ui);padding:0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace #main .sx-view-select{display:none}
html[data-hub-theme] body.hub-workspace #main .sx-search{flex:1 1 200px;max-width:300px;min-width:0;margin-left:auto}
html[data-hub-theme] body.hub-workspace #main .sx-search:focus{outline:none;border-color:color-mix(in srgb,var(--h-accent) 50%,var(--h-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 12%,transparent)}
html[data-hub-theme] body.hub-workspace #main .sx-count{font:var(--ds-small);color:var(--h-muted);white-space:nowrap}

/* Tables: no outer box, hairline rows, sticky glass header, sortable column headers, whole-row click. */
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-tablewrap{border:0!important;border-radius:0;overflow:visible;max-width:100%;background:none}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table{width:100%;border-collapse:separate;border-spacing:0;font:var(--ds-body);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table th{padding:var(--ds-2) var(--ds-3);border-bottom:var(--ds-border);background:none;text-align:left;font:600 12px/1.3 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-muted);white-space:nowrap}
html[data-hub-theme] body.hub-workspace #main .sx .sx-table th{position:sticky;top:70px;z-index:2;background:var(--glass-bg,var(--h-bg));-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table th:first-child,html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:first-child{padding-left:var(--ds-2)}
html[data-hub-theme] body.hub-workspace #main .sx .sx-sort{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}
html[data-hub-theme] body.hub-workspace #main .sx .sx-sort:hover,html[data-hub-theme] body.hub-workspace #main .sx th[aria-sort$=ending] .sx-sort{color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main .sx th[aria-sort$=ending] .sx-sort::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}
html[data-hub-theme] body.hub-workspace #main .sx th[aria-sort=ascending] .sx-sort::after{border-top:0;border-bottom:5px solid currentColor}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td{padding:var(--ds-3);border-bottom:var(--ds-border);border-top:0;vertical-align:top;background:none}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td small{display:block;margin-top:2px;font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table tr[data-sx-row]{cursor:pointer}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table tr[data-sx-row]:hover td{background:color-mix(in srgb,var(--h-ink) 3%,transparent)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:first-child>.hs-link:first-child{color:var(--h-ink);font-size:15px}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:first-child>.hs-link:not(:first-child){display:inline-block;margin-top:4px;font-size:13px}
html[data-hub-theme] body.hub-workspace #main .sx .hs-people-group{margin:0 0 var(--ds-6)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-people-group h3{font:var(--ds-h3);margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-more{display:flex;justify-content:center;padding:var(--ds-4) 0}
html[data-hub-theme] body.hub-workspace #main .sx .sx-tags{color:var(--h-muted)}

/* Empty states: one centred column, one action. */
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-empty{display:grid;justify-items:center;gap:var(--ds-2);padding:var(--ds-7) var(--ds-4);margin:0;border:0!important;border-radius:0;background:none;text-align:center}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-empty h3{font:var(--ds-h2);margin:0;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-empty p{font:var(--ds-body);color:var(--h-muted);margin:0;max-width:48ch}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-empty>:is(button,a){margin-top:var(--ds-2)}

/* Support routing (People and roles), pipeline board, signatures, legacy sections inside the Staff Hub. */
html[data-hub-theme] body.hub-workspace #main .sx-routing{margin:0 0 var(--ds-6);padding:0 0 var(--ds-5);border:0;border-bottom:var(--ds-border);border-radius:0;background:none;box-shadow:none}
html[data-hub-theme] body.hub-workspace #main .sx-routing h3{font:var(--ds-h3);margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace #main .sx-routing dl{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:var(--ds-2) var(--ds-4);margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace #main .sx-routing dt{font:var(--ds-small);color:var(--h-muted);padding-top:2px}
html[data-hub-theme] body.hub-workspace #main .sx-routing dd{margin:0}
html[data-hub-theme] body.hub-workspace #main .sx-routing dd small{display:block;font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main .sx-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-5) var(--ds-4);overflow:visible;padding:0;border:0}
html[data-hub-theme] body.hub-workspace #main .sx-board section{display:flex;flex-direction:column;gap:var(--ds-2);min-width:0;padding:0;border:0;background:none}
html[data-hub-theme] body.hub-workspace #main .sx-board h3{font:var(--ds-h3);margin:0;padding:0 0 var(--ds-2);border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main .sx-board button{display:grid;gap:2px;padding:var(--ds-3);border:1px solid var(--h-line);border-radius:var(--ds-radius);background:var(--h-surface);text-align:left;color:var(--h-ink);font:var(--ds-body);cursor:pointer}
html[data-hub-theme] body.hub-workspace #main .sx-board button small{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main .sx-signature{padding:var(--ds-4) 0;border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main .sx-signature .hs-signature{display:grid;gap:2px;max-width:420px;margin:0 0 var(--ds-3);padding:var(--ds-4);border:var(--ds-border);border-radius:var(--ds-radius);background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace #main .sx-signature .sx-actions{margin:0}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy :is(.ho-head .ho-kicker,.ho-nav,.ho-demo,.ho-head-note){display:none!important}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-head{margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-head h1{display:none}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-head p{font:var(--ds-body);color:var(--h-muted);margin:0}
html[data-hub-theme] body.hub-workspace #main .sx .sx-workline{display:flex;justify-content:space-between;gap:var(--ds-3);padding:var(--ds-3) 0;border-bottom:var(--ds-border)}

/* Detail panel: a right-hand panel on a desktop, a bottom sheet on a phone. Sticky title and Save bar. */
html[data-hub-theme] body.hub-workspace dialog.sx-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:var(--ds-border);border-radius:0;background:var(--h-surface);color:var(--h-ink);box-shadow:-16px 0 48px rgb(0 0 0 / 14%);overflow:hidden;font:var(--ds-body)}
html[data-hub-theme] body.hub-workspace dialog.sx-panel[open]{display:flex;flex-direction:column;animation:sx-panel-in .22s cubic-bezier(.2,.8,.2,1)}
html[data-hub-theme] body.hub-workspace dialog.sx-panel::backdrop{background:rgb(20 22 28 / 28%)}
@keyframes sx-panel-in{from{transform:translateX(32px);opacity:0}}
@keyframes sx-sheet-in{from{transform:translateY(40px);opacity:0}}
@media (prefers-reduced-motion:reduce){html[data-hub-theme] body.hub-workspace dialog.sx-panel[open]{animation:none}}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-3);flex:none;padding:var(--ds-3) var(--ds-3) var(--ds-3) var(--ds-5);border-bottom:var(--ds-border);background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-head h2{font:var(--ds-h2);margin:0;min-width:0;overflow-wrap:anywhere;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--ds-5);background:var(--h-surface)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-body>form{display:block}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-foot{position:sticky;bottom:calc(-1 * var(--ds-5));z-index:3;display:flex;justify-content:flex-end;gap:var(--ds-2);margin:var(--ds-5) calc(-1 * var(--ds-5)) calc(-1 * var(--ds-5));padding:var(--ds-3) var(--ds-5) calc(var(--ds-3) + env(safe-area-inset-bottom));border-top:var(--ds-border);background:var(--glass-bg,var(--h-surface));-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-form-error:not(:empty){margin:var(--ds-3) 0 0;font:600 14px/1.4 var(--h-ui);color:var(--h-accent)}
html[data-hub-theme] body.hub-workspace .sx-panel :is(p,li,dd){font:var(--ds-body);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sx-panel h3{font:var(--ds-h3);margin:var(--ds-5) 0 var(--ds-2);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sx-panel h4{font:600 14px/1.4 var(--h-ui);margin:0 0 var(--ds-1)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-detail-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ds-1) var(--ds-4);margin:0 0 var(--ds-4);font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .sx-panel :is(.hs-delegation,.hs-intake-request,.hs-carrier-section,.hs-resource-review,.hs-attachments,.hs-member-visible:not(li)){margin:var(--ds-4) 0;padding:0 0 var(--ds-4);border:0;border-bottom:var(--ds-border);border-radius:0;background:none;box-shadow:none}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-history{list-style:none;margin:0;padding:0}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-history li{display:grid;gap:2px;padding:var(--ds-3) 0;border:0;border-bottom:var(--ds-border);border-radius:0;background:none}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-history li small{font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-history li.hs-internal strong{color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-desk-fields{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:var(--ds-2) var(--ds-4);margin:0}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-desk-fields dt{font:var(--ds-small);color:var(--h-muted);padding-top:2px}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-desk-fields dd{margin:0;overflow-wrap:anywhere}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-files{list-style:none;margin:0 0 var(--ds-3);padding:0}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-files li{display:flex;justify-content:space-between;gap:var(--ds-3);padding:var(--ds-2) 0;border-bottom:var(--ds-border)}
/* Forms: label on the left, control on the right; one box per field. */
html[data-hub-theme] body.hub-workspace .sx-panel .hs-formgrid{display:block}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-field{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:var(--ds-1) var(--ds-4);margin:0 0 var(--ds-3);font:500 14px/1.35 var(--h-ui);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-field:has(textarea){align-items:start}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-field>small{grid-column:2;font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .sx-panel :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-width:0;min-height:var(--ds-control);padding:8px 10px;border:1px solid var(--h-line);border-radius:var(--ds-radius-sm);background:var(--h-bg);color:var(--h-ink);font:var(--ds-body);box-shadow:none}
html[data-hub-theme] body.hub-workspace .sx-panel textarea{min-height:96px;resize:vertical}
html[data-hub-theme] body.hub-workspace .sx-panel input[type=file]{padding:8px;background:none}
html[data-hub-theme] body.hub-workspace .sx-panel :is(input,select,textarea):focus{outline:none;border-color:color-mix(in srgb,var(--h-accent) 50%,var(--h-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 12%,transparent)}
html[data-hub-theme] body.hub-workspace .sx-panel fieldset{margin:var(--ds-4) 0;padding:0;border:0;min-width:0}
html[data-hub-theme] body.hub-workspace .sx-panel legend{padding:0;margin:0 0 var(--ds-2);font:600 14px/1.4 var(--h-ui);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sx-panel fieldset>label{display:flex;align-items:flex-start;gap:var(--ds-2);min-height:36px;padding:var(--ds-1) 0;font:500 14px/1.4 var(--h-ui);border:0;background:none}
html[data-hub-theme] body.hub-workspace .sx-panel fieldset>label small{display:block;font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .sx-panel fieldset>label input{margin-top:3px;accent-color:var(--h-accent)}
html[data-hub-theme] body.hub-workspace .sx-panel fieldset>small{display:block;font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace .sx-panel .nh-check{display:flex;gap:var(--ds-2);align-items:flex-start;margin:0 0 var(--ds-2)}

/* Phones: cards instead of tables, sheets for detail, 44px targets, no sideways scrolling. */
@media(max-width:700px){
 html[data-hub-theme] body.hub-workspace #main .sx-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--ds-5)}
 html[data-hub-theme] body.hub-workspace #main .sx-stat,html[data-hub-theme] body.hub-workspace #main .sx-stat+.sx-stat{min-height:76px;padding:var(--ds-3) var(--ds-3) var(--ds-3) 0;border-left:0}
 html[data-hub-theme] body.hub-workspace #main .sx-stat:nth-child(even){padding-left:var(--ds-4);border-left:var(--ds-border)}
 html[data-hub-theme] body.hub-workspace #main .sx-stat:nth-child(n+3){border-top:var(--ds-border)}
 html[data-hub-theme] body.hub-workspace #main .sx-stat b{font-size:24px}
 html[data-hub-theme] body.hub-workspace #main .sx-qrow{grid-template-columns:minmax(0,1fr);gap:2px;padding:var(--ds-3) 0;min-height:44px}
 html[data-hub-theme] body.hub-workspace #main .sx-qmeta{text-align:left;white-space:normal;max-width:none}
 html[data-hub-theme] body.hub-workspace #main .sx-views,html[data-hub-theme] body.hub-workspace #main .sx-more{display:none}
 html[data-hub-theme] body.hub-workspace #main .sx-view-select{display:block;flex:1 1 100%}
 html[data-hub-theme] body.hub-workspace #main .sx-toolbar{gap:var(--ds-2)}
 html[data-hub-theme] body.hub-workspace #main .sx-toolbar :is(select,.sx-search){min-height:44px;font-size:16px}
 html[data-hub-theme] body.hub-workspace #main .sx-search{flex:1 1 auto;max-width:none;margin-left:0}
 html[data-hub-theme] body.hub-workspace #main .sx-toolbar .hs-button{min-height:44px}
 html[data-hub-theme] body.hub-workspace #main .sx-count{flex:1 1 100%}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table,html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table tbody{display:block}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table thead{display:none}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table tr{display:grid;gap:4px;padding:var(--ds-3) 0;border-bottom:var(--ds-border)}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table tr[data-sx-row]:hover td{background:none}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td,html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ds-4);padding:0;border:0;text-align:right;min-width:0;overflow-wrap:anywhere}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td::before{content:attr(data-label);flex:none;font:var(--ds-small);color:var(--h-muted);text-align:left}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:first-child{display:block;text-align:left;margin-bottom:2px}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:first-child::before,html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td[data-label=""]::before{content:none}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td[data-label=""]{justify-content:flex-start;text-align:left}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:empty{display:none}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td small{text-align:inherit}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table .hs-link{display:inline-flex;align-items:center;min-height:44px}
 html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:first-child>.hs-link:first-child{min-height:0;padding:var(--ds-1) 0}
 html[data-hub-theme] body.hub-workspace #main .sx-routing dl,html[data-hub-theme] body.hub-workspace .sx-panel .hs-desk-fields{grid-template-columns:minmax(0,1fr);gap:2px}
 html[data-hub-theme] body.hub-workspace #main .sx-routing dd,html[data-hub-theme] body.hub-workspace .sx-panel .hs-desk-fields dd{margin-bottom:var(--ds-2)}
 html[data-hub-theme] body.hub-workspace #main .sx-board{grid-template-columns:minmax(0,1fr)}
 html[data-hub-theme] body.hub-workspace #main .sx-actions .hs-button{min-height:44px}
 html[data-hub-theme] body.hub-workspace #main .sx-head-actions .hs-button{min-height:44px}
 html[data-hub-theme] body.hub-workspace #main .sx-signature .hs-signature{max-width:none}
 html[data-hub-theme] body.hub-workspace dialog.sx-panel{inset:auto 0 var(--sx-kb,0px) 0;width:100%;height:auto;max-height:calc(var(--sx-vvh,100dvh) - max(16px,env(safe-area-inset-top)));border-left:0;border-top:var(--ds-border);border-radius:16px 16px 0 0;box-shadow:0 -12px 40px rgb(0 0 0 / 16%)}
 html[data-hub-theme] body.hub-workspace dialog.sx-panel[open]{animation-name:sx-sheet-in}
 html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-head{position:relative;padding:var(--ds-4) var(--ds-2) var(--ds-2) var(--ds-4)}
 html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-head::before{content:"";position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:color-mix(in srgb,var(--h-ink) 18%,transparent)}
 html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-body{padding:var(--ds-4) var(--ds-4) calc(var(--ds-4) + env(safe-area-inset-bottom))}
 html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-foot{bottom:calc(-1 * var(--ds-4) - env(safe-area-inset-bottom));margin:var(--ds-4) calc(-1 * var(--ds-4)) calc(-1 * var(--ds-4) - env(safe-area-inset-bottom));padding:var(--ds-3) var(--ds-4) calc(var(--ds-3) + env(safe-area-inset-bottom))}
 html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-foot .hs-button{flex:1 1 0;min-height:44px}
 html[data-hub-theme] body.hub-workspace .sx-panel .hs-field{grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:var(--ds-4)}
 html[data-hub-theme] body.hub-workspace .sx-panel .hs-field>small{grid-column:1}
 html[data-hub-theme] body.hub-workspace .sx-panel :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:44px;font-size:16px}
 html[data-hub-theme] body.hub-workspace .sx-panel fieldset>label{min-height:44px;align-items:center}
 html[data-hub-theme] body.hub-workspace .sx-panel :is(.hs-inline-actions,.sx-actions) .hs-button{min-height:44px}
}
html[data-hub-theme] body.hub-workspace #main .sx .sx-table :is(.sx-due,.hs-status){white-space:nowrap}
html[data-hub-theme] body.hub-workspace #main .sx-qrow{padding-top:10px;padding-bottom:10px}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-history strong{display:block;font:600 14px/1.4 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-field:has(textarea){grid-template-columns:minmax(0,1fr);gap:6px}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-field:has(textarea)>small{grid-column:1}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) :is(.hs-link,.sx-qtitle,.sx-sort){min-height:0!important;height:auto!important}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td>.hs-link{display:inline!important;vertical-align:baseline}
html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td:first-child>.hs-link:not(:first-child){display:inline-block!important}
@media(max-width:700px){html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) .sx-table td>.hs-link:not(td:first-child>.hs-link:first-child){display:inline-flex!important;min-height:44px!important;align-items:center}}
/* The Hub staff pages inside the staff rail: same table, status and toolbar language as the Staff Hub. */
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hap-staff-head h2{display:none}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hap-staff-head p{font:var(--ds-small);color:var(--h-muted);margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main :is(.hap-table-wrap,.table-wrap){border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main :is(table.hap-table,table.hci-staff-table,table.table){width:100%;border-collapse:separate;border-spacing:0;border:0;background:none;font:var(--ds-body);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main :is(table.hap-table,table.hci-staff-table,table.table) thead th{position:sticky;top:70px;z-index:2;padding:var(--ds-2) var(--ds-3);border:0;border-bottom:var(--ds-border);background:var(--glass-bg,var(--h-bg));-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none);font:600 12px/1.3 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-muted);text-align:left;white-space:nowrap}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main :is(table.hap-table,table.hci-staff-table,table.table) tbody :is(td,th){padding:var(--ds-3);border:0;border-bottom:var(--ds-border);background:none;vertical-align:top;font:var(--ds-body);text-align:left}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .sx-hub-table tbody tr:has([data-hap-detail],[data-hci-view]){cursor:pointer}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .sx-hub-table tbody tr:hover :is(td,th){background:color-mix(in srgb,var(--h-ink) 3%,transparent)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .sx-hub-table .sx-sort{display:inline-flex;align-items:center;gap:6px;min-height:0!important;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .sx-hub-table th[aria-sort$=ending] .sx-sort{color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .sx-hub-table th[aria-sort$=ending] .sx-sort::after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .sx-hub-table th[aria-sort=ascending] .sx-sort::after{border-top:0;border-bottom:5px solid currentColor}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main :is(.hap-status,.hci-badge,.toolbar .tag,table.table .tag,.badge){display:inline;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font:500 14px/1.4 var(--h-ui)!important;letter-spacing:0!important;text-transform:none!important;color:var(--h-muted)!important;white-space:nowrap}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main :is(.hap-status-submitted,.hci-badge.ok){color:var(--h-ink)!important}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hci-badge:not(.ok){color:var(--h-accent)!important}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .toolbar .tag+.tag::before{content:"·";margin:0 8px;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hap-priority{font-weight:500;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode :is(#main,.hap-dialog) .hap-tags{display:inline;margin:0;padding:0;list-style:none}
html[data-hub-theme] body.hub-workspace.nh-staff-mode :is(#main,.hap-dialog) .hap-tags li{display:inline;padding:0;border:0;border-radius:0;background:none;font:inherit;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode :is(#main,.hap-dialog) .hap-tags li+li::before{content:", "}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hci-gate{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-2) var(--ds-4);margin:0 0 var(--ds-5);padding:0 0 var(--ds-4);border:0;border-bottom:var(--ds-border);background:none}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hci-gate fieldset{display:flex;flex-wrap:wrap;gap:var(--ds-2) var(--ds-4);margin:0;padding:0;border:0}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hci-gate legend{flex:1 1 100%;padding:0;margin:0 0 var(--ds-1);font:600 14px/1.4 var(--h-ui)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hci-gate label{display:inline-flex;align-items:center;gap:var(--ds-2);min-height:36px;font:500 14px/1.3 var(--h-ui)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .sx-hub-toolbar .sx-search{margin-left:0;max-width:320px}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hmt-filter{margin:0 0 var(--ds-3);font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hmt-filter span{font:600 13px/1.3 var(--h-ui);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hmt-cell{gap:4px 8px;margin-top:2px}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hmt-chip{padding:0;border:0;border-radius:0;background:none;font:500 13px/1.4 var(--h-ui);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hmt-edit{min-height:0!important;height:auto;padding:0;font:600 13px/1.4 var(--h-ui);color:var(--h-accent);text-decoration:none}
html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hmt-edit:hover{text-decoration:underline;text-underline-offset:3px}
html[data-hub-theme] body.hub-workspace .hmt-dialog :is(.hmt-primary,.hmt-secondary){border-radius:var(--ds-radius-sm)}
html[data-hub-theme] body.hub-workspace .hmt-dialog .hmt-chip{border-style:solid;border-radius:var(--ds-radius-sm)}
@media(max-width:700px){html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .hmt-edit{min-height:44px!important;display:inline-flex;align-items:center}html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .sx-hub-toolbar .sx-search{max-width:none;min-height:44px;font-size:16px}html[data-hub-theme] body.hub-workspace.nh-staff-mode #main :is(table.hap-table,table.hci-staff-table,table.table) thead th{position:static}}
/* Agent profile detail: a right-hand panel (bottom sheet on a phone) like every other staff record. */
html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.hap-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:var(--ds-border);border-radius:0;padding:0;background:var(--h-surface);box-shadow:-16px 0 48px rgb(0 0 0 / 14%);overflow:auto;overscroll-behavior:contain}
html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.hap-dialog[open]{animation:sx-panel-in .22s cubic-bezier(.2,.8,.2,1)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.hap-dialog::backdrop{background:rgb(20 22 28 / 28%)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode .hap-dialog .hap-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-3);margin:0;padding:var(--ds-3) var(--ds-3) var(--ds-3) var(--ds-5);border-bottom:var(--ds-border);background:var(--glass-bg,var(--h-surface));-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode .hap-dialog .hap-head h2{font:var(--ds-h2)!important;margin:0;outline:none!important}
html[data-hub-theme] body.hub-workspace.nh-staff-mode .hap-dialog .hap-eyebrow{margin:0;font:var(--ds-small)!important;letter-spacing:0!important;text-transform:none!important;color:var(--h-muted)!important}
html[data-hub-theme] body.hub-workspace.nh-staff-mode .hap-dialog .hap-detail{padding:0}
html[data-hub-theme] body.hub-workspace.nh-staff-mode .hap-dialog .hap-detail>:not(.hap-head){margin-left:var(--ds-5);margin-right:var(--ds-5)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode .hap-dialog .hap-highlight{margin-top:var(--ds-4);padding:0 0 var(--ds-4);border:0;border-bottom:var(--ds-border);border-radius:0;background:none;box-shadow:none}
@media(max-width:700px){html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.hap-dialog{inset:auto 0 0 0;width:100%;height:auto;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));border-left:0;border-top:var(--ds-border);border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.hap-dialog[open]{animation-name:sx-sheet-in}html[data-hub-theme] body.hub-workspace.nh-staff-mode .hap-dialog .hap-detail>:not(.hap-head){margin-left:var(--ds-4);margin-right:var(--ds-4)}}
/* Add agent: title and Hub name on the first line, the two views as quiet text links on the next. */
html[data-hub-theme] body.hub-workspace .haa-dialog .haa-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--ds-2) var(--ds-3)}
html[data-hub-theme] body.hub-workspace .haa-dialog .haa-head>div:first-child{grid-column:1;grid-row:1;min-width:0}
html[data-hub-theme] body.hub-workspace .haa-dialog .haa-head>.haa-x{grid-column:2;grid-row:1}
html[data-hub-theme] body.hub-workspace .haa-dialog .haa-switch{grid-column:1/-1;grid-row:2;display:flex!important;flex-wrap:wrap;gap:var(--ds-1) var(--ds-5);margin:0!important;justify-content:flex-start}
html[data-hub-theme] body.hub-workspace .haa-dialog .haa-switch .haa-text{min-height:32px;padding:0;text-decoration:none}
@media(max-width:700px){
 html[data-hub-theme] body.hub-workspace #main .sx-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--ds-3)}
 html[data-hub-theme] body.hub-workspace #main .sx-head>.sx-head-actions{margin:0!important;justify-content:flex-end}
 html[data-hub-theme] body.hub-workspace #main .sx-head>.sx-head-actions .hs-button{width:auto;padding:0 var(--ds-4)}
 html[data-hub-theme] body.hub-workspace #main .sx-toolbar .sx-view-select{flex:0 1 42%;min-width:0}
 html[data-hub-theme] body.hub-workspace #main .sx-toolbar .sx-search{flex:1 1 50%}
 html[data-hub-theme] body.hub-workspace #main .sx-toolbar .sx-count{flex:1 1 auto;order:5}
 html[data-hub-theme] body.hub-workspace #main .sx-toolbar .hs-button.ghost{order:6;padding:0}
}
/* Save bar: pinned to the bottom of the panel's scroll area with nothing showing beneath it. */
html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-body:has(>form>.hs-dialog-foot){padding-bottom:0!important}
html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-foot{bottom:0!important;margin:var(--ds-5) calc(-1 * var(--ds-5)) 0!important}
@media(max-width:700px){html[data-hub-theme] body.hub-workspace .sx-panel .hs-dialog-foot{margin:var(--ds-4) calc(-1 * var(--ds-4)) 0!important}}
html[data-hub-theme] body.hub-workspace #main .sx-links{gap:0 var(--ds-5);margin:calc(-1 * var(--ds-2)) 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace #main .sx-links .hs-button.ghost{padding:0}
html[data-hub-theme] body.hub-workspace #main .sx .sx-board{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(200px,220px);overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:var(--ds-3);scrollbar-width:thin}
@media(max-width:700px){html[data-hub-theme] body.hub-workspace #main .sx .sx-board{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);overflow-x:visible}html[data-hub-theme] body.hub-workspace #main .sx .sx-board section:not(:has(button)){display:none}html[data-hub-theme] body.hub-workspace #main .sx .sx-board button{min-height:44px}}
/* Older Staff Hub sections (Payroll, Publishing, Workflows, Celebrations, templates, appointment matrix) inside
   the new frame: the page head already names the section, so their own heads, kickers, icons and boxes go. */
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho{font:var(--ds-body);color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-head,html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-section-head h2{display:none!important}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-4);margin:0 0 var(--ds-4)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-section-head p{font:var(--ds-body);color:var(--h-muted);margin:0;max-width:70ch}
html[data-hub-theme] body.hub-workspace :is(#main .sx .hs-legacy,.ho-dialog) .ho-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ds-control);padding:0 var(--ds-4);border-radius:var(--ds-radius-sm);border:1px solid var(--h-accent);background:var(--h-accent);color:var(--h-on-accent,#fff);font:600 14px/1 var(--h-ui);box-shadow:none;white-space:nowrap}
html[data-hub-theme] body.hub-workspace :is(#main .sx .hs-legacy,.ho-dialog) .ho-button.secondary{background:var(--h-surface);color:var(--h-ink);border-color:color-mix(in srgb,var(--h-line) 60%,var(--h-muted))}
html[data-hub-theme] body.hub-workspace :is(#main .sx .hs-legacy,.ho-dialog) .ho-button svg,html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy :is(.ho-readiness,.ho-security-note,.ho-tabs-empty,.ho-search)>svg{display:none}
html[data-hub-theme] body.hub-workspace :is(#main .sx .hs-legacy,.ho-dialog) :is(.ho-readiness,.ho-security-note,.ho-access){display:block;margin:0 0 var(--ds-4);padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:var(--ds-small);color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace :is(#main .sx .hs-legacy,.ho-dialog) :is(.ho-readiness,.ho-security-note) strong{display:inline;margin-right:6px;color:var(--h-ink);font-weight:600}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-search{display:flex;align-items:center;max-width:320px;margin:0 0 var(--ds-3);padding:0;border:0;background:none;box-shadow:none}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-search input{width:100%;min-height:var(--ds-control);padding:0 var(--ds-3);border:1px solid var(--h-line);border-radius:var(--ds-radius-sm);background:var(--h-surface);color:var(--h-ink);font:500 14px/1.2 var(--h-ui)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-tabs-empty{display:grid;justify-items:center;gap:var(--ds-2);padding:var(--ds-7) var(--ds-4);border:0;background:none;text-align:center}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-tabs-empty h3{font:var(--ds-h2)!important;margin:0;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-tabs-empty p{margin:0;color:var(--h-muted);max-width:48ch}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy :is(h2,h3){font-family:var(--h-ui)!important;letter-spacing:0}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy :is(.ho-status,.ho-tag){padding:0;border:0;border-radius:0;background:none!important;font:500 14px/1.4 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy :is(.ho-table,.ho-workflows,.ho-workflow){border:0;border-radius:0;box-shadow:none;background:none}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy :is(.ho-listhead){font:600 12px/1.3 var(--h-ui);letter-spacing:0;text-transform:none;color:var(--h-muted);border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-row-target{border-bottom:var(--ds-border)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-kicker{display:none}
/* Their dialogs open as the same right-hand panel / bottom sheet. */
html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.ho-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:var(--ds-5);border:0;border-left:var(--ds-border);border-radius:0;background:var(--h-surface);color:var(--h-ink);box-shadow:-16px 0 48px rgb(0 0 0 / 14%);overflow:auto;overscroll-behavior:contain}
html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.ho-dialog[open]{animation:sx-panel-in .22s cubic-bezier(.2,.8,.2,1)}
html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.ho-dialog::backdrop{background:rgb(20 22 28 / 28%);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.ho-dialog :is(h2,h3){font-family:var(--h-ui)!important;letter-spacing:0}
@media(max-width:700px){
 html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.ho-dialog{inset:auto 0 0 0;width:100%;height:auto;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));padding:var(--ds-4) var(--ds-4) calc(var(--ds-4) + env(safe-area-inset-bottom));border-left:0;border-top:var(--ds-border);border-radius:16px 16px 0 0}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode dialog.ho-dialog[open]{animation-name:sx-sheet-in}
 html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-section-head{flex-direction:column}
 html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-search{max-width:none}
 html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-search input{min-height:44px;font-size:16px}
 html[data-hub-theme] body.hub-workspace :is(#main .sx .hs-legacy,.ho-dialog) .ho-button{min-height:44px}
}
html[data-hub-theme] body.hub-workspace .sx-panel .sx-table th{position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-toolrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-2) var(--ds-3);margin:0 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-toolrow .ho-search{margin:0}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-filters{display:flex;gap:2px;padding:3px;border:0;border-radius:12px;background:color-mix(in srgb,var(--h-ink) 5%,transparent);overflow-x:auto;max-width:100%}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-filters button{min-height:34px;padding:0 var(--ds-3);border:0!important;border-radius:9px;background:none!important;box-shadow:none!important;font:500 14px/1 var(--h-ui);color:var(--h-muted);white-space:nowrap}
html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-filters button[aria-pressed=true]{background:var(--glass-pill,var(--h-surface))!important;color:var(--h-ink);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--h-accent) 18%,transparent)!important}
@media(max-width:700px){html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) table.sx-table.hub-stack :is(td,th){padding:0!important;border:0!important;min-height:0!important}html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) table.sx-table tr{gap:2px!important;padding:var(--ds-3) 0!important;margin:0!important;border:0!important;border-bottom:var(--ds-border)!important;border-radius:0!important;background:none!important;box-shadow:none!important}html[data-hub-theme] body.hub-workspace #main .sx .hs-legacy .ho-filters{flex-wrap:wrap;overflow:visible}}
@media(max-width:700px){
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table,html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tbody{display:block}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table thead{display:none}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tr{display:grid!important;gap:2px!important;padding:var(--ds-3) 0!important;margin:0!important;border:0!important;border-bottom:var(--ds-border)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tbody :is(td,th){display:flex!important;justify-content:space-between;align-items:baseline;gap:var(--ds-4);padding:0!important;border:0!important;text-align:right;min-width:0;overflow-wrap:anywhere}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tbody :is(td,th)::before{content:attr(data-label)!important;flex:none;display:block!important;font:var(--ds-small)!important;color:var(--h-muted)!important;text-align:left;min-width:0!important;width:auto!important}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tbody :is(td,th):first-child{display:block!important;text-align:left;font-weight:600;margin-bottom:2px}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tbody :is(td,th):first-child::before{content:none!important;display:none!important}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tbody td:last-child{justify-content:flex-start;gap:var(--ds-2);margin-top:var(--ds-1);flex-wrap:wrap}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tbody td:last-child::before{content:none!important;display:none!important}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table tbody td:empty{display:none!important}
 html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table .button{min-height:44px;width:auto}
}
/* Touch screens wider than a phone (tablets, phones in landscape): 44px targets everywhere in the staff screens. */
@media(pointer:coarse){html[data-hub-theme] body.hub-workspace :is(#main .sx,.sx-panel) :is(.hs-button,.sx-views .hs-filter,.sx-toolbar select,.sx-search),html[data-hub-theme] body.hub-workspace .sx-panel :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px}html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-link{min-height:44px}}
@media(max-width:700px){html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.hub-stack{min-width:0!important;width:100%!important;max-width:100%}html[data-hub-theme] body.hub-workspace.nh-staff-mode #main .table-wrap{overflow-x:auto}}
@media(max-width:700px){html[data-hub-theme] body.hub-workspace.nh-staff-mode #main table.sx-hub-table{min-width:0!important;width:100%!important}}
/* hub-polish-r1 (Oct 24 audit): sentence-case labels. These are the Hub rules that set text-transform:uppercase,
   generated from the live stylesheets when the piece is built; the words stay as written. */
html[data-hub-theme] body.hub-workspace :is(.access-eyebrow,.app-body .crm-eyebrow,.auto-connection-editor form label>span,.auto-connection-row span small,.auto-context-menu header small,.auto-detail-modal header span,.auto-eyebrow,.auto-feature-card>small,.auto-google-contracts span,.auto-google-readiness,.auto-inspector-head small,.auto-library h3,.auto-node span small,.auto-node-link b,.auto-origin-label,.auto-priority,.auto-version-compare label>span,.badge,.brand,.cm-row-category,.company-section h4,.context-section h4,.crm-booking-eyebrow,.crm-date-card small,.cs-directory-head,.cs-eyebrow,.cs-owner-mark,.ct-eyebrow,.ct-team-head,.data-table th,.day-stamp small,.dl-table-wrap th,.eyebrow,.hap-eyebrow,.hcom-banner-stats span,.hcom-kicker,.hcom-rail-label,.hmn-group-title,.hmn-head .hm-kicker,.ho-detail-grid small,.ho-kicker,.ho-line-entry legend,.ho-mobile-label,.ho-table th,.hpg .hpg-co-eyebrow,.hpg .hpg-tier-body h4,.hpg .hpg-tier-name,.hs-eyebrow,.hs-history li strong,.hs-nav-label,.ht-theme-mood,.htp-card-h,.htp-tier-head,.hub-workspace .hub-progress-heading,.hub-workspace .next-date>span,.hub-workspace .recording-kicker,.hub-workspace .resource-tablehead,.hx-date small,.hx-status,.hx-story small,.i-heading .i-eyebrow,.lb-agenda h3>span,.lu-rate-table th,.lyntura-directory-pages h3,.mini-eyebrow,.month .weekday,.nav-label,.pan-eyebrow,.pap thead th,.pap-eyebrow,.primary-nav p,.sms-result-mini span,.ta-owner-eyebrow,.table th,.tag,.wm-page th,.ys-detail h3,html[data-hub-theme] body.hub-workspace .hcp-guide .hcp-table .hcp-group>td,html[data-hub-theme] body.hub-workspace .hcp-guide .hcp-table th,html[data-hub-theme] body.hub-workspace .htk .htk-eyebrow,html[data-hub-theme] body.hub-workspace .htk .htk-table thead th,html[data-hub-theme] body.hub-workspace .htk .htk-week button span,html[data-hub-theme] body.hub-workspace .i101 .i101-kicker,html[data-hub-theme] body.hub-workspace .session-detail .statusline :is(.badge,.tag),html[data-hub-theme] body.hub-workspace .sidebar .hn-tagline,html[data-hub-theme] body.hub-workspace :is(.hn-staff-group-title,.hn-nav-group-title),html[data-hub-theme] body.hub-workspace :is(.hx-date small,.day-stamp small)){text-transform:none!important;letter-spacing:normal!important}
/* The sidebar scrollbar shows only while the pointer is over the sidebar (it was always on at 900 px tall). */
@media (hover:hover){html[data-hub-theme] body.hub-workspace aside#hub-navigation.sidebar{scrollbar-width:thin;scrollbar-color:transparent transparent}html[data-hub-theme] body.hub-workspace aside#hub-navigation.sidebar:hover{scrollbar-color:var(--h-line,#d8d0c4) transparent}}
/* Carrier Quick Links and Appearance use the same page-title size as every other page (they were 46 px). */
html[data-hub-theme] body.hub-workspace #main :is(.hcq-head,.ht-heading) h1{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.32px}
@media (max-width:600px){html[data-hub-theme] body.hub-workspace #main :is(.hcq-head,.ht-heading) h1{font-size:26px}}
/* hub-polish-r2 (Oct 24 audit): one maroon action per screen. Settings keeps Save name details; Help keeps
   Request Agent Support. Plans & billing, Choose a photo, Help search, Find my next step and Request Technical
   Support become plain buttons. */
html[data-hub-theme] body.hub-workspace #main :is(.acct2-head-actions>a.button:not(.secondary),.hp-actions>[data-hp=choose],.hc-search button[type=submit],.hga-actions>button[type=submit],a.hc-primary[href="#support/technical"]){background:var(--h-surface)!important;color:var(--h-ink)!important;border:1px solid var(--h-line)!important;box-shadow:none!important}
html[data-hub-theme] body.hub-workspace #main .hga-actions>button[type=submit] span[aria-hidden]{display:none}
/* Agent profiles: the list repeated the page title as a second heading; it stays for screen readers only. */
html[data-hub-theme] body.hub-workspace #main #hap-staff-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Messages: the welcome panel heading no longer competes with the page title. */
html[data-hub-theme] body.hub-workspace #main .hm-welcome>h2{font-size:20px;line-height:1.3}
/* Training: the row under the title (recordings, subscribe, booking, report) reads as quiet links on desktop. */
@media (min-width:821px){html[data-hub-theme] body.hub-workspace #main nav.hub-section-nav>.button{border-color:transparent!important;background:none!important;color:var(--h-muted)!important;padding:0 10px}html[data-hub-theme] body.hub-workspace #main nav.hub-section-nav>.button:hover{color:var(--h-ink)!important;background:var(--h-bg)!important}}

/* ---------- cu7-fixups (Oct 24): phone bottom bar for the new areas ---------- */
@media(max-width:900px){
 html[data-hub-theme] body.hub-workspace .bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 html[data-hub-theme] body.hub-workspace .bottom-nav .bn-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:45px;padding:6px 0;margin:0;border:0;background:none;box-shadow:none;font:inherit;font-size:13px!important;line-height:1.15;color:var(--h-muted);cursor:pointer;white-space:nowrap}
 html[data-hub-theme] body.hub-workspace .bottom-nav .bn-more .i{width:20px;height:20px}
 html[data-hub-theme] body.hub-workspace.menu-open .bottom-nav .bn-more{color:var(--h-accent);font-weight:600}
}
@media(max-width:360px){
 html body.hub-workspace .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
/* Messages: the same gap on all four sides as on top (16 px desktop, 10 px phone), rounded corners
   on all four, still no page scroll. */
html[data-hub-theme] body.hub-workspace #main.hcom-page.hcom-fit .hcom-stage{padding:16px!important;box-sizing:border-box}
html[data-hub-theme] body.hub-workspace #main.hcom-page.hcom-fit .hcom-dm{margin:0!important;padding:0!important}
html[data-hub-theme] body.hub-workspace #main.hcom-page.hcom-fit .hcom-dm .hm-app{width:100%!important;margin:0!important;height:calc(var(--hn-message-height,calc(100dvh - 86px)) - 16px)!important;border:1px solid var(--h-line)!important;border-radius:var(--h-r3)!important}
@media(max-width:900px){
 html[data-hub-theme] body.hub-workspace #main.hcom-page.hcom-fit .hcom-stage{padding:10px!important}
 html[data-hub-theme] body.hub-workspace #main.hcom-page.hcom-fit .hcom-dm .hm-app{height:calc(var(--hn-message-height,calc(100dvh - 132px)) - 10px)!important}
}

/* Left menu fits the screen (768, 900, 1080 px tall): tighter rows, smaller logo, one-line group names,
   and Staff Workspace folds like the other groups. Desktop only; the phone menu keeps 44 px targets. */
@media(min-width:901px){
 html[data-hub-theme] body.hub-workspace .sidebar nav > a.nav-link,html[data-hub-theme] body.hub-workspace .sidebar .hn-nav-grouphead .nav-link{margin:0!important}
 html[data-hub-theme] body.hub-workspace .sidebar .tmbrand{padding:4px 12px 10px!important;margin:0 0 4px!important}
 html[data-hub-theme] body.hub-workspace .sidebar .hub-nav-logo{max-height:56px;width:auto}
 html[data-hub-theme] body.hub-workspace .sidebar .hn-nav-grouphead .nav-link span{white-space:nowrap}
 html[data-hub-theme] body.hub-workspace .sidebar .hn-staff-link{margin:0!important}
 html[data-hub-theme] body.hub-workspace .sidebar .hn-staff-group:not(.is-open) > :not(.hn-staff-toggle){display:none!important}
 html[data-hub-theme] body.hub-workspace .sidebar .hn-staff-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:30px;margin:0;padding:4px 12px;border:0;background:none;color:var(--h-muted);font:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer;text-align:left}
 html[data-hub-theme] body.hub-workspace .sidebar .hn-staff-toggle::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
 html[data-hub-theme] body.hub-workspace .sidebar .hn-staff-group.is-open .hn-staff-toggle::after{transform:rotate(45deg)}
}
@media(min-width:901px) and (max-height:860px){
 html[data-hub-theme] body.hub-workspace .sidebar nav > a.nav-link,html[data-hub-theme] body.hub-workspace .sidebar .hn-nav-grouphead .nav-link{min-height:32px!important;padding-top:5px!important;padding-bottom:5px!important}
 html[data-hub-theme] body.hub-workspace .sidebar .hub-nav-logo{max-height:44px}
 html[data-hub-theme] body.hub-workspace .sidebar .hn-staff-link{min-height:30px!important}
}
@media(min-width:901px) and (max-height:740px){
 html[data-hub-theme] body.hub-workspace .sidebar .hub-nav-logo{max-height:34px}
 html[data-hub-theme] body.hub-workspace .sidebar nav > a.nav-link,html[data-hub-theme] body.hub-workspace .sidebar .hn-nav-grouphead .nav-link{min-height:30px!important;padding-top:4px!important;padding-bottom:4px!important}
}

/* Home: Team Momentum logo follows the theme, no box */
html[data-hub-theme] body.hub-workspace .hx-hero-art .hx-logo-dark{display:none}
html:is([data-hub-theme=midnight],[data-hub-theme=rosewood],[data-hub-theme=graphite],[data-hub-theme=flamingo]) body.hub-workspace .hx-hero-art .hx-logo-light{display:none}
html:is([data-hub-theme=midnight],[data-hub-theme=rosewood],[data-hub-theme=graphite],[data-hub-theme=flamingo]) body.hub-workspace .hx-hero-art .hx-logo-dark{display:block}
@media (prefers-color-scheme:dark){html[data-hub-theme=auto] body.hub-workspace .hx-hero-art .hx-logo-light{display:none}html[data-hub-theme=auto] body.hub-workspace .hx-hero-art .hx-logo-dark{display:block}}
html[data-hub-theme] body.hub-workspace .hx-hero-art{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html[data-hub-theme] body.hub-workspace .nh-support-more{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0}
/* Phones and touch screens (tablets, landscape phones): every button, tab, chip and stand-alone link is at least
   44 px to tap (found by audit.mjs at 390/430/768/844/1024) */
@media (max-width:760px),(pointer:coarse){
html[data-hub-theme] body.hub-workspace :is(#main,.hub-footer,footer,.topbar) :is(a,button,summary,select,[role="tab"]):not(.nh-sr-only):not(.sr-only):not(.hx-iconlink):not(.hp-file){min-height:44px!important;min-width:44px}
html[data-hub-theme] body.hub-workspace :is(#main,.hub-footer,footer) a.hc-text-link{display:inline-flex;align-items:center}
html[data-hub-theme] body.hub-workspace button[aria-label^="Close"]:not(.mobile-overlay):not(.hn-drawer-close){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
html[data-hub-theme] body.hub-workspace #main>.footer-note a{display:inline-flex;align-items:center}
html[data-hub-theme] body.hub-workspace #main :is(.resource-copy,.recording-copy)>a{display:flex;align-items:center;margin-block:-11px}
html[data-hub-theme] body.hub-workspace #main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select){min-height:44px!important}
}
/* Footer at the bottom of the screen: the page is exactly the visible height below the top bar (dynamic
   viewport, so phone URL bars count), the footer script adds the leftover space above the footer. */
html[data-hub-theme] body.hub-workspace #main:not(.hcom-fit){min-height:calc(100vh - var(--hub-top,70px))}
@supports (height:100dvh){html[data-hub-theme] body.hub-workspace #main:not(.hcom-fit){min-height:calc(100dvh - var(--hub-top,70px))}}
@media (min-width:1025px){html[data-hub-theme] body.hub-workspace #main:not(.hcom-fit){padding-bottom:20px}}
html[data-hub-theme] body.hub-workspace #main>.footer-note{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px}
html[data-hub-theme] body.hub-workspace #main>.footer-note>span:last-child{display:inline-flex;gap:16px}
@media (max-width:1024px){html[data-hub-theme] body.hub-workspace #main>.footer-note>span:first-child{display:inline!important}}
html[data-hub-theme] body.hub-workspace #main.hcom-page:not(.hcom-fit){padding-bottom:calc(var(--hub-bottom-bar,0px) + 16px)}
/* Staff Hub rail fits short laptop screens: tighter rows below 1000 px tall */
@media (min-width:901px) and (max-height:1000px){html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-link{min-height:27px!important;padding-top:3px!important;padding-bottom:3px!important}html[data-hub-theme] body.hub-workspace .sx-rail .hs-nav-footer{padding:8px 0 6px!important}html[data-hub-theme] body.hub-workspace .sx-rail .hs-nav-footer>a{min-height:36px!important}html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-label{margin-top:8px!important;margin-bottom:1px!important}}
@media (min-width:901px) and (max-height:820px){html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-link{min-height:24px!important;padding-top:2px!important;padding-bottom:2px!important;font-size:13px}html[data-hub-theme] body.hub-workspace .sx-rail .hn-staff-rail-head{padding-top:6px!important;padding-bottom:6px!important;margin-bottom:2px!important}html[data-hub-theme] body.hub-workspace .sx-rail .hs-nav-footer{padding:4px 0 2px!important}html[data-hub-theme] body.hub-workspace .sx-rail .hs-nav-footer>a{min-height:32px!important}html[data-hub-theme] body.hub-workspace .sx-rail .sx-rail-nav .hs-nav-label{margin-top:6px!important;margin-bottom:0!important}}
html[data-hub-theme] body.hub-workspace #main .lm-tabs>[role="tab"]{font-size:14px!important}
/* Lead Mall: one maroon action per screen (the header keeps Add a lead company) */
html[data-hub-theme] body.hub-workspace #main .lm-empty>.button:not(.secondary){background:var(--h-surface)!important;color:var(--h-ink)!important;border:1px solid var(--h-line)!important;box-shadow:none!important}
html[data-hub-theme] body.hub-workspace #main .pagehead{flex-wrap:wrap}
html[data-hub-theme] body.hub-workspace #main .pagehead>div:first-child{flex:1 1 280px;min-width:min(100%,280px)}
html[data-hub-theme] body.hub-workspace #main .acct2-nav{max-width:100%;overflow-x:auto;scrollbar-width:none}
html[data-hub-theme] body.hub-workspace .hx-session-row{grid-template-columns:minmax(0,1fr)!important;position:relative}
html[data-hub-theme] body.hub-workspace .hx-session-row .hx-iconlink{position:absolute;inset:0;width:auto;height:auto;border:0;background:none;border-radius:var(--ds-radius-sm,8px)}
html[data-hub-theme] body.hub-workspace .hx-session-row .hx-iconlink:focus-visible{outline:2px solid var(--h-accent);outline-offset:2px}
html[data-hub-theme] body.hub-workspace .hx-hero-art .hx-approved-logo{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;max-width:220px;width:100%;height:auto}
/* Caps labels added by other Combined Update 7 pieces: sentence case like the rest of the Hub */
html[data-hub-theme] body.hub-workspace :is(.lsd-sub){text-transform:none!important;letter-spacing:normal!important}
/* knows-team-content: carrier page network links are 44 px tap targets on touch and narrow screens */
@media (pointer:coarse),(max-width:1024px){html[data-hub-theme] body.hub-workspace .hcp-link{display:inline-flex;align-items:center;min-height:44px}}
/* knows-team-content: both Help support buttons use the theme accent (Andrew, Oct 25) */
html[data-hub-theme] body.hub-workspace #main a.hc-primary[href="#support/technical"]:not(.secondary):not(.ghost):not(.light){background:var(--h-accent)!important;color:var(--h-on-accent)!important;border:1px solid var(--h-accent)!important}
/* hub-event-weekdays-r1: "Repeat on" day chips in the training session form */
html[data-hub-theme] body.hub-workspace .hub-weekdays{border:0;padding:0;margin:0 0 16px;min-width:0}
html[data-hub-theme] body.hub-workspace .hub-weekdays[hidden]{display:none!important}
html[data-hub-theme] body.hub-workspace .hub-weekdays legend{padding:0;margin:0 0 6px;font-size:14px;font-weight:650;color:var(--h-ink)}
html[data-hub-theme] body.hub-workspace .hub-weekday-chips{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:440px}
html[data-hub-theme] body.hub-workspace .hub-weekday{position:relative;display:flex;min-width:0;margin:0}
html[data-hub-theme] body.hub-workspace .hub-weekday input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
html[data-hub-theme] body.hub-workspace .hub-weekday span{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;border:1px solid var(--h-line);border-radius:var(--ds-radius-sm,8px);background:var(--h-surface);color:var(--h-muted);font:600 14px/1 var(--h-ui);user-select:none}
html[data-hub-theme] body.hub-workspace .hub-weekday input:checked+span{border-color:var(--h-accent);background:var(--h-soft);color:var(--h-accent)}
html[data-hub-theme] body.hub-workspace .hub-weekday input:focus-visible+span{outline:2px solid var(--h-accent);outline-offset:2px}

/* company-member-delete-r1: Review > Delete account, and its confirmation. One quiet section, no colour of its own. */
html[data-hub-theme] #dialog .hmd-zone{margin:var(--ds-5) 0 0;padding:var(--ds-4) 0 0;border-top:var(--ds-border)}
html[data-hub-theme] #dialog .hmd-zone h3{font:var(--ds-h3);color:var(--h-ink);margin:0 0 var(--ds-1)}
html[data-hub-theme] #dialog .hmd-zone p{font:var(--ds-small);color:var(--h-muted);margin:0 0 var(--ds-3)}
html[data-hub-theme] #dialog .hmd-zone .hmd-open{color:var(--h-accent)}
html[data-hub-theme] #dialog .hmd-check{display:flex;gap:var(--ds-3);align-items:flex-start;font:var(--ds-body);color:var(--h-ink);margin:var(--ds-4) 0;cursor:pointer}
html[data-hub-theme] #dialog .hmd-check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--h-accent)}
@media (max-width:560px){html[data-hub-theme] #dialog .hmd-confirm{padding-top:0}html[data-hub-theme] #dialog .hmd-confirm .pagehint{margin-top:0}html[data-hub-theme] #dialog .hmd-confirm .dialog-actions{flex-direction:column-reverse;align-items:stretch}html[data-hub-theme] #dialog .hmd-confirm .dialog-actions .button,html[data-hub-theme] #dialog .hmd-zone .hmd-open{width:100%;justify-content:center;min-height:44px}}

/* hub-resources-r1: Resources as a plain brochure grid (Oct 25). Newsreader titles, Manrope body, cream cards. */
html[data-hub-theme] body.hub-workspace #main .hrs-page .pagehead{margin:0 0 var(--ds-4);padding:0;border:0}
html[data-hub-theme] body.hub-workspace #main .hrs-page .pagehead .eyebrow{display:none}
html[data-hub-theme] body.hub-workspace #main .hrs-page .pagehead h1{font-family:var(--h-display)!important;font-weight:500;font-size:34px;line-height:1.1;letter-spacing:-.01em;color:var(--h-ink);margin:0 0 var(--ds-2)}
html[data-hub-theme] body.hub-workspace #main .hrs-page .pagehead p{font:var(--ds-body);color:var(--h-muted);margin:0;max-width:62ch}
html[data-hub-theme] body.hub-workspace #main .hrs-related{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0 0 32px;padding:0 0 var(--ds-4);border-bottom:1px solid var(--h-line)}
html[data-hub-theme] body.hub-workspace #main .hrs-related-link{font:600 14px/1.4 var(--h-ui);color:var(--h-ink);text-decoration:none;padding:10px 0;min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}
html[data-hub-theme] body.hub-workspace #main .hrs-related-link:hover{border-bottom-color:var(--h-accent)}
html[data-hub-theme] body.hub-workspace #main .hrs-section{margin:0 0 32px}
html[data-hub-theme] body.hub-workspace #main .hrs-section>h2{font-family:var(--h-display)!important;font-weight:500;font-size:24px;line-height:1.15;letter-spacing:0;color:var(--h-ink);margin:0 0 var(--ds-3);text-transform:none}
html[data-hub-theme] body.hub-workspace #main .hrs-section-note{font:var(--ds-body);color:var(--h-muted);margin:calc(-1 * var(--ds-2)) 0 var(--ds-3)}
html[data-hub-theme] body.hub-workspace #main .hrs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--ds-4)}
html[data-hub-theme] body.hub-workspace #main .hrs-card{position:relative;display:flex;gap:var(--ds-3);align-items:flex-start;padding:var(--ds-4) 56px var(--ds-4) var(--ds-4);background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--ds-radius);box-shadow:none;min-height:112px}
html[data-hub-theme] body.hub-workspace #main .hrs-card:hover{border-color:color-mix(in srgb,var(--h-accent) 40%,var(--h-line))}
html[data-hub-theme] body.hub-workspace #main .hrs-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--h-accent) 8%,var(--h-surface));color:var(--h-accent)}
html[data-hub-theme] body.hub-workspace #main .hrs-icon svg{width:20px;height:20px}
html[data-hub-theme] body.hub-workspace #main .hrs-copy{min-width:0;flex:1}
html[data-hub-theme] body.hub-workspace #main .hrs-copy a{display:flex;align-items:center;min-height:44px;margin:-11px 0 -6px;text-decoration:none;color:inherit}
html[data-hub-theme] body.hub-workspace #main .hrs-copy a::after{content:"";position:absolute;inset:0;border-radius:inherit}
html[data-hub-theme] body.hub-workspace #main .hrs-copy h3{font-family:var(--h-display)!important;font-weight:500;font-size:19px;line-height:1.2;letter-spacing:0;color:var(--h-ink);margin:0 0 6px;text-transform:none}
html[data-hub-theme] body.hub-workspace #main .hrs-copy p{font:var(--ds-body);font-size:14px;line-height:1.5;color:var(--h-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-hub-theme] body.hub-workspace #main .hrs-meta{margin-top:8px;position:relative;z-index:1}
html[data-hub-theme] body.hub-workspace #main .hrs-save{position:absolute;top:8px;right:8px;z-index:1;width:44px;height:44px;border:0;background:transparent;color:var(--h-muted)}
html[data-hub-theme] body.hub-workspace #main .hrs-save[aria-pressed="true"]{color:var(--h-accent)}
html[data-hub-theme] body.hub-workspace #main .hrs-recordings .recording-row{background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--ds-radius);box-shadow:none}
@media (max-width:720px){html[data-hub-theme] body.hub-workspace #main .hrs-page .pagehead h1{font-size:28px}html[data-hub-theme] body.hub-workspace #main .hrs-grid{grid-template-columns:1fr}html[data-hub-theme] body.hub-workspace #main .hrs-related{gap:0 18px}}
/* knows-staff-status-r1: Team progress status pill */
.onb-status{display:inline-block;padding:2px 8px;border:1px solid var(--h-line);border-radius:4px;font-size:12px;line-height:18px;white-space:nowrap;color:var(--h-muted);background:var(--h-surface)}
.onb-status.is-intake_completed{color:var(--h-ink);border-color:var(--h-ink)}
.onb-status.is-profile_done,.onb-status.is-logged_in{color:var(--h-ink)}
.onb-status.is-invite_expired,.onb-status.is-not_invited{border-style:dashed}
.onb-list summary .onb-status{margin:4px 0 2px}
html[data-hub-theme] body.hub-workspace .onb-table td.onb-td-status{text-align:left;white-space:nowrap}
html[data-hub-theme] body.hub-workspace .onb-table tbody th[scope=row]{min-width:180px}
html[data-hub-theme] body.hub-workspace .onb-team .onb-toolbar .onb-search{flex:1 1 100%}
html[data-hub-theme] body.hub-workspace .onb-search{height:auto;min-height:44px}
html[data-hub-theme] body.hub-workspace .onb-search input{height:42px;min-height:0;border-radius:0;background:transparent}
@media(max-width:760px){html[data-hub-theme] body.hub-workspace .onb-team .onb-toolbar .onb-select{display:grid;grid-template-columns:64px minmax(0,1fr);width:100%}html[data-hub-theme] body.hub-workspace .onb-team .onb-list{border-top:0}}