/* ==========================================================================
   hub.css — "Room to Breathe" base look for the signed-in VVT Hub (RTB base, app v101, SIMPLIFIED build).
   Law: the "Room to Breathe" design law (approved by the owner 2026-09-26, "never regress from this design").

   THE RULE OF THIS FILE (owner-coordinator decision 2026-10-04): on every screen v101 may differ from v100 ONLY in
     (1) colours (dark default + light variant, selected state, the dot on .chip.is-warn),
     (2) the font FAMILY (Plus Jakarta Sans, buttons/inputs included),
     (3) the focus ring, scrollbar colours, selection colour, color-scheme,
     (4) text under 12px lifted to 12px (the generated RAMP block; elements where that would clip or wrap are left at their v100 size).
   Everything else (sizes >= 12px, paddings, gutters, margins, gaps, line-heights, letter-spacing, radii, heights, wrapping) is v100's: this file declares NONE of it.

   HOW THIS FILE STAYS INSIDE THE HUB (client-facing pages are never touched):
   - Only index.html links this file. order.html / portal.html / property.html / delivery.html / book.html / prep.html / checkin.html /
     the marketing pages load their own sheets and never load styles.css or hub.css. styles.css itself is NOT edited. The client "islands" that render
     INSIDE the Hub (.cstatus .cfd .site-page .vvt-phone-frame .tpl-card, plus the slideshow, reel and photo lightbox) keep styles.css's look: the ISLANDS block
     at the end re-pins every token this file moves, with zero specificity (:where), and every generated rule is scoped :not(:where(<islands>) *).
   - Everything is wrapped in @media screen, so printing still uses styles.css's own print rules.
   ========================================================================== */
/* The Hub's face: Plus Jakarta Sans (the same file styles.css already ships for the client forms), with its VERTICAL metrics set to Inter's (ascent 96.875%, descent 24.121%, no line gap).
   Why: a font's vertical metrics decide where its glyphs sit inside a line box and how tall `line-height: normal` is. Jakarta's are larger and lopsided, so with its own metrics every tight
   box with overflow hidden (the rail labels, chips, pills) cuts descenders and every control with a normal line-height grows 1-3px. With Inter's metrics the text sits exactly where it sat in v100.
   size-adjust is NOT used: the letters are drawn at their true size. A separate family name keeps the client islands (which read 'Plus Jakarta Sans' as --cf-font) on the original face. */
@font-face { font-family: 'Plus Jakarta Sans Hub'; src: url('assets/plus-jakarta-var.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; ascent-override: 96.875%; descent-override: 24.121%; line-gap-override: 0%; }
@media screen {
/* ---------- 1. Tokens, theme-independent: the font, and the one 11px token ---------- */
:root {
  --font: 'Plus Jakarta Sans Hub', 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --font-serif: var(--font);   /* titles are Jakarta now; the client islands re-pin the original Fraunces (end of file) */
  --fs-micro: 12px;            /* styles.css's only token under 12px (11px); every other size token keeps its v100 value */
}

/* ---------- 2. Tokens, DARK (the default) ---------- */
html[data-theme="dark"] {
  --bg: #0d0d0d;
  --bg-2: #111113;
  --panel: #151517;
  --card: #1e1e21;
  --raised: #2a2a2e;
  --subtle: #1a1a1d;
  --hover: #222226;
  --border: rgba(255, 255, 255, .10);          /* law --line */
  --border-strong: rgba(255, 255, 255, .20);
  --divider: rgba(255, 255, 255, .07);
  --text: #ffffff;
  --text-soft: var(--muted);
  --muted: #b3b6bc;                            /* law --text-2: body, lede (9.6:1 on bg) */
  --faint: #9a9ea6;                            /* law --text-3 is #8b8f97 (5.99:1 on bg) but 4.45:1 on the unread-notification tint; one notch lighter: 7.4:1 on bg, 5.2 on --raised, still below --muted #b3b6bc */
  --rtb-text-4: #6a6e76;                       /* icons at rest, disabled, decoration: NEVER readable text */
  --accent: #67b3d5;                           /* legacy name = the law's sky (info): AA as TEXT on every dark surface (8.3:1 on bg, 6.1 on --raised); fills that carry text get near-black ink (gen: FILLS block). Steel #4492b6 is --rtb-steel (charts). Champagne = --rtb-accent consumers */
  --accent-hover: #8fc9e0;
  --accent-soft: rgba(103, 179, 213, .14);
  --accent-warm: #e6d2b1;
  --accent-warm-soft: rgba(230, 210, 177, .10);
  --gold: #e6d2b1;
  --rtb-accent: #e6d2b1;                       /* champagne: the one primary action, current nav, highlights, focus ring */
  --rtb-accent-fill: rgba(230, 210, 177, .10);
  --rtb-accent-line: rgba(230, 210, 177, .28);
  --rtb-on-accent: #0d0d0d;                    /* 13.16:1 on champagne */
  --rtb-steel: #4492b6;
  --danger: #e0796b; --danger-soft: rgba(224, 121, 107, .12); --danger-ink: #e0796b; --on-danger: #0d0d0d;
  --ok: #7fbf9a;     --ok-soft: rgba(127, 191, 154, .12);     --ok-ink: #7fbf9a;
  --warn: #e6d2b1;   --warn-soft: rgba(230, 210, 177, .10);   --warn-ink: #e6d2b1;   /* the law has no amber: "needs a look" is champagne, always with a word */
  --info: #67b3d5;   --info-soft: rgba(103, 179, 213, .12);   --info-ink: #67b3d5;
  --code-bg: #111113; --code-text: #e6e7ea;
  --ring-rgb: 230, 210, 177;
  --focus-ring: 0 0 0 2px #0d0d0d, 0 0 0 4px #e6d2b1;
  --focus-ring-soft: 0 0 0 3px rgba(230, 210, 177, .18);
  --shadow-sm: none; --shadow: none; --card-hi: none;
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, .5);   /* the one shadow in the law: a floating sheet or drawer */
  --shadow-card: none; --shadow-popover: 0 24px 64px rgba(0, 0, 0, .5); --shadow-modal: 0 24px 64px rgba(0, 0, 0, .5);
  --sidebar-bg: #0d0d0d;
  --sidebar-border: rgba(255, 255, 255, .07);
  --sidebar-text: #8b8f97;
  --sidebar-active: #e6d2b1;
  --sidebar-hover: rgba(255, 255, 255, .05);
  --sidebar-active-bg: rgba(230, 210, 177, .10);
  --ghost-border: rgba(255, 255, 255, .20);
  --tone-red-bd: rgba(224, 121, 107, .30); --tone-amber-bd: rgba(230, 210, 177, .28); --tone-green-bd: rgba(127, 191, 154, .30);
  --tone-neutral-bg: rgba(255, 255, 255, .06); --tone-neutral-bd: rgba(255, 255, 255, .10);
  --role-tint: #e6d2b1;
  /* tokens that JS/CSS read WITH a light fallback but styles.css never defined (so dark painted cream and white panels): defined here for both themes */
  --line: rgba(255, 255, 255, .10); --line-2: rgba(255, 255, 255, .07); --border-faint: rgba(255, 255, 255, .07);
  --warn-bg: var(--warn-soft); --warn-fg: var(--warn-ink); --ok-bg: var(--ok-soft); --danger-bg: var(--danger-soft);
  --accent-tint: var(--accent-soft); --tint: var(--accent-soft); --success: var(--ok-ink); --text-2: var(--muted); --text-3: var(--faint); --hover-bg: rgba(255, 255, 255, .05);
}

/* ---------- 3. Tokens, LIGHT (a deliberate variant, the law's light column) ---------- */
html[data-theme="light"] {
  --bg: #f7f6f3;
  --bg-2: #f1f0ec;
  --panel: #ffffff;
  --card: #ffffff;
  --raised: #eeede9;
  --subtle: #f7f6f3;
  --hover: #f1f0ec;
  --border: rgba(16, 24, 40, .10);
  --border-strong: rgba(16, 24, 40, .20);
  --divider: rgba(16, 24, 40, .07);
  --text: #101828;
  --muted: #475467;                            /* law --text-2 (7.7:1 on white) */
  --faint: #5c677a;                            /* law --text-3 is #667085 (4.97:1 on white); 4.45:1 on the cream warn tint, so one notch darker: 5.6:1 on white, 5.1 on the tint */
  --rtb-text-4: #98a2b3;
  --accent: #2b608f;                           /* law light steel; stays the legacy accent in the light variant */
  --accent-hover: #1e3f66;
  --accent-soft: #e8f0f6;
  --accent-warm: #7a5c2e;
  --accent-warm-soft: rgba(230, 210, 177, .30);
  --rtb-accent: #7a5c2e;                       /* champagne ink on light (6.18:1 on white) */
  --rtb-accent-fill: rgba(230, 210, 177, .30);
  --rtb-accent-line: rgba(122, 92, 46, .35);
  --rtb-accent-bg: #e6d2b1;                    /* champagne as a FILL on light (primary button); ink on it is #101828 (12.0:1) */
  --rtb-on-accent: #101828;
  --rtb-steel: #2b608f;
  --danger: #c0392b; --danger-soft: #fbeeec; --danger-ink: #b42318; --on-danger: #ffffff;
  --ok: #2f8a57;     --ok-soft: #eaf5ee;     --ok-ink: #25744b;
  --warn: #7a5c2e;   --warn-soft: rgba(230, 210, 177, .30); --warn-ink: #7a5c2e;
  --info: #2f7fa6;   --info-soft: #e8f2f7;   --info-ink: #2b608f;
  --ring-rgb: 122, 92, 46;
  --focus-ring: 0 0 0 2px #f7f6f3, 0 0 0 4px #7a5c2e;
  --focus-ring-soft: 0 0 0 3px rgba(122, 92, 46, .16);
  --shadow-sm: none; --shadow: none; --card-hi: none;
  --shadow-lg: 0 24px 64px rgba(16, 24, 40, .16);
  --shadow-card: none; --shadow-popover: 0 24px 64px rgba(16, 24, 40, .16); --shadow-modal: 0 24px 64px rgba(16, 24, 40, .16);
  --sidebar-bg: #ffffff;
  --sidebar-border: rgba(16, 24, 40, .10);
  --sidebar-text: #667085;
  --sidebar-active: #7a5c2e;
  --sidebar-hover: rgba(16, 24, 40, .05);
  --sidebar-active-bg: rgba(230, 210, 177, .30);
  --ghost-border: rgba(16, 24, 40, .20);
  --tone-red-bd: rgba(192, 57, 43, .25); --tone-amber-bd: rgba(122, 92, 46, .30); --tone-green-bd: rgba(47, 138, 87, .28);
  --tone-neutral-bg: rgba(16, 24, 40, .05); --tone-neutral-bd: rgba(16, 24, 40, .10);
  --role-tint: #7a5c2e;
  --line: rgba(16, 24, 40, .10); --line-2: rgba(16, 24, 40, .07); --border-faint: rgba(16, 24, 40, .07);
  --warn-bg: var(--warn-soft); --warn-fg: var(--warn-ink); --ok-bg: var(--ok-soft); --danger-bg: var(--danger-soft);
  --accent-tint: var(--accent-soft); --tint: var(--accent-soft); --success: var(--ok-ink); --text-2: var(--muted); --text-3: var(--faint); --hover-bg: rgba(16, 24, 40, .05);
}

/* RAMP:BEGIN — GENERATED by gen/gen-hub-ramp.mjs from styles.css (do not hand-edit; regenerate). 2122 rules set a font-size; 400 literal px values were UNDER 12px and are lifted to 12px (6 selector parts are left at their v100 size, gen/ramp-exclude.json). Every size >= 12px and every var()/em value is re-emitted UNCHANGED in its original order so the cascade between rules is exactly styles.css's. Islands excluded. */
.sched-drive:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.brand-logo:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.brand-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.brand-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.powered-by:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.demo-ribbon:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.nav-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.nav-group-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.nav-more-toggle .nav-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.nav-item span:not(.nav-ico):not(.nav-badge):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 10px; }
.nav-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.sync-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.field-conn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.install-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.view-as:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.view-as-select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 11.5px; }
.nav-arrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.view-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-page-title); }
.view-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.btn-sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.field > label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.kpi-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.kpi-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.kpi-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
table.table:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.table th:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.table-wrap.density-compact table.table:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.15; }
.table-wrap.density-compact .btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact .btn-sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact .select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact .chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact .pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact .status-select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact .svc-menu-trigger:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.1458; }
.table-wrap.density-compact .clip-mini:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact .row-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-compact .cell-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.table-wrap.density-big table.table:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.table-wrap.density-big select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-big .select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.table-wrap.density-big .btn-sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.th-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 0.8333; }
.chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3417; }
.badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.stage-band-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.stage-band-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.stage-band-of:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.jt-stage-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.jt-stage-idx:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
@media (max-width: 640px) {
select.cell-select.jt-stage-select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
}
.jt-drawer-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.jt-drawer-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.kanban-col-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.kanban-card:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.kanban-card .kc-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.kanban-card .task-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.progress-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.modal-head h3:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.modal-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.slideover-head h3:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.peek-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.peek-fact:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.health-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sa-big:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.sa-stat-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.sa-stat-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sa-card-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.sa-media-play:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.sa-media-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.sa-city:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.sa-source:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.sa-source-clicks:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sa-insight-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.sa-insight-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.sa-lead-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.sa-lead-contact:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sa-lead-when:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.sa-lead-msg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.mkit-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.mkit-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.mkit-card-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.mkit-ta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.mkit-more > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.mkit-section-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.toast:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.toast-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.empty-state .es-icon:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.empty-state .es-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 32px; }
.empty-state p:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.doc-cat:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.doc-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.doc-item .doc-pin:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.editor-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.md-editor:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.seg button:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.login-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.login-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.login-err:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.login-foot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.wall-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.wall-escape:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.record-reach:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.markdown-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.markdown-body h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.markdown-body h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.markdown-body h3:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.markdown-body code:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.bar-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.bar-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.list-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.list-row .muted:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.mono:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.settings-rail-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.settings-rail-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.16; }
.settings-elsewhere-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.settings-elsewhere-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
pre.code-snippet:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
#mobile-topbar .mt-burger:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
#mobile-topbar .mt-search:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
#mobile-topbar .mt-search:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
#mobile-topbar .mt-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
@media (max-width: 860px) {
.nav-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
}
.ring-center:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.goal-meta .goal-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.goal-meta .goal-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.goal-meta .goal-of:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.goal-pace:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cal-toolbar .cal-month:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.cal-dow > div:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cal-daynum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cal-event:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.2833; }
.cal-more:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.cal-empty-day:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cal-wx:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.bar-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
@media (max-width: 860px) {
.cal-dow > div:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.cal-daynum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.cal-event:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
}
.sidebar-search:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qs-mag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.qs-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.qs-esc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.qs-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qs-group:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.qs-kbd:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.qs-type:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.qs-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.qs-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
@media (max-width: 480px) {
.qs-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
}
.role-email:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.role-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.cmt-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cmt-author:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.cmt-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cmt-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.collapse-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.collapse-chevron:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.login-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.fin-table:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.fin-table th:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.fin-month .fin-mlabel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.fin-month .fin-mprofit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.fin-legend:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.labor-line .ll-cost:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cost-summary .cs-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cost-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3417; }
.brand-field > label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.brand-field .asset-open:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.brand-subhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.brand-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3896; }
.social-table:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.social-table th:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.script-row .script-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.retainer-card .rc-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.retainer-card .rc-company:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.retainer-card .rc-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-prog-head .svc-prog-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-step .svc-step-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.svc-bar .svc-bar-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.prod-pipeline .pp-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.prod-pipeline .pp-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.prod-pipeline .pp-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.qa-factor .qa-factor-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qa-score .qa-score-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.gift-row .gift-date:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.bday-row .bday-when:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.journey-step .journey-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.journey-step .journey-date:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.consult-prep .cp-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.cp-stat .cp-stat-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.cp-section .cp-section-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sales-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.sales-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.wizard-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.wizard-step-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.wizard-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.wizard-prompt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.wizard-tip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.script-block .script-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.copy-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.objection-card .obj-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.obj-script .obj-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.obj-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.calc-cell .calc-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.calc-cell .calc-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.calc-cell .calc-over:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.upsell-node .upsell-trigger:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.upsell-branch:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3417; }
.qref-row .qref-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.qref-row .qref-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.qlink-tier:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.qlink-rec:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qlink-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.report-preview:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
@media (max-width: 480px) {
.wizard-step-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
}
.today-shoot-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.today-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.today-collapse > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.today-collapse > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::after { font-size: var(--fs-md); }
.view-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.kpi-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.list-row .muted:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.help-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.help-btn span:not(.help-q):not(.notif-bell-badge):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.help-btn .help-q:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.empty-state .es-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 30px; }
.empty-state .es-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.empty-state .es-msg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.shortcut-table td:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.sc-kbd:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.help-tip kbd:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.help-tip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.welcome-wave:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 38px; }
.welcome-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 23px; }
.welcome-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.welcome-lead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.welcome-card .wc-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
.welcome-card .wc-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.welcome-card .wc-desc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.welcome-add:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.quick-add-fab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-display); }
.voice-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.bug-fab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.fab-dial-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.bugpick-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.bugpick-banner:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.bugpick-skip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.bugrep-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.bugrep-pin:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.bugrep-where:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.bugrep-where .bugrep-tech:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4854; }
.qa-item .qa-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.qa-item .qa-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.qa-item .qa-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.qn-chosen:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qn-opt .qn-opt-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qn-opt .qn-opt-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.qn-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.linkpick-chosen:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
@media (max-width: 640px) {
.quick-add-fab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 30px; }
.input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.cell-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.qs-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.chat-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.view-as-select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.modal-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
}
@media (max-width: 400px) {
.kpi-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
}
.crumb:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.subtab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.audience-opt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.shotlist-rule:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.shotlist-zone:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.shot-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.shot-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.shot-core:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.shot-example:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.range-preset:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.range-custom .input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.range-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.delta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.shot-detail:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.icon-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.shotlist-foot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jobshots-progress:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.js-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.js-detail:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.improve-score:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.improve-of:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.improve-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.improve-arrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.improve-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.improve-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.growth-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.growth-chip-k:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.growth-group-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.growth-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.growth-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.growth-by:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.growth-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.growth-ai-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.growth-ai-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.growth-summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.review-fchip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.review-thumb-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 38px; }
.review-thumb-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.review-card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.review-err:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.review-play:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.review-tc-wrap:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.review-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.review-panel-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.review-tcchip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.review-cby:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.review-cago:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.review-ctext:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.review-resolve:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.review-replybtn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.review-capture:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.review-tool:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.review-hasdraw:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.review-clientbadge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.review-brandline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.review-empty-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 30px; }
.review-client .review-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.review-client .review-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.review-client .review-compose .btn-primary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.review-client .review-drawtoggle:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.review-client .review-tcchip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.nav-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.5; }
.chat-rail-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.chat-ch:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.chat-ch-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.chat-ch-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.chat-ch-grip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.chat-orphan-banner:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-rail-search-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.chat-rail-organize-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.chat-organize-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-organize-sort:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-organize-toggle:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-organize-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-head-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.chat-status:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.chat-av:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-author:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.chat-role:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.chat-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-quote:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.chat-msg-reply:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-replybar:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-reply-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
@media (max-width: 640px) {
.chat-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
}
@media (max-width: 760px) {
.m-convo .chat-back-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
}
.chat-msg-act:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-scope-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.chat-scope-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.chat-scope-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-scope-open:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-board-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.chat-board-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-board-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.chat-board-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.chat-board-agent:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-board-svc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.chat-board-flag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.chat-board-cta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-board-divider span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.chat-panel-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.chat-panel-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-panel-tab-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.chat-panel-pin-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-panel-pin-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-panel-media-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.chat-panel-media-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.125; }
.chat-panel-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-panel-link-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.chat-panel-link-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-panel-link-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-thisjob-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.chat-thisjob-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-jobcard-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.chat-jobcard-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-jobcard-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.chat-file:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-react:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-tool:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.chat-pending:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.emoji-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.chat-word-react-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-pend-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-thread-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-thread-avs .chat-av:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.chat-thread-title strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.chat-thread-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-thread-divider:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.field-wrap.field-sun:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.field-wrap.field-sun .field-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 25px; }
.field-wrap.field-sun .field-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.field-wrap.field-sun .field-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.field-wrap.field-sun .btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.field-wrap.field-sun .field-svc-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.field-pick-date:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.field-pick-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.field-date-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.field-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
.field-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.field-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.field-access-code:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.field-raws-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.field-raws-open:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.field-finish-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.field-overall:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.field-svc-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.field-svc-cmt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
@media (max-width: 760px) {
.field-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.field-svc-sel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
}
.cond-readout:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cond-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cd-dow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cd-emoji:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.cd-hi:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.cd-lo:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cd-rain:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.cond-dayline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cond-dayline .muted:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cond-tip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cond-fly:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.notif-bell-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.notif-subhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.notif-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.notif-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.notif-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.notif-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.notif-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.notif-snoozed-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.notif-snoozed-inline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.notif-sticky-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.chip-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.snippet-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.snippet-cat:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.snippet-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.toast-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.age-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.rank-medal:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.ta-lens-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.ta-lens-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.ta-lens-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.ta-lens-blurb:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.ta-lens-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.ta-lens-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.ta-lens-act:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.ta-rank:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.ta-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.ta-broker:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.ta-rev:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.ta-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.ta-scoren:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.ta-recency:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.ta-flag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.ta-broker-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.ta-broker-rev:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.ta-broker-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.ta-broker-names:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.ta-broker-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.2938; }
.ta-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3417; }
.inc-vendor:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.inc-what:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.inc-when:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.inc-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.ou-field:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.bestclient-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.bestclient-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.bestclient-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.tier-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.legend-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.legend-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.legend-desc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.reflink-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.faq-section-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.faq-q:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.faq-cat:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.faq-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.faq-a:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.faq-pending:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qa-role-who:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.qa-rolecard-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.qa-chain-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.qa-crit-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.soc-section-head .faint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.soc-sub-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.soc-trend-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.soc-trend-month:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.soc-plat-stat:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.soc-stage-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.soc-row-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.soc-row-when:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.soc-caption-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.soc-caption-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.soc-brief:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.inc-hero-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.inc-hero-rank:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.inc-hero-pts:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 30px; }
.inc-hero-lbl:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.inc-lb-row-top .inc-rank:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.inc-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.inc-you:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.inc-badge-mini:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.inc-pts:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.inc-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.inc-kudo-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.inc-kudo-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.inc-kudo-pts:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.inc-kudo-date:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.inc-legend-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.inc-legend-pts:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.inc-person-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.inc-bd-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.inc-stat-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.inc-stat-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pl-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.pl-stats:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.pl-col-sum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.pl-section-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.pl-template-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.pl-template-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cc-section-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cc-section-head .faint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cc-prompt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cc-trend-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.cc-trend-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cc-trend-avg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cc-card-person:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.cc-score:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cc-card-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cc-analysis:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.dwx-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.4667; }
.dwx-resize:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chart-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chart-colval:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.chart-xlbl:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.chart-legrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chart-number:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 30px; }
.sec-shell-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.sec-caret:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.sec-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.dw-tpl-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.dw-tpl-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.dw-tpl-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.dw-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.dw-title-go:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.dw-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.dw-big:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.dw-stat-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.dw-li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.dw-rank:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.dw-cat-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.dw-cat-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.dw-cat-preview:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.dw-cat-preview .dw-big:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.dw-cat-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.faq-ai-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.faq-ai-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.ai-gen-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.ai-gen-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.pulse-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.pulse-pill .pulse-ic:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.tag-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.tag-chip .tag-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 0.9167; }
.bulk-bar .bulk-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.views-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.view-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.view-chip-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.books-sec-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.books-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.books-grandtotal:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.books-tb td:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.books-drill td:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.field-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.ar-bar-lbl:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.ar-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.ar-table td:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.earn-dot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.earn-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.earn-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3417; }
.earn-date:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.grow-play-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.grow-earn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.grow-what:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.grow-pitch:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.grow-earn-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.grow-earn-chip strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.grow-earn-chip .muted:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.grow-score-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cov-txt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.cov-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.wins-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.win-emoji:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.win-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.win-react:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.win-react-opt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.win-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.milestone-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.intg-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.intg-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.intg-blurb:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.intg-status:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.pl-idle:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pl-next:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.2938; }
.pl-needstep:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pl-nudge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.prep-facts:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.prep-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.prep-svc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.prep-list li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.act-day:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.act-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.act-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.act-when:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.act-person-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.copyable-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.help-section-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.setup-check:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.setup-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.setup-done-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.accent-reset:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.call-dir-stat:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sched-grid thead th:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sched-block:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sched-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.sched-block-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.sched-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.nav-sc-add:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.nav-sc-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.2942; }
.nav-sc-cat:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.nav-sc-item .nav-sc-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.snip-opt-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.snip-opt-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.snip-dd-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.mention-av:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.mention-opt-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.mention-opt-role:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.ts-day-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.ts-day-d:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.ts-day-hrs:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.sched-off:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.sched-busy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.tss-hero-kicker:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.tss-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-display); }
.tss-hero-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.tss-stat-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.tss-stat-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 30px; }
.tss-stat-delta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.tss-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.tss-badge-emoji:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.tss-ba-col:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.tss-ba-when:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.tss-ba-arrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.tss-funnel > div:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.tss-funnel strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.tss-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
@media (max-width: 560px) {
.tss-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.tss-stat-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
}
.chat-day-divider span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
@media (max-width: 480px) {
.kpi-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
}
@media (max-width: 560px) {
.table:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
}
.ch-presented:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.mkt-tile-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.mkt-flabel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.mkt-full-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cin-brand:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.cin-step:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cin-intro-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.cin-num-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 52px; }
.cin-num-unit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.cin-num-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.cin-step-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.cin-honest:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.cin-tile-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.cin-tile-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.cin-none:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.cin-chip-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.cin-chip-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cin-textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.cin-skip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.cin-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.aig-trust-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.aig-trust-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.aig-trust-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.aig-steps-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.aig-step-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.aig-step-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.aig-step-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.aig-step-tap:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.aig-step-skip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.aig-done-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.aig-done-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.aig-revoke:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4854; }
.aig-cta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.aig-foot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.site-hero-brand:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.site-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(26px, 5vw, 44px); }
.site-hero-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.site-fact-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.site-fact-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.site-h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.site-detail-k:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.site-detail-v:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.site-desc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.site-hl:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.site-cta-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.qr-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.site-agent-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
.site-agent-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.site-agent-lic:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.site-footer:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.sh-status:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.sh-dom:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sh-street:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(20px,3.4vw,28px); }
.sh-city:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.sh-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(28px,5vw,40px); }
.sh-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.sh-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.site-agent-eyebrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.site-tpl--editorial .site-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.site-tpl--boutique .site-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-display); }
.site-tpl--editorial .site-hero-street:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.site-tpl--editorial .site-hero-brand:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.site-tpl--boutique .site-hero-brand:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-eyebrow); }
.site-tpl--editorial .site-h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.site-tpl--boutique .site-h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-eyebrow); }
.site-tpl--editorial .site-desc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.site-tpl--boutique .site-desc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-body); }
.site-gallery-viewall:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.site-tpl--editorial .site-desc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::first-letter { font-size: 3em; }
.site-nav-brand:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.site-nav-menu:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.site-nav-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.site-nav-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(22px, 4vw, 36px); }
.site-nav-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.site-doc-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.site-oh-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.site-fp-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.site-music-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.site-music-ic:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.site-tpl--cinema .site-h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-eyebrow); }
.site-tpl--cinema .site-desc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-body); }
.site-cinema-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.site-tpl--press .site-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-display); }
.site-tpl--press .site-h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-h2); }
.site-tpl--press .site-desc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-body); }
.site-mediarow-t:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(30px, 5.4vw, 68px); }
.site-mediarow-v:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.site-tpl--press .site-cta .site-h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.site-tpl--press .site-inquiry .site-h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(48px, 10vw, 120px); }
.site-tpl--rail .site-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-display); }
.site-tpl--rail .site-h2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--site-fs-eyebrow); }
@media (min-width: 1024px) {
.site-rail-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
}
@media (max-width: 1023px) {
.site-rail-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
}
.site-rail-wordmark:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.site-rail-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.site-tplcard-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.site-tplcard-b:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.1917; }
.site-foot-eho:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.site-stickybar-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.site-stickybar-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.site-walk-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.site-walk-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.site-nearby-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.site-subh:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.site-school-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.site-school-m:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.site-walk-est:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.ps-open-street:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(30px, 6vw, 58px); }
.ps-open-city:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(15px, 2.2vw, 20px); }
.ps-open-credit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.site-inquiry-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.site-inquiry-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.site-verify-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.site-gate-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.site-gate-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.site-livepill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.mm-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.dg-caret:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.dg-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.dg-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.dg-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.dg-sec-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.dg-howto li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.dg-qc li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.dg-watch li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.dg-examples-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.dg-examples-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.dg-standard-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.dg-standard-purpose:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.dg-standard-fact:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.dg-standard-moments-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.dg-standard-moments li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.qc-check:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qc-strip-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.qc-ring-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.qc-sound:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.qc-sec-cleared:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.qc-sec-sev:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.clp-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3417; }
.qc-brief-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.qc-brief-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.qc-brief-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.qc-verdict:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qc-score:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 54px; }
.qc-gate-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.qc-stat-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.qc-stat-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.qc-ai > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.qc-examples-toggle > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.qc-gate-worklink:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.qa-teach-cta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.mm-embed-poster:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.mm-linkchip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.mm-media-fail:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.mm-link-del:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.mm-kind:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.mm-del:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.mm-node-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.mm-node-body--rec:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.mm-pick-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cal-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.cal-dow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cal-day:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cal-task:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cal-more:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.cal-more-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cal-nodate-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
@media (max-width: 560px) {
.cal-task-t:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
}
.tl-axis-day:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.tl-row-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.tl-bar:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
@media (max-width: 640px) {
.tl-row-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
}
.fw-welcome:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.cl-card-co:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cl-stat-v:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.cl-stat-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.cl-card-contact:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.mkt-seg-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
@media (max-width: 640px) {
.site-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(24px, 8vw, 34px); }
}
.guide-intro:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.guide-rf-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.guide-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.guide-cat-ic:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.guide-cat-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.guide-cat-blurb:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.guide-cat-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.guide-cat-chev:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.guide-coverage:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.guide-coverage-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cov-head-pct:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-hero); }
.cov-head-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.cov-head-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.cov-dim-ic:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.cov-dim-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.cov-dim-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cov-dim-pct:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.cov-gap-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.cov-fix-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cov-dim-allok:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cnotes-preview:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cnotes-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cnotes-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cnotes-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.cscript-philosophy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cscript-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cscript-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.cscript-goal:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.cscript-chev:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.cscript-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.cscript-line-t:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cscript-listen li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.cscript-tip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.cscript-obj-q:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cscript-obj-a:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.guide-feat-ic:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.guide-feat-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.guide-feat-what:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.guide-feat-chev:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.guide-feat-where:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.guide-feat-how li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.guide-role-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.guide-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.mkt-sticker-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.mkt-photo-thumb:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.su-live:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.su-clock:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.su-exit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.su-kicker:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(15px, 2.4vw, 26px); }
.su-big:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(64px, 17vw, 220px); }
.su-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(16px, 2.6vw, 30px); }
.su-bench:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(13px, 1.8vw, 19px); }
.su-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(14px, 1.8vw, 20px); }
.su-list li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(15px, 2vw, 22px); }
.su-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.bm-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.sop-signoff-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.sop-signoff-me:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.rec-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.rec-line strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.rec-verdict:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.rec-hist:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.proof-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.proof-warn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.snap-for:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.snap-agent:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.snap-broker:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.snap-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.snap-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.snap-big:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-hero); }
.snap-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.snap-stat-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.snap-recent-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.snap-recent-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.snap-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.omx-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.omx-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.omx-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.omx-section-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.omx-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.omx-from:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.omx-status:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.omx-row-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.omx-qr-cap:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.omx-stat-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.omx-stat--last .omx-stat-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.omx-stat-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.omx-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.ob-card .ob-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.ob-who:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.ob-kind:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.ob-prev:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.pack-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pack-safe:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.sw-pct:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sw-fast-t:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.sw-fast-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sw-row-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.sw-opt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.sw-card-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.sw-card-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.hq-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.hq-card-t:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.hq-card-s:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.hq-card-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.refw-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.refw-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.refw-section-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.refw-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.refw-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.refw-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.refw-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.si-grade:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.si-grade--na:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.si-index:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.si-index-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.si-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.si-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.si-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.si-band:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-mast-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.order-mast-credit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-rail-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-eyebrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-ghost-no:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(80px, 15vw, 150px); }
.order-step-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(32px, 6vw, 54px); }
.order-step-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.order-optional:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.order-input.sqft-lg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.order-sqft-unit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-err:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-concierge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.order-prefill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-sugg-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.order-attrib:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(42px, 8.2vw, 82px); }
.order-hero-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(15px, 2vw, 17px); }
.order-fine:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-logos-kicker:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.order-btn.xl:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.order-back:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-vision-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
.order-vision-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-wb-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(19px, 2.4vw, 24px); }
.order-wb-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-play:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.order-pkg-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-pkg-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(24px, 3vw, 30px); }
.order-pkg-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-pkg-inc-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-pkg-selmark:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-pkg-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 27px; }
.order-price-from:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
@media (min-width: 860px) {
.order-pkg-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.order-pkg-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(28px, 3vw, 38px); }
}
.order-addon-see:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-addon-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.order-addon-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-addon-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.order-addon-price-fine:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-add-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-add-btn.sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-covered:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.order-qty-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.order-qty-unit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-seg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-included-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-included-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-more-sum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-more-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.order-more-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-nudge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-receipt-kicker:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-receipt-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.order-receipt-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-receipt-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-receipt-addontag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.order-receipt-total:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.order-receipt-totalnum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 31px; }
.order-ribbon-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-ribbon-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-ribbon-total:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 27px; }
.order-affirm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-lightbox-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
.order-lightbox-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.order-lb-fig figcaption:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-lb-cap:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-benefit-hook:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18.5px; }
.order-benefit-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-benefit-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-benefit-src:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-benefit-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-done-mark:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-hero); }
.order-payment-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-identity:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-identity-privacy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-policy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-cred:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-change:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-pkg-delta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-fries:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.order-done-email:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-timeline-node:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-done-offer:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-done-offer-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.order-photog:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-photog-initial:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-cal-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-cal-dow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.order-cal-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.order-slot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-slot-summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-pkg-bestfor:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-upgrade-kick:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-upgrade-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-upgrade-proof:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-upgrade-proofsrc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-btn.sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-guide-q:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.order-guide-opt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.order-guide-reco-kick:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-guide-reco-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-display); }
.order-guide-reco-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.order-guide-reco-alt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-compare-rec:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.order-compare-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
.order-compare-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.order-compare-best:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-compare-inc li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-brandcard-eyebrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-brandcard-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.order-brandcard-lede:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-brandtier-reels:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-brandtier-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.order-brandtier-mark:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-brandcard-collabel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-brandcard-list li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-brandcard-scent:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-ss-eyebrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-ss-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
.order-ss-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-portal-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.coaching-kb .kb-card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.coaching-kb .kb-hook:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.coaching-kb .kb-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.coaching-kb .kb-stat:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.coaching-kb .kb-source:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.coaching-kb .kb-say:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.coaching-kb .kb-fulltool code:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-lpkgs-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-lpkg-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.order-lpkg-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 21px; }
.order-lpkg-best:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-lpkg-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.order-lpkg-cta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-affirm-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.order-pkg-goalchip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.order-ribbon-ahead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-receipt-echo:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-trust-tick:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-sheet-hook:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.order-sheet-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-sheet-in:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-sheet-walkhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-walk-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.order-walk-hook:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-walk-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-ba-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.order-ba-room:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-addon-details:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-own-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-own-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-moment-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.order-moment-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-pkg-inc-plus:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.order-pkg-facts:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-proofchip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.order-cmp-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-cmp-rowhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-cmp-colname:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.order-cmp-colprice:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.order-cmp-colrec:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.order-cmp-teasercell:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-slots-left:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-adjacent:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3896; }
@media (max-width: 640px) {
.order-ribbon-total:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.order-ribbon-cta:not(.empty):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
}
.order-hero.compact .order-hero-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(34px, 6vw, 62px); }
.order-ribbon-cta:not(.empty):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.order-brandcard.spotlight .order-brandcard-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(24px, 3.4vw, 34px); }
.order-preview-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-forwhom-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.order-forwhom-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.order-hero-greet:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: clamp(15px, 2vw, 18px); }
.job-team-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.job-team-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.tss-pulse-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.tss-pulse-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.tss-pulse-rag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.tss-pulse-quota-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.tss-pulse-counter-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.tss-pulse-counter-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.tss-pulse-rag-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.tss-pulse-streak:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.qs-ask-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.qs-ask-a:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.qs-ask-p:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.qs-ask-src:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.cond-impact-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.pp-batch-deliver:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pp-batch-ring-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.pp-batch-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.pp-batch-date:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pp-col-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pp-col-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.pp-card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.pp-card-svc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.pp-card-addon-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.pp-card-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pp-card-brief:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pp-act:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.review-filechip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.review-filechip-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.tm-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.tm-who:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jarvis-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jarvis-chip-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.broll-card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.broll-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.pt-listing-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.pt-listing-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.call-fab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.ls-sect:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.jarvis-chip-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-gutter-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.chat-day-divider span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.chat-new-divider span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.chat-bot-av:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-bot-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-bot-sum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-bot-caret:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-bot-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-cutcard-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-cutcard-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-cutcard-open:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-note-eyebrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.chat-note-who:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-note-tc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-note-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-note-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.chat-note-jump:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-activity-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-activity-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-composer-toolbar .chat-tool:not(.chat-tool--pill):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.chat-composer-toolbar .chat-tool--fmt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.chat-composer-toolbar .chat-tool--plus:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
.chat-composer-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.chat-composer-toolbar .chat-send:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.chat-tool--pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-quick-reply:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.chat-msg-act--emoji:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.chat-msg-act--reply:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-thread-ghost:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.emoji-pop-edit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.chat-tool--gif:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.chat-voice-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.chat-rec-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-ghost-react:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.svc-menu-trigger:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-exp-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-exp-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.svc-menu-caret:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.svc-menu-pick:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.svc-menu-thread:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.svc-thread-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.svc-thread-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-tool--plus:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.chat-plus-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.chat-plus-txt > span:first-child:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-plus-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.pp-act--add:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.focus-stat-v:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.focus-stat-l:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.focus-stat-s:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.myday-hour:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.myday-busy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.myday-block-t:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.myday-block-r:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.myday-hitring:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.myday-fun:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.myday-tip-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.pay-statement:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.skills-drop:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.fri-headline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
@media (min-width: 861px) {
.fri-headline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
}
.fri-row-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.fri-row-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.fri-more:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.fri-composer .textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.fri-disclosure:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.2833; }
.fri-thread-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.coach-item-ico:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.setter-drop:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-countline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.vpr-presence:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.vpr-latebanner:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-fchip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-fchip-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.vpr-counter-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.vpr-counter-lbl:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-view-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.vpr-samejobs:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.vpr-justyou:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-band-step:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.vpr-band-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-row-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.vpr-row-ver:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.vpr-row-flag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-extra-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-row-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-review-step:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.vpr-field-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.vpr-field-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.vpr-field-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.vpr-due:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.vpr-due-date:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.vpr-row-action:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.vpr-lane-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-card-ver:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.vpr-card-timer:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-card-flag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.vpr-card-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.vpr-card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-card-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3896; }
.vpr-display-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.vpr-display-subtitle:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.vpr-display-glabel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-display-optlabel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.vpr-display-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.vpr-display-savedline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.vpr-team-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.vpr-stages-warn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3896; }
.vpr-stage-nameinput:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.vpr-stage-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.vpr-esc-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-cut-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
.vpr-cut-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-stage-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-player-empty-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.vpr-player-empty-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.vpr-tc-wrap:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.vpr-notefilter:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.vpr-note-tc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-note-clientbadge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.vpr-note-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.vpr-note-replyinput:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.vpr-side-person-role:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.vpr-side-person-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.vpr-side-raws--empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.vpr-side-raws-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.vpr-side-raws-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.vpr-side-prefs-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-side-prefs-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.vpr-side-shooter-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-side-shooter-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.vpr-side-versions-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-side-version-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.vpr-side-version-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.vpr-side-version-state:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.vpr-side-hours-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.vpr-side-hours-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
@media (max-width: 860px) {
#tabbar .tb-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
}
.chat-receipt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.0533; }
.chat-pinbar:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-pinbar-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-pinbar-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.chat-author:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.chat-ch:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-rail-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-ch-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.4167; }
.chat-status:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-gutter-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-jobcard-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-file:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-thread-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-bot-sum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-thread-title strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.chat-new-divider span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-thread-avs .chat-av:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 0.9167; }
.emoji-pop-edit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-role:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.chat-ghost-react:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-ghost-row .chat-thread-ghost:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.chat-ghost-row .chat-ghost-pin:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.chat-react:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
@media (max-width: 760px) {
.chat-head-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
}
.jt-table-wrap table.table thead th .btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.2375; }
.jt-table-wrap table.table tr.group-head > td:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.jt-table-wrap .jt-addr-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.jt-board .kanban-col-head .stage-band-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.jt-board .kanban-col-head .kcol-sum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.jt-board .kanban-col-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.jt-board .kanban-card:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.jt-board .kanban-card .kc-client:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.jt-board .kanban-card .kc-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jt-board .kanban-card .kc-facts:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
select.cell-select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
@media (max-width: 640px) {
select.cell-select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.jt-table-wrap.density-compact select.cell-select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.jt-table-wrap.density-big select.cell-select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
}
.jt-table-wrap table.table th:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
@media (max-width: 640px) {
.jt-view .view-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.jt-view .view-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
}
.tk-bucket-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.tk-col-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.tk-col-more:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.kanban-card.tk-card .kc-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.tk-asg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.tk-due:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.kanban-card.tk-card .task-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.kanban-card.tk-card .tk-action:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-daynum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.1; }
.calview .cal-dow > div:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-dowcount:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-cell:not(.cal-cell-week).today .cal-daynum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-event--dense .cal-ev-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-event--dense .cal-ev-street:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-ev-top .cal-ev-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-event:not(.cal-event--dense) .cal-ev-street:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.2375; }
.calview .cal-ev-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); }
.calview .cal-more:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-wx:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .sched-off:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .sched-busy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.2375; }
.calview .cal-daytime:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.calview .cal-dayaddr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-body); }
.calview .cal-daywho:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.calview .cal-lane-who:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.calview .cal-lane-load:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.2375; }
.calview .cal-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
@media (max-width: 700px) {
.calview .cal-cell-week > .cal-daynum:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
}
.calview .cal-hourgrid-topbar:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.calview .cal-hourgrid-topbar .muted-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.calview .cal-hlane-head-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.calview .cal-hlane-head-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.calview .cal-hlane-head-worth:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.calview .cal-hour-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.calview .cal-hblock-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.calview .cal-hblock-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.calview .cal-hblock-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.calview .cal-hblock--compact .cal-hblock-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.calview .cal-hblock--compact .cal-hblock-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.calview .cal-hblock--compact .cal-ev-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 10.5px; }
.calview .cal-side-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.calview .cal-side-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.calview .cal-side-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.calview .cal-side-stat-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.calview .cal-side-stat-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.calview .cal-unsched-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.calview .cal-unsched-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.calview .cal-due-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.calview .cal-due-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.calview .cal-due-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.calview .cal-next-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.calview .cal-next-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.calview .cal-next-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.calview .cal-ahead-dow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.calview .cal-ahead-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.today-section-head h3.card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.today-group > h3.card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.today-shoot-svc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 11px; }
.today-shoot-drive:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.today-shoot-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.today-shoot-time .today-shoot-ampm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.2375; }
.jarvis-brief-head .card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.today-counter-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.today-counter-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.floor-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.floor-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.floor-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.today-queue-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.today-customize-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.today-proto .today-counter-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.lad-who-k:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.lad-selfnote:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-selfname:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.lad-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-h1); }
.lad-headline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.lad-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-blurb:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-banner:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-crit-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-crit-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-crit-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-actual:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.lad-target:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-disc > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-disc-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-comp-k:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-comp-v:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-lg); }
.lad-comp-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-comp-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-owner-k:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-owner-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-pip-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-md); }
.lad-pip-dates:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-pip-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-pip-score:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-pip-foot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-pick-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-pick-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-err:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-row-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-row-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-row-score:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-ready-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-setup > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.lad-refused > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-setup-warn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-setup-track > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-setup-lvhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-setup-manual:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-setup-engine:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-refused-sig:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.lad-refused-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.lad-refused-build:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-micro); line-height: 1.375; }
.lad-hold > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.cal-event--dead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::after { font-size: var(--fs-micro); line-height: 1.375; }
#mobile-topbar .mt-bell .notif-bell-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 0.875; }
.stage-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.jm-onsite:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jm-onsite-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.jm-face-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.jm-stuck:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jm-pay-headline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.jm-strip-seg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.jm-pop:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.jm-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jm-aftercare .jm-care:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.friday-dark:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.fd-logo:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.fd-status:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.fd-askanywhere:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.fd-askanywhere kbd:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1092; }
.fd-talkbtn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.fd-seg-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.fd-seg-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.005; }
.fd-h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 28px; }
.fd-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.fd-msg-out-bubble:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.fd-answer-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.fd-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.fd-answer-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.fd-numchip b:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.fd-numchip span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.fd-action-kind:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.fd-action-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.fd-action-row .k:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.fd-action-row .v:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.fd-btn-primary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.fd-btn-ghost:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.fd-cites-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.fd-cite-kind:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.fd-cite-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.fd-cite-stamp:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.fd-miss-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.fd-btn-champagne:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.fd-follow-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.fd-composer textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.fd-sidebar-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.fd-sidebar-txt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.fd-sidebar-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.fd-sidebar-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4858; }
.fd-gap-mark:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.fd-gap-txt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.fd-finding-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.fd-finding-tone:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.fd-finding-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.fd-finding-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.fd-score-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.fd-score-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.fd-beat-t:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.fd-beat-glyph:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.fd-beat-kind:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.fd-beat-quote:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.fd-brain-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.fd-brain-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.fd-brain-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.fd-brain-pending:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.fd-voice-state:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
.fd-voice-caption:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.fd-voice-reply:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.fd-voice-full-caption:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.fd-voice-full-reply:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.fd-cmdk-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.inbox-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.inbox-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.inbox-cleared-today:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.inbox-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.inbox-group-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.inbox-group-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.inbox-row-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.inbox-row-source:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.inbox-row-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.inbox-row-job:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.inbox-row-flag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.inbox-row-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.inbox-empty-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.inbox-empty-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.bk-shell:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.bk-mark:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.bk-rail-step:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.bk-step-head h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 28px; }
.bk-affirm-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.bk-step-head .bk-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.bk-field-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.bk-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.bk-panel-info:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bk-card-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.bk-card-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.bk-card-mins:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.bk-lines li:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.bk-total:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.bk-terms-disclosure:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.bk-rail-agent:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.bk-rail-mode:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.bk-card-see:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.bk-card-includes:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.bk-byo-group-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.bk-owned-list:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.bk-section-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bk-best-fit-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.bk-sheet-backdrop:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.bk-sheet-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.bk-sheet-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.bk-sheet-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
.bk-sheet-blurb:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.bk-offer-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.bk-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bk-required-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.bk-contact-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bk-cal-dow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.bk-cal-cell:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.bk-cal-legend:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.bk-day-heading:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bk-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bk-crew-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bk-bubble:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.bk-sugg-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.bk-prefill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.bk-sheet-pair-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.bk-sheet-media-none:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
@media (max-width: 640px) {
.bk-cal-cell:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
}
.bookstaff-intel > div:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bookstaff-override-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.bookstaff-pre:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.mono:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jt-addr .jt-tonomo-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
@media (max-width: 700px) {
.view-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.kpi-value:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.jt-table-wrap table.table tbody tr.cv-row > td.jt-col-shoot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.jt-table-wrap table.table tbody tr.cv-row > td.jt-col-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-meta); }
.jt-table-wrap .jt-addr-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
.chat-msg .chat-msg-act:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption); }
}
#actas-banner.actas-banner:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption, 13px); }
.acct-menu-me:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.acct-menu-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.acct-menu-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: var(--fs-caption, 13px); }
@media (max-width: 700px) {
#actas-banner.actas-banner:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
}
.invite-link-message:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.invite-link-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
@media (max-width: 700px) {
.chat-quick-replies .chat-quick-reply:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.today-proto .today-counter-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.sa-big:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.dw-big:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
}
.fd-companion-name small:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.fd-companion-tools summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.eve-voice-fields label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.pws-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.pws-media-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
@media (max-width: 520px) {
.pws-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
}
.media-tile-play:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.media-tile-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.media-tile-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.media-tile-caption:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.jp-address:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.jp-status-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jp-crew-avatar:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.jp-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.jp-subtitle:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.jp-action-summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
@media (max-width: 520px) {
.jp-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
}
.calview .cal-hblock--compact .cal-hblock-top > .chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3333; }
.of-root button:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-root input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-root select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-root textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-root-scope button:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-root-scope input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-root-scope select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-root-scope textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
.of-h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.of-muted:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-fine:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.of-err:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-tip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.of-benefit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.of-pkg-savings:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.of-nudge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.of-dot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.of-payband:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-label-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-check:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-card strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-card span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-flag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-includes summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-includes ul:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-qty-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.of-qty-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-qty-unit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-addon-rowhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-addon-titlerow h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.of-addon-titlerow .of-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-addon-reason:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-brand-seg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-daychip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-daychip-dow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-daychip-date:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-review-head h3:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-done-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-prep-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-prep-list:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-prep-copystatus:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-prep-linkfallback.is-shown:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-bar-left:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.of-bar-band:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.of-dialog-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-dialog-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
.of-dialog-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-eyebrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.of-dot-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.of-dot-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.of-bar-steplabel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-includes-list:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-itemized:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-photochip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-tip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-review-total:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.of-paycard strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-paycard span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.of-wordmark:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-landing-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-landing-hero-copy h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 30px; }
.of-landing-subhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
.of-start-cta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-ask-tile:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-rec-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.of-rec-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.of-rec-start:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
@media (min-width: 900px) {
.of-landing-hero-copy h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 44px; }
}
.of-header-pay:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.of-addr-opt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14.5px; }
.of-addr-opt span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-countynote span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-side-pricebox-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-side-priceline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-vision-selected:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-vision-copy strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.of-vision-copy span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-pkg-grouphead > span:first-child:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-pkg-ribbon:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-pkg-titlerow h3:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-pkg-titlerow h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
.of-pkg-lead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-pkg-plusline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-diff-list:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-inc-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-carousel-video .of-carousel-play:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-carousel-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-carousel-benefit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-carousel-caption:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-carousel-arrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.of-landing-subhead-sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-btn-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-why-item strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-why-item span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-videotile strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.of-videotile span:not(.of-flag):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-pill-tile strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
.of-pill-tile span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-twilight-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-look-card.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::after { font-size: 13px; }
.of-look-swatch-label strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-look-swatch-label span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-look-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-look-namerow strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-look-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-look-copy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-look-sig:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-review-chip-head > span:first-child:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-review-chip-val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-catalog-banner:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-offer-eyebrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-review-offer-body strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.of-eyebrow-sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-sumline:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-sumline-total .of-sumamt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 26px; }
.of-h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 34px; }
.of-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
@media (min-width: 900px) {
.of-h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 48px; }
.of-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
}
.of-dot.on .of-dot-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
@media (min-width: 640px) {
.of-dot-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-dot.on .of-dot-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
}
.of-bar-steplabel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-bar-amt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.of-root:has(.of-step-home) .of-bar-amt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-root:has(.of-vision-grid) .of-bar-amt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-bar .of-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-root .of-bar .of-btn-primary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
@media (min-width: 900px) {
.of-bar-amt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 30px; }
}
.of-landing-hero-copy h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 42px; }
.of-landing-subhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.of-landing-subhead.of-landing-subhead-sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-landing-pkgcard h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
.of-landing-pkgcard .of-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-landing-pkgcard .of-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 0; }
.of-landing-pkgcard .of-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::after { font-size: 18px; }
@media (min-width: 900px) {
.of-landing-hero-copy h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 64px; }
.of-landing-subhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 32px; }
.of-landing-pkgcard:not(.of-landing-pkgcard-sm) h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.of-landing-pkgcard:not(.of-landing-pkgcard-sm) .of-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.of-landing-pkgcard-sm h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.of-landing-pkgcard-sm .of-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
}
.of-pkgcard-full.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::after { font-size: 16px; }
.of-pkg-ribbon:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-pkg-ribbon-fin:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-pkg-titlerow h3:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.of-pkgcard-full .of-pkg-titlerow .of-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 28px; }
.of-pkg-lead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-pkgcard-full .of-benefit:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-pkgcard-full .of-pkg-savings:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-byo-cathead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-diff-list:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-pkgcard-full .of-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.of-pkgcard-h .of-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-addon-titlerow h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
.of-addon-titlerow .of-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-addon-reason:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-addon-rows ~ .of-check:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
@media (min-width: 900px) {
.of-addon-titlerow h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.of-addon-titlerow .of-price:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.of-addon-rows .of-addoncard-brand > .of-addon-reason:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
.of-addon-rows .of-addoncard-brand .of-addon-titlerow h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 36px; }
}
.of-brand-seg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-review-total:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 36px; }
.of-paycard strong:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-paycard span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.of-review-aside .of-check:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-review-aside .of-check .of-link:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.of-review-head h3:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
@media (max-width: 640px) {
.of-bar-amt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
}
@media (max-width: 380px) {
.of-bar-amt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
.of-bar .of-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
}
@media (min-width: 1100px) {
.of-landing-hero-copy h1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 80px; }
.of-landing-hero-copy .of-payband:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
}
.of-resume-kicker:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.of-resume-what:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 17px; }
.of-resume-btns .of-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15px; }
.of-staffstrip-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.of-staffstrip-by:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.of-staff-picker-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.of-staff-picker-item:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-eyebrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.svc-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 24px; }
.svc-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-status:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.svc-tab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-panel-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 19px; }
.svc-panel-copy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-readonly-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-pkg-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 15.5px; }
.svc-pkg-row-bottom:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.005; }
.svc-add-dashed:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-add-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-tiers-error:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-default-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.svc-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-tiles-heading:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-tile-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.svc-tile-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 20px; }
.svc-switch-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-row-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.svc-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-row-rule:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1917; }
.svc-row-group:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.svc-mini-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 0.9167; }
.svc-tri:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-tri-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-tri-state:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.svc-chip-static:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-chip-group-h:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.svc-staff-disclosure summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-suffix:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.svc-skill-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.svc-active-text:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.svc-savebar-msg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-media-upload-tile:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-media-video-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.svc-media-alt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-media-cell-actions .btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-media-error:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-pick-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
@media (max-width: 760px) {
.svc-media-alt:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
}
.svc-light-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.svc-light-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-sun-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-example-box:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-zone-rows:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-photo-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.svc-photo-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.svc-photo-order:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.svc-soon-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.svc-refresh-copy:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-stale-warn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.svc-copy-preview-list:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.svc-sheet-close:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
@media (max-width: 760px) {
.svc-row-rule:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.svc-row-group:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
}
.seg button:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.so-crumbs:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.btn-sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.so-stage:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.so-stage--sm:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.so-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.so-ver:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.so-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.so-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.so-client:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.so-f label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1875; }
.so-f .val:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.so-more:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.so-next:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.so-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3896; }
.wk-backlog-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.wk-backlog-head .count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.wk-backlog-foot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.wk-backlog-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.wk-backlog-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.wk-dayhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.wk-dayhead b:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.wk-who-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.wk-who-cap:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.wk-cell-hrs:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.wk-blk:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.wk-blk-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.jp-now-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.jp-now-line1:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.jp-now-line2:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.so-table:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.so-table th:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.so-table tr.variant td:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jp-details > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.jt-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.jt-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.jt-msg-who:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jt-msg-who span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.jt-msg p:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.jt-av:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.jt-att:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jt-aud:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jt-sys span:first-child:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.jt-sys-time:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.jt-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jt-sendstate:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.jt-ta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.jt-aud-fixed:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
@media (max-width: 640px) {
.jt-ta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
}
@media (max-width: 1099px) {
.jp-thread .jt-barbtn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
}
.review-title .so-stage:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.review-compare-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.so-tray-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.so-tray-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.so-tray-x:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
.so-more:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.so-newjob-opt-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 14px; }
.so-newjob-opt-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
@media (max-width: 640px) {
.wk-estimates-table input[type="number"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
}
.plan-toolbar-row2 .right:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.plan-counts:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.plan-grid-dow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.plan-day-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.plan-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.1375; }
.plan-unplanned-card:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.plan-network-name:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.plan-phone-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.plan-phone-caption:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.plan-waiting-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.plan-publish-line:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.docs-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.docs-row-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3125; }
.docs-banner:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.docs-fmt-bar button:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.docs-rail-card h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.docs-version-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.docs-diff:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.docs-tpl-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.reports-card h4:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.reports-legend:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.reports-big-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 28px; }
.reports-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.reports-table:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.reports-bar-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.125; }
@media (max-width: 640px) {
.docs-ta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.docs-title-input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.plan-caption:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.plan-datetime-row input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.docs-list-col input[type="search"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 16px; }
}
.so-svc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 11px; }
.so-svc--mini:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 10.5px; }
.so-svc-legend:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.jcard--compact .jc-addr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jcard--compact .jc-agent:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jcard--compact .jc-pkg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jcard--compact .jc-outof:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.jc-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.jc-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jc-shootrow:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jc-why:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.3417; }
.jc-stuck-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.jc-svctable:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jc-svcrow-what:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.jc-svcrow-sel:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.jc-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jc-statusrow label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.jt-board .jcard .kc-fact:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.so-complete-fold > summary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.so-jobboard-colhead:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.so-upl-veil-msg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 18px; }
.so-upl-drop-main:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.so-upl-drop-sub:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.so-upl-count-empty:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.so-upl-cnt-total:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.so-upl-cnt-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.so-upl-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.25; }
.so-upl-pick-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.so-upl-nojobs:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jp-svc-received:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; }
.jt-svcgroup:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.jc-svcrow-received:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
#topheader #upload-anywhere-btn span:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13px; }
.so-h-tabs button:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 13.5px; }
.so-h-tab-n:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.so-h-tile-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.so-h-tile-big:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 22px; }
.so-h-tile small:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.so-mywork-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
.jc-yours:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.jc-svcrow-next:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.4375; }
.so-deliver-pop-row:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12.5px; }
.so-deliver-pop-foot:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px; line-height: 1.375; }
/* RAMP:END */

/* INLINE: element.style.fontSize = '11px' writes style="font-size: 11px"; these lift such literals under 12px to 12px (islands excluded). */
[style*="font-size: 9px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px !important; line-height: 1.125; }
[style*="font-size: 9.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px !important; line-height: 1.1875; }
[style*="font-size: 10px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px !important; line-height: 1.25; }
[style*="font-size: 10.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px !important; line-height: 1.3125; }
[style*="font-size: 11px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px !important; line-height: 1.375; }
[style*="font-size: 11.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 12px !important; line-height: 1.4375; }
[style*="font-size: var(--fs-micro)"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:var(--fs-micro)"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.375; }
.avatar[style*="font-size: 11px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), .avatar[style*="font-size:11px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.9167; }
.avatar[style*="font-size: 10px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), .avatar[style*="font-size:10px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.8333; }
.avatar[style*="font-size: 9px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), .avatar[style*="font-size:9px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.75; }
.btn[style*="font-size: 11.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), .btn[style*="font-size:11.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.16; }
.chip[style*="font-size: 10.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), .chip[style*="font-size:10.5px"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.225; }
[style*="font-family: Fraunces"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-family:Fraunces"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-family: var(--font) !important; }

/* KEEP-V100: exceptions, see gen/keep-v100.css */
.chat-rail-presence .muted:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 11px !important; line-height: 1.5; }
.fd-sidebar-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 11.5px; line-height: 1.55; letter-spacing: -0.01em; }
.so-svc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 10px; line-height: 1.65; letter-spacing: -0.01em; }
.so-svc--mini:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-size: 10px; line-height: 1.575; letter-spacing: -0.01em; }
.today-shoot-svc:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { letter-spacing: -0.02em; }
.jarvis-chip > span:not(.jarvis-chip-ico):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.15; }
.list-row .muted:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.list-row .grow > div:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { letter-spacing: -0.02em; }
:where(button.chat-delivery-warning, button.chat-msg-act, button.chat-msg-act--pin-rail, button.chat-msg-act--reply-rail, button.chat-pinbar-x, button.chat-quick-reply, button.chat-rail-organize-btn, button.chat-react, button.chat-receipt, button.chat-reply-x, button.chat-tool, button.chat-tool--fmt, button.chat-tool--pill, button.chat-tool--plus, button.fd-askanywhere, button.fd-seg-pill, button.field-svc-cmt, button.icon-btn, button.jp-status-pill, button.jp-svc-chat-btn, button.jp-tab, button.jp-tab--active, button.jt-barbtn, button.jt-openchat, button.jt-send, button.modal-close, button.mt-avatar, button.mt-bell, button.mt-burger, button.mt-search, button.mt-upload, button.nav-arrow, button.nav-sc-add, button.qc-sound, button.so-next, button.svc-add-dashed, button.svc-chip, button.svc-media-upload-tile, button.svc-pkg-row, button.svc-tab, button.voice-mic, select.view-as-select):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.15; }
/* INLINE size + INLINE line-height */
[style*="font-size: 9px"][style*="line-height: 1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.825 !important; }
[style*="font-size: 9px"][style*="line-height: 1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.8625 !important; }
[style*="font-size: 9px"][style*="line-height: 1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.9 !important; }
[style*="font-size: 9px"][style*="line-height: 1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.9375 !important; }
[style*="font-size: 9px"][style*="line-height: 1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.975 !important; }
[style*="font-size: 9px"][style*="line-height: 1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0125 !important; }
[style*="font-size: 9px"][style*="line-height: 1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.05 !important; }
[style*="font-size: 9px"][style*="line-height: 1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0875 !important; }
[style*="font-size: 9px"][style*="line-height: 1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.125 !important; }
[style*="font-size: 9px"][style*="line-height: 1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1625 !important; }
[style*="font-size: 9px"][style*="line-height: 1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9px"][style*="line-height:1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.8708 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.9104 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.95 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.9896 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0292 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0688 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1083 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1479 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1875 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2271 !important; }
[style*="font-size: 9.5px"][style*="line-height: 1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:9.5px"][style*="line-height:1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2667 !important; }
[style*="font-size: 10px"][style*="line-height: 1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.9167 !important; }
[style*="font-size: 10px"][style*="line-height: 1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.9583 !important; }
[style*="font-size: 10px"][style*="line-height: 1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1 !important; }
[style*="font-size: 10px"][style*="line-height: 1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0417 !important; }
[style*="font-size: 10px"][style*="line-height: 1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0833 !important; }
[style*="font-size: 10px"][style*="line-height: 1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.125 !important; }
[style*="font-size: 10px"][style*="line-height: 1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1667 !important; }
[style*="font-size: 10px"][style*="line-height: 1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2083 !important; }
[style*="font-size: 10px"][style*="line-height: 1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.25 !important; }
[style*="font-size: 10px"][style*="line-height: 1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2917 !important; }
[style*="font-size: 10px"][style*="line-height: 1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10px"][style*="line-height:1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.3333 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 0.9625 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0062 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.05 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0938 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1375 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1813 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.225 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2688 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.3125 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.3563 !important; }
[style*="font-size: 10.5px"][style*="line-height: 1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:10.5px"][style*="line-height:1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.4 !important; }
[style*="font-size: 11px"][style*="line-height: 1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0083 !important; }
[style*="font-size: 11px"][style*="line-height: 1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0542 !important; }
[style*="font-size: 11px"][style*="line-height: 1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1 !important; }
[style*="font-size: 11px"][style*="line-height: 1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1458 !important; }
[style*="font-size: 11px"][style*="line-height: 1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1917 !important; }
[style*="font-size: 11px"][style*="line-height: 1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2375 !important; }
[style*="font-size: 11px"][style*="line-height: 1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2833 !important; }
[style*="font-size: 11px"][style*="line-height: 1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.3292 !important; }
[style*="font-size: 11px"][style*="line-height: 1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.375 !important; }
[style*="font-size: 11px"][style*="line-height: 1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.4208 !important; }
[style*="font-size: 11px"][style*="line-height: 1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11px"][style*="line-height:1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.4667 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.1;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.0542 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.15;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1021 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.2;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.15 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.25;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.1979 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.3;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2458 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.35;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.2938 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.4;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.3417 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.45;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.3896 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.5;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.4375 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.55;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.4854 !important; }
[style*="font-size: 11.5px"][style*="line-height: 1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), [style*="font-size:11.5px"][style*="line-height:1.6;"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { line-height: 1.5333 !important; }

/* KEEP-V100:END */
html[data-theme="dark"] body { background-color: #0d0d0d; background-image: radial-gradient(60% 55% at 100% 0%, rgba(230, 210, 177, .07), transparent 70%), radial-gradient(55% 50% at 88% 0%, rgba(68, 146, 182, .08), transparent 72%); }
:where(body) :is(button, input, select, textarea):not(:where(.cstatus, .cfd, .site-page, .vvt-phone-frame, .tpl-card, .cstatus-lightbox, .reel-ov, .ss-ov) *) { font-family: inherit; }
a:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: var(--rtb-accent); }
html[data-theme="dark"] a:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: var(--info); }
:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::placeholder { color: var(--faint); }
:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::selection { background: var(--rtb-accent-fill); color: var(--text); }
:focus-visible:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { outline-color: var(--rtb-accent) !important; }
input[type="checkbox"]:focus-visible:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
input[type="radio"]:focus-visible:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { box-shadow: none; }
#main,
.modal:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.modal-body:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { scrollbar-color: var(--border-strong) transparent; }
#main::-webkit-scrollbar-thumb { background: var(--border-strong); }
#main::-webkit-scrollbar-thumb:hover { background: var(--faint); }
#app { background: transparent; }
#sidebar { background: var(--sidebar-bg); box-shadow: none; border-right-color: var(--divider); }
.brand-name { color: var(--text); }
.brand-logo { background: transparent; border-color: var(--border-strong); color: var(--text); }
.nav-item { color: var(--sidebar-text); }
.nav-item:hover { background: var(--sidebar-hover); color: var(--text); }
.nav-item.active { background: var(--sidebar-active-bg); color: var(--sidebar-active); }
.nav-item.active svg { color: var(--sidebar-active); }
.nav-arrow { border-color: var(--divider); background: transparent; color: var(--sidebar-text); }
.nav-arrow:hover:not(:disabled) { background: var(--sidebar-hover); color: var(--text); }
#topheader { background: transparent; border-bottom-color: var(--divider); }
html[data-theme="dark"] #topheader { background: rgba(13, 13, 13, .6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
#topheader .sidebar-search { background: var(--panel); border-color: var(--border); color: var(--faint); }
#topheader .sidebar-search:hover { background: var(--card); border-color: var(--border-strong); color: var(--text); }
#topheader .sidebar-search .ss-kbd { background: transparent; color: var(--faint); border-color: var(--border); }
#upload-anywhere-btn { background: transparent; border-color: var(--border-strong); color: var(--text); }
#upload-anywhere-btn:hover { background: var(--hover); }
#topheader .sync-pill,
#topheader .view-as { background: transparent; border-color: var(--border); }
#topheader .view-as-select { background-color: transparent; color: var(--text); }
.view-title svg { color: var(--faint); }
.view-sub { color: var(--muted); }
.subtabs { border-bottom-color: var(--divider); }
.subtab { color: var(--faint); }
.subtab:hover { color: var(--text); }
.subtab.active { color: var(--rtb-accent); border-bottom-color: var(--rtb-accent); }
.so-next:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: transparent; border-color: var(--border-strong); color: var(--text); }
.so-next:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--hover); }
.so-next--go:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .so-next--go:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--rtb-accent-fill); border-color: var(--rtb-accent-line); color: var(--rtb-accent); }
html[data-theme="dark"] .notif-bell-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .nav-badge.mention:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .notif-bell-badge.mention:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d !important; }
html[data-theme="dark"] .jt-av--client:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #e6d2b1; color: #0d0d0d; }
html[data-theme="dark"] .tier-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .tier-badge[style*="rgb(157, 80, 221)"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #e6d2b1 !important; }
html[data-theme="dark"] .tier-badge[style*="rgb(79, 70, 229)"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #4492b6 !important; }
html[data-theme="dark"] .tier-badge[style*="rgb(14, 165, 233)"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #67b3d5 !important; }
html[data-theme="dark"] .tier-badge[style*="rgb(0, 184, 163)"]:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #7fbf9a !important; }
html .settings-rail-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .settings-elsewhere-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .calview .cal-hour-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .calview .cal-hour-row.cal-hour-off .cal-hour-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .calview .cal-side-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .calview .cal-side-hint:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: var(--faint); }
html .fri-disclosure:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-status:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-action-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-action-row .k:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-cites-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-cite-stamp:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-sidebar-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-sidebar-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-sidebar-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-score-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-beat-t:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-theme .fri-disclosure:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-theme .fd-sidebar-note:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-theme .fd-sidebar-meta:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html .fd-theme .fd-sidebar-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #9a9ea6; }
html[data-theme="dark"] .cal-hblock-tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .chat-cutcard-notes:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: var(--rtb-accent); }
html[data-theme="dark"] .cal-due-chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: var(--accent); }
html[data-theme="dark"] .jp-status-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="light"] .jp-status-pill:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #101828; }
.fd-serif:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { font-family: var(--font); }
:where(button):not(:where(.cstatus, .cfd, .site-page, .vvt-phone-frame, .tpl-card, .cstatus-lightbox, .reel-ov, .ss-ov) *) { background-color: var(--raised); color: var(--text); border-color: var(--border-strong); }
.chat-delivery-warning:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: transparent; border-color: var(--tone-amber-bd); color: var(--warn-ink); }
.login-screen:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--bg); }
html[data-theme="dark"] .login-screen:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: radial-gradient(60% 55% at 100% 0%, rgba(230, 210, 177, .07), transparent 70%), radial-gradient(55% 50% at 88% 0%, rgba(68, 146, 182, .08), transparent 72%), #0d0d0d; }
.login-card:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-color: var(--border); box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
html[data-theme="light"] .login-card:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { box-shadow: 0 24px 64px rgba(16, 24, 40, .12); }
.quick-add-fab:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.fab-dial-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--raised); color: var(--text); border-color: var(--border-strong); box-shadow: 0 8px 24px rgba(0, 0, 0, .35); }
.quick-add-fab:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.fab-dial-btn:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--card); border-color: var(--rtb-accent-line); color: var(--rtb-accent); }
.card:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--panel); border-color: var(--border); box-shadow: none; }
.card.is-clickable:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-color: var(--border-strong); box-shadow: none; background: var(--card); }
.card-title:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: var(--faint); }
.table th:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: transparent; color: var(--faint); border-bottom-color: var(--divider); }
.table td:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-bottom-color: var(--divider); }
.table tbody tr:hover td:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--subtle); }
.modal-overlay:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: rgba(0, 0, 0, .62); }
html[data-theme="light"] .modal-overlay:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: rgba(16, 24, 40, .38); }
.modal:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--panel); border-color: var(--border); box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
.toast:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
.divider:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
hr:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-color: var(--divider); }
.btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-color: var(--border-strong); background: transparent; color: var(--text); box-shadow: none; }
.btn:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--hover); box-shadow: none; }
.btn:active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { box-shadow: none; }
.btn-ghost:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: transparent; color: var(--muted); border-color: var(--border); }
.btn-ghost:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--hover); color: var(--text); }
.btn-danger:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: transparent; color: var(--danger-ink); border-color: var(--tone-red-bd); }
.btn-danger:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--danger-soft); }
.btn-primary:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .btn-primary:not(:disabled):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #e6d2b1; border-color: #e6d2b1; color: #0d0d0d; box-shadow: none; }
html[data-theme="light"] .btn-primary:not(:disabled):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #e6d2b1; border-color: rgba(122, 92, 46, .45); color: #101828; }
.btn-primary:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .btn-primary:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #efdfc4; border-color: #efdfc4; box-shadow: none; }
html[data-theme="light"] .btn-primary:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #ecdcbd; }
.btn-primary:active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .btn-primary:active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #dcc8a6; box-shadow: none; }
.btn-primary:disabled:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .btn-primary:disabled:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--raised); border-color: var(--border); color: var(--faint); }
.input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-color: var(--border); background-color: var(--bg); color: var(--text); }
html[data-theme="light"] .input:not(.fd-theme *):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="light"] .select:not(.fd-theme *):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="light"] .textarea:not(.fd-theme *):not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background-color: #ffffff; }
.fd-theme .input:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.fd-theme .select:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.fd-theme .textarea:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background-color: var(--subtle); color: var(--text); }
.input:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.select:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.textarea:hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-color: var(--border-strong); }
.input:focus:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.select:focus:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
.textarea:focus:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-color: var(--rtb-accent); background-color: var(--bg); box-shadow: 0 0 0 3px var(--rtb-accent-fill); }
.field > label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: var(--faint); }
.chip:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { box-shadow: inset 0 0 0 1px var(--border); }
.chip.is-info:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--info-soft); color: var(--info-ink); }
.badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--raised); color: var(--muted); }
.tag:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--rtb-accent-fill); color: var(--rtb-accent); border-color: var(--rtb-accent-line); }
.seg:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { border-color: var(--border); background: var(--panel); }
.seg button:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: transparent; color: var(--faint); }
.seg button:not(.active):hover:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--hover); color: var(--text); }
.seg button.active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--raised); color: var(--text); }
html[data-theme="light"] .seg button.active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: var(--raised); color: var(--text); }
@media (max-width: 860px) {
#mobile-topbar { background: var(--sidebar-bg); border-bottom-color: var(--divider); }
#mobile-topbar .mt-burger,
#mobile-topbar .mt-search { border-color: var(--border); background: transparent; color: var(--text); }
#mobile-topbar .mt-title { color: var(--text); }
#mobile-topbar .mt-bell,
#mobile-topbar .mt-upload { color: var(--text); }
#tabbar { background: var(--sidebar-bg); border-top-color: var(--divider); box-shadow: none; }
#tabbar .tb-item { color: var(--sidebar-text); }
#tabbar .tb-item.active { color: var(--sidebar-active); }
}
html[data-theme="light"] .field-navy-head:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { background: #1e3f66; }
:focus-visible:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { outline: 2px solid var(--rtb-accent); outline-offset: 2px; box-shadow: none; }
#topheader .view-as-select:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
#view:focus-visible { outline: none; }
.nav-item.active::before { background: var(--sidebar-active); }
.chip.is-warn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *)::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: 0 0 6px; }
.field-wrap.field-sun:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) {
  color-scheme: light;
  --bg-2: #f1f0ec; --raised: #eeede9; --subtle: #f7f6f3; --divider: rgba(16, 24, 40, .07); --border-strong: rgba(16, 24, 40, .20);
  --accent: #2b608f; --accent-hover: #1e3f66; --accent-soft: #e8f0f6; --accent-warm: #7a5c2e; --accent-warm-soft: rgba(230, 210, 177, .30);
  --rtb-accent: #7a5c2e; --rtb-accent-fill: rgba(230, 210, 177, .30); --rtb-accent-line: rgba(122, 92, 46, .35); --rtb-accent-bg: #e6d2b1; --rtb-on-accent: #101828;
  --danger: #c0392b; --danger-soft: #fbeeec; --danger-ink: #b42318; --ok: #2f8a57; --ok-soft: #eaf5ee; --ok-ink: #25744b;
  --warn: #7a5c2e; --warn-soft: rgba(230, 210, 177, .30); --warn-ink: #7a5c2e; --info: #2b608f; --info-soft: #e8f2f7; --info-ink: #2b608f;
  --text-soft: #1f2937; --rtb-text-4: #98a2b3;
}

/* FILLS (generated from styles.css): 32 rules paint a background from the accent and set white ink; on dark the accent is light sky, so their ink becomes near-black; a SELECTED state (.active / .on) becomes the champagne highlight with near-black ink. */
html[data-theme="dark"] .sales-tab.active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .copy-btn:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .voice-mic.listening:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .bugrep-chip.active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .qs-type-action:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .qs-type-view:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .review-fchip.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .review-drawtoggle.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .chip-btn.active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .inc-you:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .dwx-chip.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .pl-nudge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .tss-hero:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .tl-bar:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .mkt-seg-btn.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .cscript-num:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .ob-card .ob-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .pws-tab--active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .media-tile-badge:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .gal-check-chip--on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .jp-crew-avatar:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .jp-tab--active:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .svc-mini-included:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .svc-tri-included:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .svc-skill-chip.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .so-next--go:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .so-next--go:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .jt-count:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .jt-av:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .jt-send:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; }
html[data-theme="dark"] .review-vertabs .seg-btn.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *),
html[data-theme="dark"] .review-railtabs .seg-btn.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }
html[data-theme="dark"] .review-vers .btn.on:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: #0d0d0d; background: #e6d2b1; border-color: #e6d2b1; }


/* ===== RTB-SHELL / RTB-TODAY (gen/hub-shell.css, hand-written; the generator only appends it) ===== */
/* ==========================================================================
   RTB-SHELL + RTB-TODAY (app v102): hand-written, appended by gen/build-hub-css.mjs (shell argument) AFTER the generated component rules and BEFORE the
   client-island re-pin block, so it wins over styles.css and the v101 base without touching styles.css, and the five islands stay pinned.
   Screen only (the generator wraps this in @media screen). Boards: Nav, Main, ShellBits, ShellPhone, Phone, TodayMore, CrewToday, EditorToday.
   Law tokens: v101 --bg/--panel/--card/--raised/--text/--muted/--faint/--divider, --rtb-accent (champagne), --rtb-accent-fill/-line.
   ========================================================================== */

/* ---------- shell tokens (the boards' literal values; light = the law's light column) ---------- */
:root {
  --rtb-t3: #667085;
  --rtb-ctl-line: rgba(16, 24, 40, .14);          /* page-tool and secondary-button hairline */
  --rtb-glow-1: transparent; --rtb-glow-2: transparent;
}
html[data-theme="dark"] {
  --rtb-t3: #8b8f97;
  --rtb-ctl-line: rgba(255, 255, 255, .14);
  --rtb-glow-1: rgba(230, 210, 177, .07); --rtb-glow-2: rgba(68, 146, 182, .08);
}

/* ---------- the page: the board's glow sits on the whole app box (rail included) ---------- */
html[data-theme="dark"] body { background-image: none; }
@media (min-width: 861px) {
  html[data-theme="dark"] #app { background-image: radial-gradient(900px 420px at 62% -8%, var(--rtb-glow-1), rgba(13, 13, 13, 0) 70%), radial-gradient(700px 380px at 96% 30%, var(--rtb-glow-2), rgba(13, 13, 13, 0) 70%); }
}

/* ---------- the rail (Nav / Main boards): 88px, 22px icon + 12px label, 72 x 60 doors, 6px gap ---------- */
@media (min-width: 861px) {
  #sidebar { width: 88px; flex: 0 0 88px; box-sizing: border-box; border-top: 0; padding: 20px 0; gap: 6px; display: flex; flex-direction: column; align-items: center; overflow-x: hidden; overflow-y: auto; background: transparent; border-right: 1px solid var(--divider); scrollbar-width: none; }
  #sidebar::-webkit-scrollbar { display: none; }
  #sidebar .brand { padding: 0; margin: 0 0 16px; flex: 0 0 auto; gap: 0; }
  #sidebar .brand-logo { width: 40px; height: 40px; border-radius: 10px; background: transparent; border: 1px solid rgba(230, 210, 177, .35); color: var(--rtb-accent); font-size: 12px; font-weight: 800; letter-spacing: .08em; line-height: 1; display: flex; align-items: center; justify-content: center; }
  #sidebar #nav, #sidebar #nav-bottom { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; flex: 0 0 auto; }
  #sidebar .sidebar-footer { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; padding: 0; border: 0; flex: 0 0 auto; }
  #sidebar .nav-item { position: relative; width: 72px; height: 60px; min-height: 0; padding: 0; box-sizing: border-box; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-decoration: none; background: transparent; border: 0; color: var(--sidebar-text); font-size: 12px; font-weight: 600; line-height: normal; letter-spacing: 0; white-space: nowrap; transition: background var(--t-fast, 150ms) ease-out, color var(--t-fast, 150ms) ease-out; }
  #sidebar .nav-item .nav-ico { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; line-height: 0; }
  #sidebar .nav-item svg { width: 22px; height: 22px; flex: 0 0 22px; }
  #sidebar .nav-item > .nav-label, #sidebar .nav-item > span:not(.nav-ico):not(.nav-badge):not(.notif-bell-badge) { font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: 0; white-space: nowrap; max-width: 70px; overflow: hidden; text-overflow: clip; }
  #sidebar .nav-item:hover { background: var(--sidebar-hover); color: var(--text); }
  #sidebar .nav-item.active { background: var(--sidebar-active-bg); color: var(--sidebar-active); }
  #sidebar .nav-item.active svg { color: var(--sidebar-active); }
  #sidebar .nav-item .nav-badge { position: absolute; top: 2px; right: 8px; min-width: 18px; height: 18px; line-height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 999px; font-size: 12px; font-weight: 700; text-align: center; }
  #sidebar .rail-avatar { margin: 8px 0 0; padding: 0; width: 36px; height: 36px; box-sizing: border-box; border-radius: 999px; background: var(--raised); border: 1px solid var(--rtb-ctl-line); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; line-height: 1; color: var(--rtb-accent); cursor: pointer; }
  #sidebar .rail-avatar-dot { display: block; font: inherit; color: inherit; }
  #sidebar .rail-avatar[aria-expanded="true"] { border-color: var(--rtb-accent-line); }
}

/* ---------- page tools: top right on every page (ShellBits board) ---------- */
@media (min-width: 861px) {
  #topheader { height: 54px; box-sizing: border-box; padding: 16px 24px 0; display: flex; align-items: flex-start; justify-content: flex-end; gap: 8px; background: transparent; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; flex: 0 0 auto; }
  html[data-theme="dark"] #topheader { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
  #topheader .nav-arrow { width: 36px; height: 36px; flex: 0 0 36px; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--text); padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; }
  #topheader .nav-arrow:hover:not(:disabled) { background: var(--hover); color: var(--text); }
  #topheader .nav-arrow:disabled { color: var(--rtb-text-4); border-color: var(--divider); opacity: 1; cursor: default; }
  #topheader .sidebar-search { width: 264px; height: 36px; flex: 0 0 264px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: var(--panel); color: var(--rtb-t3); font: inherit; font-size: 14px; font-weight: 600; cursor: text; }
  #topheader .sidebar-search:hover { background: var(--card); border-color: var(--border-strong); color: var(--text); }
  #topheader .sidebar-search .ss-mag { display: flex; line-height: 0; }
  #topheader .sidebar-search .ss-label { flex: 1 1 auto; text-align: left; }
  #topheader .sidebar-search .ss-kbd { font-size: 13px; font-weight: 500; border: 0; background: transparent; padding: 0; color: var(--rtb-t3); font-family: inherit; }
  #topheader #upload-anywhere-btn { height: 36px; min-height: 36px; box-sizing: border-box; display: inline-flex; flex-direction: row; align-items: center; gap: 8px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--text); font-size: 14px; font-weight: 600; width: auto; flex: 0 0 auto; }
  #topheader #upload-anywhere-btn span { font-size: 14px; }
  #topheader #upload-anywhere-btn svg { width: 16px; height: 16px; }
  #topheader #upload-anywhere-btn:hover { background: var(--hover); }
  #topheader #notif-bell { position: relative; width: 36px; height: 36px; min-height: 0; flex: 0 0 36px; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--text); padding: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; }
  #topheader #notif-bell:hover { background: var(--hover); color: var(--text); }
  #topheader #notif-bell[aria-expanded="true"] { border-color: var(--rtb-accent-line); background: var(--rtb-accent-fill); color: var(--rtb-accent); }
  #topheader #notif-bell .help-q { position: static; display: flex; align-items: center; justify-content: center; width: auto; height: auto; background: transparent; line-height: 0; }
  #topheader #notif-bell .help-q svg { width: 18px; height: 18px; }
  #topheader #notif-bell .notif-bell-badge { position: absolute; top: -8px; right: -8px; left: auto; min-width: 20px; height: 20px; box-sizing: border-box; padding: 0 5px; border-radius: 999px; background: var(--rtb-accent); color: #0d0d0d; font-size: 12px; font-weight: 700; line-height: 20px; text-align: center; box-shadow: none; border: 0; }
  html[data-theme="light"] #topheader #notif-bell .notif-bell-badge { color: #101828; }
  /* the sync pill only shows when something is wrong (Saving, Offline, Sync issue, Off); "Synced" is the quiet state */
  #topheader #sync-pill { height: 36px; box-sizing: border-box; padding: 0 12px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; font-size: 13px; font-weight: 600; color: var(--muted); align-items: center; }
  #topheader #sync-pill.ok { display: none; }
}

/* ---------- the account menu (ShellBits "Your menu") ---------- */
.popover.rtb-menu-pop { width: 328px; box-sizing: border-box; padding: 8px; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); box-shadow: 0 24px 64px rgba(0, 0, 0, .5); max-height: calc(100vh - 32px); overflow-y: auto; }
.rtb-menu { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.rtb-menu .rtb-menu-head { display: flex; align-items: center; gap: 12px; padding: 8px 12px 12px; margin: 0; border: 0; font-size: 15px; }
.rtb-menu-dot { width: 36px; height: 36px; box-sizing: border-box; flex: 0 0 36px; border-radius: 999px; background: var(--raised); border: 1px solid var(--rtb-accent-line); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; line-height: 1; color: var(--rtb-accent); }
.rtb-menu-who { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtb-menu-name { font-size: 15px; font-weight: 600; color: var(--text); }
.rtb-menu-role { font-size: 13px; color: var(--rtb-t3); font-weight: 400; }
.rtb-menu .rtb-mi { display: flex; align-items: center; gap: 12px; width: 100%; height: 44px; padding: 0 12px; box-sizing: border-box; border: 0; border-radius: 12px; background: transparent; color: var(--text); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; text-decoration: none; }
.rtb-menu .rtb-mi.rtb-mi-pin, .rtb-menu .rtb-mi.rtb-mi-pinthis { height: 40px; }
.rtb-menu .rtb-mi.rtb-mi-pinthis { color: var(--muted); }
.rtb-menu .rtb-mi:hover, .rtb-menu .rtb-mi:focus-visible { background: var(--hover); }
.rtb-menu .rtb-mi-ico { display: flex; color: var(--muted); line-height: 0; flex: 0 0 20px; }
.rtb-menu .rtb-mi-ico svg { width: 20px; height: 20px; }
.rtb-menu .rtb-mi-lbl { flex: 1 1 auto; min-width: 0; }
.rtb-menu .rtb-mi-meta { margin-left: auto; font-size: 13px; font-weight: 500; color: var(--rtb-t3); }
.rtb-menu .rtb-mi.is-current { background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtb-mi-sep { height: 1px; margin: 4px 12px; background: var(--divider); }
.rtb-mi-head { display: flex; align-items: center; justify-content: space-between; height: 32px; padding: 0 12px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); }
.rtb-mi-manage { border: 0; background: transparent; padding: 0; font: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--rtb-accent); cursor: pointer; }
html[data-theme="dark"] .rtb-mi-manage { color: var(--rtb-accent); }
.rtb-sub-back { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 12px; border: 0; background: transparent; color: var(--text); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; border-radius: 12px; }
.rtb-sub-back:hover { background: var(--hover); }
.rtb-menu .acct-menu-actas { padding: 6px 12px; display: flex; flex-direction: column; gap: 6px; }
.rtb-menu .acct-menu-label { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); }
.rtb-menu .acct-menu-select { width: 100%; height: 40px; border-radius: 10px; font-size: 14px; }

/* ---------- the Notifications drawer (ShellBits): 480px from the right, under the page tools, no dimming ---------- */
@media (min-width: 861px) {
  .slideover-scrim.rtb-scrim-clear { background: transparent; }
  .slideover-panel.rtb-notif { position: fixed; width: 480px; max-width: 480px; top: 64px; right: 0; bottom: 0; height: auto; max-height: calc(100vh - 64px); overflow: hidden; box-sizing: border-box; padding: 24px; background: var(--panel); border: 0; border-left: 1px solid var(--border); border-top: 1px solid var(--border); border-top-left-radius: 14px; box-shadow: 0 24px 64px rgba(0, 0, 0, .5); display: flex; flex-direction: column; gap: 16px; }
  .rtb-notif .slideover-head { padding: 0; border: 0; }
  .rtb-notif .slideover-head h3 { font-family: var(--font); font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
  .rtb-notif .modal-close { width: 36px; height: 36px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--muted); }
  .rtb-notif .slideover-body { padding: 0; display: flex; flex-direction: column; gap: 16px; overflow-y: auto; flex: 1 1 auto; min-height: 0; }
}
.rtb-notif .notif-tools { display: flex; align-items: center; gap: 12px; padding: 0; }
.rtb-notif .notif-count { font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--text); }
.rtb-notif .notif-snoozed-inline { flex: 1 1 auto; text-align: left; font-size: 13px; color: var(--rtb-t3); }
.rtb-notif .notif-clear { min-height: 36px; padding: 0 14px; border-radius: 8px; font-size: 13px; }
.rtb-notif .notif-list { gap: 0; max-height: none; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); overflow: hidden; }
.rtb-notif .notif-row { border: 0; border-radius: 0; border-bottom: 1px solid var(--divider); background: transparent; padding: 14px 14px; gap: 10px; }
.rtb-notif .notif-row:last-child { border-bottom: 0; }
.rtb-notif .notif-row.unread { background: transparent; }
.rtb-notif .notif-row-x { padding: 0 8px 0 0; }
.rtb-notif .notif-go { padding: 14px 8px 14px 14px; }
.rtb-notif .notif-title { font-size: 15px; font-weight: 600; }
.rtb-notif .notif-body { font-size: 13px; color: var(--rtb-t3); }
.rtb-notif .notif-time { font-size: 13px; color: var(--rtb-t3); }
.rtb-notif .notif-subhead { display: flex; align-items: baseline; justify-content: space-between; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); padding: 0; margin: 0; }
.rtb-notif .notif-subhead-note { font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 400; }
.rtb-notif .notif-foot { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-top: 4px; }
.rtb-notif .notif-inbox-link { border: 0; background: transparent; padding: 0; font: inherit; font-size: 14px; font-weight: 600; color: var(--rtb-accent); cursor: pointer; white-space: nowrap; }
.rtb-notif .notif-foot-note { font-size: 13px; color: var(--rtb-t3); text-align: right; }

/* ======================================================================================================================================
   RTB-TODAY: the Today pages (Main, TodayMore, CrewToday, EditorToday). Class prefix rtb-. Desktop first; the phone rules are at the end.
   ====================================================================================================================================== */
:root { --rtb-btn-line: rgba(16, 24, 40, .22); --rtb-chip-photo: rgba(13, 13, 13, .72); }
html[data-theme="dark"] { --rtb-btn-line: rgba(255, 255, 255, .18); }

/* the page itself: the board's padding (the 54px page-tools row is above, so 2px is left of the board's 56px) */
#view:has(.rtb-today) { max-width: none; margin: 0; padding: 2px 72px 60px; }
#view:has(.rtb-today) .subtab-body { padding: 0; }
.rtb-today { display: flex; flex-direction: column; gap: 44px; min-width: 0; }
.rtb-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin: 0; padding: 0; }
.rtb-head-text { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rtb-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--rtb-accent); line-height: normal; }
html[data-theme="light"] .rtb-eyebrow { color: #7a5c2e; }
.rtb-eyebrow--tight { letter-spacing: .26em; }
.rtb-h1 { margin: 0; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; display: block; color: var(--text); }
.rtb-lede { margin: 0; max-width: none; font-size: 17px; font-weight: 400; line-height: 1.6; color: var(--muted); }
.rtb-lede .rtb-link { font-weight: 600; }
.rtb-head-actions { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.rtb-h1-row { display: flex; align-items: center; gap: 24px; min-width: 0; }

/* buttons: the board's own (design-system) button: 8px radius, 15px md / 13px sm, a hairline, champagne for the one primary */
.rtb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; padding: 13px 26px; border-radius: 8px; border: 1px solid var(--rtb-btn-line); background: transparent; color: var(--text); font: inherit; font-size: 15px; font-weight: 600; letter-spacing: .01em; line-height: normal; white-space: nowrap; cursor: pointer; transition: opacity 180ms ease-out, background 180ms ease-out, transform 140ms ease-out; }
.rtb-btn:hover { opacity: .88; }
.rtb-btn:active { transform: scale(.97); }
.rtb-btn--sm { padding: 9px 18px; font-size: 13px; }
.rtb-btn--accent { background: #e6d2b1; border-color: #e6d2b1; color: #0d0d0d; }
html[data-theme="light"] .rtb-btn--accent { color: #101828; border-color: rgba(122, 92, 46, .45); }
.rtb-link { font-size: 14px; font-weight: 600; color: var(--rtb-accent); text-decoration: none; cursor: pointer; }
html[data-theme="dark"] .rtb-link { color: var(--rtb-accent); }
html[data-theme="light"] .rtb-link { color: #7a5c2e; }
.rtb-link:hover { color: var(--text); }
.rtb-x { width: 36px; height: 36px; flex: 0 0 36px; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--muted); padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.rtb-x:hover { background: var(--hover); color: var(--text); }

/* sections */
.rtb-shoots, .rtb-needs, .rtb-week, .rtb-group { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.rtb-needs, .rtb-week { gap: 14px; }
.rtb-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.rtb-h2 { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: -.015em; line-height: 1.3; color: var(--text); }
.rtb-eyebrow-quiet { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtb-t3); }
.rtb-quiet-13 { font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 400; }
.rtb-more-link { display: flex; justify-content: flex-start; }
.rtb-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: start; }
.rtb-two.is-single { grid-template-columns: minmax(0, 1fr); }

/* photo cards */
.rtb-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.rtb-shoot { border-radius: 14px; overflow: hidden; background: var(--card); border: 1px solid var(--border); display: flex; flex-direction: column; cursor: pointer; min-width: 0; transition: border-color 180ms ease-out; }
html[data-theme="light"] .rtb-shoot { background: #ffffff; }
.rtb-shoot:hover { border-color: var(--border-strong); }
.rtb-shoot-media { position: relative; height: 176px; overflow: hidden; background: var(--raised); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.rtb-shoot-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rtb-shoot-nophoto { color: var(--rtb-text-4); line-height: 0; display: flex; }
html[data-theme="light"] .rtb-shoot-nophoto { color: var(--rtb-t3); }
.rtb-shoot-nophoto-text { font-size: 13px; color: var(--rtb-t3); }
.rtb-shoot-time { position: absolute; left: 14px; top: 14px; padding: 6px 12px; border-radius: 999px; background: var(--rtb-chip-photo); font-size: 13px; font-weight: 700; color: #ffffff; line-height: 1.5; max-width: calc(100% - 28px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtb-shoot-body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 12px; }
.rtb-shoot-lines { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rtb-shoot-title { font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtb-shoot-meta { font-size: 14px; line-height: 1.5; color: var(--rtb-t3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtb-shoot-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.rtb-shoot-tags { display: flex; gap: 8px; min-width: 0; }
.rtb-pill { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1; white-space: nowrap; color: var(--muted); background: rgba(255, 255, 255, .06); border: 1px solid var(--border); }
html[data-theme="light"] .rtb-pill { background: rgba(16, 24, 40, .05); }
.rtb-pill.is-accent { color: var(--rtb-accent); background: rgba(230, 210, 177, .08); border-color: rgba(230, 210, 177, .28); }
html[data-theme="light"] .rtb-pill.is-accent { color: #7a5c2e; background: rgba(230, 210, 177, .3); border-color: rgba(122, 92, 46, .35); }
.rtb-person { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); min-width: 0; white-space: nowrap; }
.rtb-avatar { width: 26px; height: 26px; flex: 0 0 26px; box-sizing: border-box; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; line-height: 1; color: #ffffff; }
.rtb-avatar.is-me { background: var(--raised); border: 1px solid rgba(230, 210, 177, .4); color: var(--rtb-accent); }
html[data-theme="light"] .rtb-avatar.is-me { color: #7a5c2e; }

/* panels and rows (Needs you, See all) */
.rtb-panel { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); min-width: 0; }
.rtb-panel--card { background: var(--card); }
html[data-theme="light"] .rtb-panel--card { background: var(--panel); }
.rtb-list { display: flex; flex-direction: column; }
.rtb-row { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--divider); }
.rtb-row:last-child { border-bottom: 0; }
.rtb-row--more { padding: 14px 20px; }
.rtb-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 999px; background: var(--rtb-text-4); }
.rtb-dot--now { background: var(--rtb-accent); }
.rtb-dot--new { background: var(--info); }
.rtb-dot--quiet { background: var(--rtb-text-4); }
.rtb-row-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rtb-row-title { font-size: 15px; font-weight: 600; line-height: 1.5; color: var(--text); overflow-wrap: anywhere; }
.rtb-row-meta { font-size: 13px; line-height: 1.5; color: var(--rtb-t3); overflow-wrap: anywhere; }
.rtb-empty { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px; }
.rtb-empty--row { padding: 20px 24px; }
.rtb-empty-text { font-size: 15px; font-weight: 600; color: var(--muted); }

/* This week */
.rtb-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.rtb-tiles.is-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rtb-tile { container-type: inline-size; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); padding: 18px; display: flex; flex-direction: column; gap: 8px; min-width: 0; box-sizing: border-box; }
.rtb-tile.is-highlight { border-color: var(--rtb-accent-line); }
.rtb-tile-label { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); white-space: nowrap; }
.rtb-tile.is-highlight .rtb-tile-label { color: var(--rtb-accent); }
html[data-theme="light"] .rtb-tile.is-highlight .rtb-tile-label { color: #7a5c2e; }
.rtb-tile-num { font-size: 32px; font-weight: 800; letter-spacing: -.03em; line-height: 1.25; color: var(--text); white-space: nowrap; font-variant-numeric: tabular-nums; }
.rtb-tile-note { font-size: 13px; line-height: 1.5; color: var(--rtb-t3); }

/* the blocks below (the person's own, in their own order) */
.rtb-block { min-width: 0; }
.rtb-block > * { margin-bottom: 0; }

/* the Today switcher (TodayMore): a segmented control; on My day it floats top right, on See all it sits beside the title, elsewhere it leads the page */
.subtabs.rtb-seg { display: flex; flex-wrap: nowrap; gap: 0; width: max-content; max-width: 100%; margin: 0 0 16px; padding: 4px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); overflow-x: auto; scrollbar-width: none; }
.subtabs.rtb-seg::-webkit-scrollbar { display: none; }
.subtabs.rtb-seg .subtab { height: 36px; padding: 0 14px; border: 0; border-radius: 7px; background: transparent; color: var(--rtb-t3); font: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; margin: 0; box-shadow: none; }
.subtabs.rtb-seg .subtab:hover { color: var(--text); background: transparent; }
.subtabs.rtb-seg .subtab.active { background: var(--raised); color: var(--text); border: 0; }
.rtb-home > .crumb { display: none; }
.rtb-home { position: relative; }
@media (min-width: 861px) {
  .rtb-home[data-rtb-child="today"] > .subtabs.rtb-seg { position: absolute; top: 2px; right: 72px; margin: 0; z-index: 2; }
  .rtb-h1-row > .subtabs.rtb-seg { position: static; margin: 0; }
}
.rtb-subseg { display: flex; gap: 8px; margin: 0 0 16px; flex-wrap: wrap; }
.rtb-subseg-btn { height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--border); background: transparent; color: var(--rtb-t3); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.rtb-subseg-btn.active { background: var(--raised); color: var(--text); }

/* See all */
.rtb-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.rtb-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rtb-group { gap: 10px; }
.rtb-list--tight .rtb-grow { border-bottom: 1px solid var(--divider); }
.rtb-grow { display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 16px; box-sizing: border-box; }
.rtb-grow:last-child, .rtb-trow:last-child, .rtb-orow:last-child { border-bottom: 0; }
.rtb-grow-name { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; }
.rtb-grow-name .rtb-link { font-size: 15px; font-weight: 600; color: var(--text); white-space: nowrap; }
.rtb-grow-name .rtb-link:hover { color: var(--rtb-accent); }
.rtb-grow-sum { font-size: 13px; color: var(--rtb-t3); white-space: nowrap; }
.rtb-money-mark { display: flex; flex: 0 0 auto; color: var(--rtb-t3); line-height: 0; }
.rtb-switch { width: 48px; height: 28px; flex: 0 0 48px; box-sizing: border-box; border-radius: 999px; background: var(--raised); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); padding: 3px; display: flex; justify-content: flex-start; cursor: pointer; transition: background 150ms ease-out; }
html[data-theme="light"] .rtb-switch { box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .14); }
.rtb-switch-knob { width: 22px; height: 22px; border-radius: 999px; background: var(--rtb-t3); }
.rtb-switch.is-on { background: #e6d2b1; box-shadow: none; justify-content: flex-end; }
.rtb-switch.is-on .rtb-switch-knob { background: #0d0d0d; }
html[data-theme="light"] .rtb-switch.is-on .rtb-switch-knob { background: #101828; }

/* the drawers (Customize, peek): 480px from the right, no dimming (TodayMore) */
.slideover-scrim.rtb-drawer-scrim { background: transparent; }
@media (min-width: 861px) {
  .slideover-panel.rtb-drawer { top: 0; bottom: 0; right: 0; height: auto; width: 480px; max-width: 480px; box-sizing: border-box; padding: 28px 24px 24px; background: var(--panel); border: 0; border-left: 1px solid var(--border); border-radius: 0; box-shadow: 0 24px 64px rgba(0, 0, 0, .5); display: flex; flex-direction: column; gap: 20px; }
}
.rtb-drawer .slideover-head, .rtb-drawer .slideover-grab { display: none; }
.rtb-drawer .slideover-body { padding: 0; display: flex; flex-direction: column; gap: 20px; overflow-y: auto; flex: 1 1 auto; min-height: 0; }
.rtb-drawer-head { display: flex; flex-direction: column; gap: 8px; }
.rtb-drawer-eyebrow-row { display: flex; align-items: center; justify-content: space-between; }
.rtb-drawer-title { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; color: var(--text); }
.rtb-drawer-lede { margin: 0; font-size: 13px; line-height: 1.5; color: var(--rtb-t3); }
.rtb-dsec { display: flex; flex-direction: column; gap: 10px; }
.rtb-dsec-label { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); }
.rtb-trow { display: flex; align-items: center; gap: 12px; height: 44px; padding: 0 16px; box-sizing: border-box; border-bottom: 1px solid var(--divider); }
.rtb-trow-name { flex: 1 1 auto; font-size: 15px; font-weight: 600; color: var(--text); }
.rtb-lock { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--rtb-t3); }
.rtb-orow { display: flex; align-items: center; gap: 12px; padding: 12px 16px; box-sizing: border-box; border-bottom: 1px solid var(--divider); cursor: grab; }
.rtb-orow.dragging { opacity: .5; }
.rtb-grip { display: flex; color: var(--rtb-text-4); line-height: 0; flex: 0 0 16px; }
.rtb-orow-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rtb-orow-name { display: flex; align-items: center; gap: 8px; border: 0; background: transparent; padding: 0; font: inherit; font-size: 15px; font-weight: 600; color: var(--text); text-align: left; cursor: pointer; line-height: 1.4; }
.rtb-orow-name:hover { color: var(--rtb-accent); }
.rtb-orow-sub { font-size: 13px; color: var(--rtb-t3); line-height: 1.4; }
.rtb-money-note { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 13px; line-height: 1.5; color: var(--rtb-t3); }
.rtb-money-note > span { display: flex; flex: 0 0 16px; padding-top: 2px; }
.rtb-drawer-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 4px; }
.rtb-peek-body { min-width: 0; overflow: auto; }
.rtb-peek-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 4px; }
.rtb-peek-foot-label { font-size: 15px; font-weight: 600; color: var(--text); }
.rtb-detail-back { margin: 0 0 12px; }
.rtb-detail-body { min-width: 0; }

/* polish found against the boards */
html[data-theme] .rtb-grow-name .rtb-link { color: var(--text); font-size: 15px; font-weight: 600; }
html[data-theme] .rtb-grow-name .rtb-link:hover { color: var(--rtb-accent); }
.rtb-seeall { gap: 24px; }
.rtb-drawer .slideover-foot { padding: 0; border: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rtb-orow { padding: 10px 16px; }
.rtb-tile-num.is-long { font-size: 24px; line-height: 1.6; }
.rtb-tile-num.is-longer, .rtb-tile-num.is-xlong { font-size: 24px; line-height: 1.6; }
/* ROUND 3 (judge MF4): a tile's label and figure are always one line each, never cut and never split mid-number, at every window from 1024 to 1920 and for
   figures up to $9,999,999 and 999d. Two steps, both container queries (the element's own width, not the window's): (1) the week row is four across while its column is
   560px or wider (the board at 1440) and two by two below that (the phone board's shape); (2) the figure steps down the type ramp (32, 24, 20, 17) by the width of ITS tile and the
   length of its text (is-long 6 to 7 characters, is-longer 8 to 9, is-xlong 10 and more). Numerals are tabular so a figure never jitters. */
.rtb-week { container-type: inline-size; container-name: rtbweek; }
@container rtbweek (max-width: 559px) { .rtb-tiles:not(.rtb-tiles--wide) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rtb-two .rtb-tile { max-height: none; } }
@container (max-width: 79px) { .rtb-tile-num { font-size: 24px; } .rtb-tile-label { letter-spacing: .08em; } }
@container (max-width: 105px) { .rtb-tile-label { letter-spacing: .12em; } }
@container (max-width: 97px) { .rtb-tile-num.is-long { font-size: 20px; } .rtb-tile-label { letter-spacing: .1em; } }
@container (max-width: 111px) { .rtb-tile-num.is-longer { font-size: 20px; } .rtb-tile-num.is-xlong { font-size: 17px; } }
@container (max-width: 134px) { .rtb-tile-num.is-xlong { font-size: 20px; } }
@container (max-width: 111px) { .rtb-tile-num.is-xlong { font-size: 17px; } }
@container (max-width: 91px) { .rtb-tile-num.is-longer { font-size: 17px; } .rtb-tile-num.is-xlong { font-size: 15px; } }
.rtb-tiles--wide.rtb-tiles--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rtb-tiles--wide.rtb-tiles--n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 860px) { .rtb-tiles--wide.rtb-tiles--n3 .rtb-tile:last-child { grid-column: 1 / -1; } }
.slideover-panel:focus, .slideover-panel:focus-visible { outline: none; }

/* Learn (the door's tile page) */
.rtb-learn-search { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.rtb-learn-field { display: flex; align-items: center; gap: 14px; width: min(720px, 100%); height: 56px; box-sizing: border-box; padding: 0 20px; border-radius: 14px; background: var(--panel); border: 1px solid var(--rtb-ctl-line); color: var(--rtb-t3); }
.rtb-learn-input { all: unset; flex: 1 1 auto; min-width: 0; font-size: 17px; line-height: 1.4; color: var(--text); }
.rtb-learn-input::placeholder { color: var(--rtb-t3); }
.rtb-learn-field:focus-within { border-color: var(--rtb-accent-line); }
.rtb-learn-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; align-items: start; }
.rtb-learn-group { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rtb-learn-col { display: flex; flex-direction: column; gap: 12px; }
.rtb-learn-tile { display: flex; align-items: flex-start; gap: 16px; min-height: 96px; box-sizing: border-box; padding: 20px; border-radius: 14px; background: var(--panel); border: 1px solid var(--border); color: var(--text); text-decoration: none; }
.rtb-learn-tile:hover { border-color: var(--border-strong); }
.rtb-learn-ico { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; background: var(--raised); color: var(--rtb-accent); display: flex; align-items: center; justify-content: center; }
html[data-theme="light"] .rtb-learn-ico { color: #7a5c2e; }
.rtb-learn-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1 1 auto; }
.rtb-learn-name { font-size: 17px; font-weight: 700; line-height: 1.3; }
.rtb-learn-blurb { font-size: 14px; line-height: 1.5; color: var(--muted); }

/* crew Today (CrewToday, EditorToday) */
.rtb-crew .rtb-head { margin-bottom: -16px; }
.rtb-two--crew { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.rtb-two--editor { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.rtb-cards--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rtb-shoots .rtb-sec-head, .rtb-cuts .rtb-sec-head { margin-bottom: -2px; }
.rtb-shoot--crew.is-next { border-color: var(--rtb-accent-line); }
.rtb-shoot-titlerow { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-width: 0; }
.rtb-shoot-wx { font-size: 13px; line-height: 1.4; color: var(--muted); min-width: 0; }
.rtb-shoot-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding-top: 4px; }
.rtb-btn--full { width: 100%; }
.rtb-btn.is-off { opacity: .45; cursor: default; }
.rtb-btn[disabled] { opacity: .45; cursor: default; }
.rtb-tiles--wide { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.rtb-tiles--wide .rtb-tile { padding: 20px; }
.rtb-tile-label--lock { display: flex; align-items: center; gap: 8px; }
.rtb-tile--pay .rtb-tile-num { color: var(--muted); }
/* editor: Your cuts */
.rtb-cuts { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rtb-cut { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto auto auto; align-items: center; gap: 16px; padding: 18px 20px; border-bottom: 1px solid var(--divider); }
.rtb-cut:last-child { border-bottom: 0; }
.rtb-cut-thumb { width: 72px; height: 48px; border-radius: 10px; overflow: hidden; background: var(--raised); display: flex; align-items: center; justify-content: center; color: var(--rtb-text-4); }
.rtb-cut-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rtb-cut-text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rtb-cut-title { font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--text); overflow-wrap: anywhere; }
.rtb-cut-meta { font-size: 13px; line-height: 1.4; color: var(--rtb-t3); overflow-wrap: anywhere; }
.rtb-cut-stage, .rtb-cut-due { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); white-space: nowrap; }
.rtb-dot--danger { background: var(--danger); }
.rtb-cut-links { display: flex; gap: 20px; flex-wrap: wrap; }

/* =====================================================================================================================================
   PHONE (<= 860px): bottom bar, top tools, Today stacked, the Me page. Boards ShellPhone, Phone. The old drawer (burger) is gone: Me lists every door.
   ===================================================================================================================================== */
@media (max-width: 860px) {
  /* the page tools: only Search and the bell stay in the top bar (44px targets); Upload, View as, shortcuts and the rest are on Me */
  #mobile-topbar { height: 52px; box-sizing: border-box; padding: 4px 16px 0; gap: 8px; justify-content: flex-end; background: var(--bg); border: 0; }
  #mobile-topbar .mt-burger, #mobile-topbar .mt-title, #mobile-topbar .mt-avatar, #mobile-topbar .mt-upload { display: none; }
  #mobile-topbar .mt-search, #mobile-topbar .mt-bell { width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex: 0 0 44px; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--text); display: flex; align-items: center; justify-content: center; position: relative; padding: 0; }
  #mobile-topbar .mt-bell .mt-bell-ico { display: flex; line-height: 0; }
  #mobile-topbar .mt-bell .notif-bell-badge { position: absolute; top: -8px; right: -8px; min-width: 20px; height: 20px; box-sizing: border-box; padding: 0 5px; border-radius: 999px; background: var(--rtb-accent); color: #0d0d0d; font-size: 12px; font-weight: 700; line-height: 20px; text-align: center; box-shadow: none; border: 0; }
  #sidebar, #nav-backdrop { display: none !important; }
  /* the bar (Phone board): 84px with the home-bar space, five slots, EVE in the centre */
  nav#tabbar.rtb-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; display: grid; grid-template-columns: repeat(var(--rtb-tabs, 5), minmax(0, 1fr)); align-items: stretch; height: calc(84px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; padding: 8px 8px calc(20px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--divider); background: rgba(13, 13, 13, .94); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: none; }
  html[data-theme="light"] nav#tabbar.rtb-tabbar { background: rgba(255, 255, 255, .94); }
  nav#tabbar.rtb-tabbar .tb-item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 44px; height: 100%; padding: 0; border: 0; background: transparent; text-decoration: none; font-size: 12px; font-weight: 600; line-height: 1.2; color: var(--sidebar-text); }
  nav#tabbar.rtb-tabbar .tb-item .tb-ico { display: flex; line-height: 0; }
  nav#tabbar.rtb-tabbar .tb-item .tb-ico svg { width: 22px; height: 22px; }
  nav#tabbar.rtb-tabbar .tb-item.active { color: var(--sidebar-active); }
  nav#tabbar.rtb-tabbar .tb-item.active::before { display: none; }
  nav#tabbar.rtb-tabbar .tb-eve { font-weight: 700; color: var(--rtb-accent); justify-content: flex-start; gap: 4px; }
  nav#tabbar.rtb-tabbar .tb-ring { width: 44px; height: 44px; box-sizing: border-box; border-radius: 999px; border: 1.5px solid rgba(230, 210, 177, .6); background: rgba(230, 210, 177, .10); display: flex; align-items: center; justify-content: center; margin-top: -10px; }
  html[data-theme="light"] nav#tabbar.rtb-tabbar .tb-eve { color: #7a5c2e; }
  html[data-theme="light"] nav#tabbar.rtb-tabbar .tb-ring { border-color: rgba(122, 92, 46, .5); background: rgba(230, 210, 177, .35); }
  nav#tabbar.rtb-tabbar .notif-bell-badge { position: absolute; top: 6px; left: calc(50% + 4px); min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 999px; background: var(--rtb-accent); color: #0d0d0d; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; border: 0; box-shadow: none; }
  /* content clears the bar; the floating buttons sit above it */
  #view { padding-bottom: calc(158px + env(safe-area-inset-bottom, 0px)); }   /* v100's room (50 + 62 + 46): already more than the 84px bar plus the home bar */
  #view:has(.jp) { padding-bottom: calc(200px + env(safe-area-inset-bottom, 0px)); }   /* the job page's collapsed sections reach into the last 84px of the page; 200px keeps them clear of the taller bar */
  .fab-dial-btn, #friday-bubble { bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important; }
  .fab-dial-btn { right: 16px; }
  /* Today stacks: title 32, one column of cards, tiles two across */
  #view:has(.rtb-today) { padding: 2px 20px calc(200px + env(safe-area-inset-bottom, 0px)); }
  .rtb-today { gap: 32px; }
  .rtb-head { flex-direction: column; align-items: stretch; gap: 20px; }
  .rtb-h1 { font-size: 32px; letter-spacing: -.03em; line-height: 1.1; }
  .rtb-lede { font-size: 17px; }
  .rtb-head-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .rtb-head-actions .rtb-btn { width: 100%; min-height: 44px; padding: 11px 12px; }
  .rtb-btn--sm { min-height: 44px; }
  .rtb-cards, .rtb-cards--two, .rtb-two, .rtb-two--crew, .rtb-groups, .rtb-learn-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .rtb-tiles, .rtb-tiles--wide, .rtb-tiles.is-three { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rtb-cut { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; padding: 14px 16px; }
  .rtb-cut-thumb { width: 56px; height: 40px; }
  .rtb-cut-stage, .rtb-cut-due { grid-column: 2 / span 2; }
  .rtb-h1-row { flex-direction: column; align-items: flex-start; gap: 12px; }
  .subtabs.rtb-seg { max-width: 100%; }
  .rtb-grow { height: 44px; }
  .rtb-switch { position: relative; }
  .rtb-switch::after { content: ""; position: absolute; inset: -8px -4px; }
  .slideover-panel.rtb-drawer, .slideover-panel.rtb-notif { width: 100%; max-width: 100%; }
  /* the Me page */
  .rtb-me .rtb-head { gap: 8px; }
  .rtb-mesearch { display: flex; align-items: center; gap: 12px; width: 100%; height: 48px; box-sizing: border-box; padding: 0 16px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: var(--panel); color: var(--rtb-t3); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; }
}
.rtb-mesec { display: flex; flex-direction: column; gap: 10px; }
.rtb-merow { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 0 16px; box-sizing: border-box; border: 0; border-bottom: 1px solid var(--divider); background: transparent; color: var(--text); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; }
.rtb-merow:last-child { border-bottom: 0; }
.rtb-merow-ico { display: flex; color: var(--muted); line-height: 0; flex: 0 0 22px; }
.rtb-merow-ico svg { width: 22px; height: 22px; }
.rtb-merow-lbl { flex: 1 1 auto; }
.rtb-merow-meta { font-size: 13px; font-weight: 500; color: var(--rtb-t3); }
.rtb-merow-go { display: flex; color: var(--rtb-text-4); }
.rtb-mesearch { display: none; }
@media (max-width: 860px) { .rtb-mesearch { display: flex; } }

/* fit the board's 900px page: the two-column row fills the screen, the tiles stretch (max 141px) */
@media (min-width: 861px) {
  #view:has(.rtb-today:not(.rtb-learn):not(.rtb-me):not(.rtb-seeall):not(.rtb-detail)) { min-height: calc(100vh - 54px); box-sizing: border-box; display: flex; flex-direction: column; }
  .rtb-today:not(.rtb-learn):not(.rtb-me):not(.rtb-seeall):not(.rtb-detail) { flex: 1 1 auto; }
  .rtb-two:not(.rtb-two--crew) { flex: 1 1 auto; align-items: stretch; }
  .rtb-two .rtb-week { align-self: stretch; }
  .rtb-two .rtb-tiles { flex: 1 1 auto; }
  .rtb-two .rtb-tile { max-height: 141px; }
}

/* line heights the boards use (browser 'normal' for small text, 1.3 for titles and links) */
.rtb-shoot-title { line-height: 1.3; } .rtb-shoot-meta { line-height: 1.3; } .rtb-link { line-height: 1.3; }
.rtb-row-title, .rtb-row-meta, .rtb-tile-label, .rtb-eyebrow-quiet, .rtb-dsec-label { line-height: normal; }
.rtb-tile-num { line-height: normal; }

.rtb-lede .rtb-link { font-size: inherit; line-height: inherit; }

html[data-theme] a.rtb-btn { text-decoration: none; }
html[data-theme] .rtb-btn--secondary { color: var(--text); }
html[data-theme="dark"] .rtb-btn--accent { color: #0d0d0d; }

html[data-theme="light"] #topheader .nav-arrow:disabled { color: var(--rtb-t3); }

.rtb-notif .notif-foot { position: sticky; bottom: 0; background: var(--panel); padding: 12px 0 0; margin-top: auto; }

/* =====================================================================================================================================
   PHONE TODAY (<= 860px), round 2: boards Phone and ShellPhone. The header carries the weekday and a count line; the real top bar (Search, bell) sits
   in the eyebrow row; the next shoot is one big card; "Later today" is compact rows. The sync chip shows only when something is wrong.
   ===================================================================================================================================== */
@media (max-width: 860px) {
  #sync-chip.sync-chip.ok, #sync-chip.sync-chip.syncing { display: none !important; }
  .rtb-ph-head { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
  .rtb-ph-row { height: 44px; display: flex; align-items: center; }
  /* PHONEBAR 2026-10-18: Ask EVE, a small button beside the title (EVE is not a tab any more); the top bar's Search and bell stay in the eyebrow row above it */
  .rtb-ph-titlerow { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
  .rtb-ph-titlerow .rtb-h1 { flex: 1 1 auto; min-width: 0; }
  .rtb-ask-eve { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; margin-top: 2px; border-radius: 999px; border: 1px solid var(--rtb-accent-line); background: transparent; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
  .rtb-ask-eve-ico { display: flex; line-height: 0; }
  .rtb-ask-eve-ico svg { width: 16px; height: 16px; }
  html[data-theme="light"] .rtb-ask-eve { color: #7a5c2e; }
  nav#tabbar.rtb-tabbar .tb-item .notif-bell-badge.rtb-cl-badge { background: #e8705f; color: #1b0a06; font-size: 13px; }   /* the red count on Clients */
  .rtb-ph-head .rtb-h1 { margin: 0; font-size: 32px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
  body:has(.rtb-ph-head) #main { padding-top: 0; }
  #view:has(.rtb-ph-head) { padding-top: calc(40px + env(safe-area-inset-top, 0px)); }
  body:has(.rtb-ph-head) #mobile-topbar { position: absolute; top: calc(40px + env(safe-area-inset-top, 0px)); left: auto; right: 20px; width: auto; height: 44px; padding: 0; background: transparent; z-index: 60; }
  .rtb-today:has(.rtb-ph-head) { gap: 22px; }
  .rtb-ph-shoots { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
  .rtb-hero { border-radius: 18px; overflow: hidden; background: var(--card); border: 1px solid var(--rtb-accent-line); min-width: 0; }
  .rtb-hero-media { position: relative; height: 180px; overflow: hidden; background: var(--raised); display: flex; align-items: center; justify-content: center; cursor: pointer; }
  .rtb-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
  .rtb-hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 13, 13, 0) 40%, rgba(13, 13, 13, .85) 100%); }
  .rtb-hero-over { position: absolute; left: 16px; right: 16px; bottom: 14px; display: flex; flex-direction: column; gap: 4px; }
  .rtb-hero-next { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #e6d2b1; line-height: normal; }
  .rtb-hero-addr { font-size: 20px; font-weight: 800; letter-spacing: -.02em; line-height: normal; color: #ffffff; overflow-wrap: anywhere; }
  .rtb-hero-body { padding: 16px; display: flex; flex-direction: column; gap: 14px; }
  .rtb-hero-meta { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; font-size: 14px; color: var(--muted); line-height: normal; }
  .rtb-hero-access { text-align: right; overflow-wrap: anywhere; min-width: 0; }
  .rtb-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .rtb-hero-actions .rtb-btn { min-height: 44px; padding: 13px 16px; font-size: 15px; }   /* the board's 13px top and bottom; 16px at the sides (not 26) so 'Done shooting' fits in half the card */
  .rtb-later { display: flex; flex-direction: column; gap: 10px; }
  .rtb-later-h { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); line-height: normal; }
  .rtb-later-list { display: flex; flex-direction: column; gap: 10px; }
  .rtb-later-row { display: flex; align-items: center; gap: 14px; padding: 12px; border-radius: 14px; background: var(--panel); border: 1px solid var(--border); color: var(--text); text-decoration: none; min-height: 44px; min-width: 0; }
  .rtb-later-thumb { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 10px; overflow: hidden; background: var(--raised); display: flex; align-items: center; justify-content: center; color: var(--rtb-text-4); }
  .rtb-later-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .rtb-later-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
  .rtb-later-title { font-size: 15px; font-weight: 700; line-height: normal; overflow-wrap: anywhere; }
  .rtb-later-sub { font-size: 13px; color: var(--rtb-t3); line-height: normal; overflow-wrap: anywhere; }
  .rtb-later-go { display: flex; color: var(--rtb-text-4); flex: 0 0 auto; }
  .rtb-ph-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .rtb-ph-actions .rtb-btn { width: 100%; min-height: 44px; padding: 11px 12px; }
}
@media (min-width: 861px) { .rtb-ph-actions, .rtb-ph-head { display: none; } }
@media (max-width: 860px) {
  #mobile-topbar .mt-search { order: 1; } #mobile-topbar .mt-bell { order: 2; } #sync-chip { order: 0; }   /* ShellPhone: Search, then the bell at the right edge */
  html[data-theme] a.rtb-later-row { color: var(--text); }
}

@media (max-width: 860px) {
  .rtb-today .rtb-ph-head { margin-bottom: 0; }
  #friday-bubble { display: none !important; }   /* EVE has its own slot in the bar; the floating orb was a second door to it */
  nav#tabbar.rtb-tabbar { align-items: center; }
  nav#tabbar.rtb-tabbar .tb-item { height: auto; align-self: center; }
  nav#tabbar.rtb-tabbar .tb-ring { margin-top: 0; box-sizing: content-box; }
}

@media (max-width: 860px) {
  nav#tabbar.rtb-tabbar { align-content: start; }
  html[data-theme="dark"] .rtb-hero { border-color: rgba(230, 210, 177, .30); }
  html[data-theme="dark"] nav#tabbar.rtb-tabbar { border-top-color: rgba(255, 255, 255, .08); }
}
@media (max-width: 860px) {
  nav#tabbar.rtb-tabbar { align-items: start; grid-auto-rows: auto; }
  nav#tabbar.rtb-tabbar .tb-item { align-self: start; margin-top: 10.5px; min-height: 44px; }
  nav#tabbar.rtb-tabbar .tb-item.tb-eve { margin-top: 0; min-height: 0; }
}

/* ---------- Notifications: rows as the ShellBits and ShellPhone boards draw them (round 2; restyle only, the markup is core.js's own) ----------
   a champagne dot for unread, the icon in a 36px circle, title and one detail line, the time, the dismiss cross; "Needs you" rows carry a tinted circle and a chevron. */
.rtb-notif .notif-row { position: relative; display: flex; align-items: flex-start; }
.rtb-notif .notif-row.unread::before { content: ""; flex: 0 0 8px; width: 8px; height: 8px; border-radius: 999px; background: var(--rtb-accent); margin: 26px 0 0 14px; }
.rtb-notif .notif-row.unread > .notif-go { padding-left: 0; }
.rtb-notif .notif-row-x:not(.unread) > .notif-go { padding-left: 32px; }   /* read rows line up with unread ones (dot 8 + gap 10 + 14) */
.rtb-notif .notif-ico { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 999px; background: var(--raised); color: var(--muted); }
.rtb-notif .notif-ico svg { width: 18px; height: 18px; }
.rtb-notif .notif-row.action { display: flex; align-items: center; gap: 12px; padding: 12px 14px; width: 100%; text-align: left; }
.rtb-notif .notif-row.action .notif-ico { background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtb-notif .notif-row.action::after { content: ""; flex: 0 0 8px; width: 8px; height: 8px; border: solid var(--rtb-text-4); border-width: 2px 2px 0 0; transform: rotate(45deg); margin-right: 4px; }
.rtb-notif .notif-row.action .notif-main { flex: 1 1 auto; min-width: 0; }
@media (max-width: 860px) {
  /* the phone's sheet: from under the header down to the bar, rounded top, grabber */
  .slideover-panel.rtb-notif { position: fixed; left: 0; right: 0; top: calc(140px + env(safe-area-inset-top, 0px)); bottom: calc(84px + env(safe-area-inset-bottom, 0px)); width: 100%; max-width: 100%; height: auto; box-sizing: border-box; padding: 12px 20px 20px; background: var(--panel); border: 0; border-top: 1px solid var(--border); border-radius: 18px 18px 0 0; box-shadow: 0 24px 64px rgba(0, 0, 0, .5); display: flex; flex-direction: column; gap: 10px; z-index: 95; }
  .rtb-notif .slideover-head { padding: 0; border: 0; }
  .rtb-notif .slideover-head h3 { font-family: var(--font); font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
  .rtb-notif .modal-close { width: 44px; height: 44px; border-radius: 12px; border: 0; background: transparent; color: var(--muted); }
  .rtb-notif .slideover-body { padding: 0; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; }
  .rtb-notif .notif-clear { min-height: 44px; padding: 0 18px; font-size: 15px; font-weight: 600; }
  .rtb-notif .notif-foot { justify-content: center; }
  .rtb-notif .notif-foot-note { display: none; }
  .rtb-notif .notif-inbox-link { min-height: 44px; }
}
@media (max-width: 860px) {
  .rtb-notif .slideover-body > * { flex-shrink: 0; }
  .rtb-today > .subtabs.rtb-seg { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
}

@media (max-width: 860px) {
  #mobile-topbar .mt-search, #mobile-topbar .mt-bell { color: var(--muted); }
  .slideover-scrim.rtb-scrim-clear { background: transparent; }
  .rtb-notif .notif-clear { min-height: 44px; padding: 13px 26px; font-size: 15px; font-weight: 600; border-radius: 8px; line-height: normal; }
}
@media (max-width: 860px) {
  .slideover-panel.rtb-notif { padding-top: 4px; }
  .rtb-notif .notif-clear { height: 47px; min-height: 44px; }
}

/* ---------- the Me page (boards PhoneMe, PhoneMeCrew): avatar, role and name, the bell; search; More places with a line each; tools two across ---------- */
@media (max-width: 860px) {
  /* FIXES-V103 nit 2 — the round + floated over the right-hand tools on this page (Sign out, Report a bug, View as ...) at first paint, at every phone width. The page has its own "Quick add" button, and a fixed button
     cannot be kept off a list that scrolls under it, so it is not drawn here. Every other page keeps it. */
  body:has(.rtb-me) .fab-dial-btn, body:has(.rtb-me) .fab-dial-menu { display: none !important; }
  /* FIXES-V103 nit 3 — the "← Back to Today" link was 17px tall on a phone: a 44px tap target now (the page keeps its look; the extra height replaces the old 12px gap under it). */
  .rtb-detail-back { margin: 0; }
  .rtb-detail-back .rtb-link { display: inline-flex; align-items: center; min-height: 44px; }
  .rtb-me { gap: 14px; }
  #view:has(.rtb-me) { padding-top: calc(40px + env(safe-area-inset-top, 0px)); }
  body:has(.rtb-me) #main { padding-top: 0; }
  .rtb-me-head { flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px; }
  .rtb-me-head .rtb-head-text { flex: 1 1 auto; gap: 6px; }
  .rtb-me-avatar { width: 52px; height: 52px; flex: 0 0 52px; box-sizing: border-box; border-radius: 999px; background: var(--raised); border: 1px solid rgba(230, 210, 177, .4); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: var(--rtb-accent); }
  .rtb-me-bellslot { width: 44px; height: 44px; flex: 0 0 44px; }
  body:has(.rtb-me) #mobile-topbar { position: absolute; top: calc(44px + env(safe-area-inset-top, 0px)); left: auto; right: 20px; width: auto; height: 44px; padding: 0; background: transparent; z-index: 60; }
  body:has(.rtb-me) #mobile-topbar .mt-search { display: none; }
  .rtb-mesearch { height: 46px; padding: 0 14px; gap: 10px; border-radius: 12px; font-size: 15px; font-weight: 400; }
  .rtb-mesec { gap: 8px; }
  .rtb-me .rtb-dsec-label { font-size: 12px; font-weight: 600; letter-spacing: .2em; margin: 0; }
  .rtb-merow { min-height: 52px; box-sizing: border-box; padding: 6px 14px; gap: 14px; }
  .rtb-metool .rtb-merow-ico svg { width: 18px; height: 18px; }
  #mobile-topbar .mt-bell .mt-bell-ico svg { width: 22px; height: 22px; }
  .rtb-merow-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; text-align: left; }
  .rtb-merow-txt .rtb-merow-lbl { font-size: 15px; font-weight: 600; }
  .rtb-merow-sub { font-size: 13px; font-weight: 400; color: var(--rtb-t3); line-height: normal; overflow-wrap: anywhere; }
  .rtb-merow-count { min-width: 28px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 999px; background: var(--raised); color: var(--rtb-accent); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
  .rtb-metools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 8px; }
  .rtb-metool { display: flex; align-items: center; gap: 12px; min-height: 44px; height: 44px; padding: 0 14px; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: var(--panel); color: var(--text); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; min-width: 0; }
  .rtb-metool span:last-child { min-width: 0; overflow-wrap: anywhere; }
}
@media (max-width: 860px) { .rtb-me-avatar.is-crew { background: #233e6b; color: #ffffff; border-color: rgba(230, 210, 177, .4); } }
@media (max-width: 860px) {
  .rtb-me .rtb-me-head { gap: 14px; }
  .rtb-me .rtb-me-head .rtb-h1 { line-height: 1.05; }
  .rtb-merow-txt .rtb-merow-lbl { line-height: 19px; }
  .rtb-metool { font-size: 14px; }
}

/* ---------- crew and editor Today, desktop (round 2): the boards' header rhythm (10px between eyebrow, title and line), the chip, the full-width link rows, the pay tile as a link ---------- */
@media (min-width: 861px) {
  .rtb-crew .rtb-head-text { gap: 10px; }
  .rtb-crew .rtb-eyebrow { line-height: 14.4px; }
  .rtb-shoot--crew .rtb-shoot-time { line-height: 17px; }
}
.rtb-row--more { padding: 0; }
.rtb-row--more .rtb-link { display: flex; align-items: center; width: 100%; min-height: 48px; padding: 0 20px; box-sizing: border-box; }
a.rtb-tile--pay { text-decoration: none; color: inherit; cursor: pointer; }
a.rtb-tile--pay:hover { border-color: var(--border-strong); }
@media (min-width: 861px) { .rtb-crew .rtb-tile-num { line-height: 1.1; } }

.rtb-tile-num--link { font-size: 20px; font-weight: 800; letter-spacing: -.02em; line-height: 1.3; }
@media (min-width: 861px) {
  .rtb-editor .rtb-head { margin-bottom: -12px; }
  .rtb-cut { grid-template-columns: 72px minmax(0, 1fr) 134px 114px 76px; gap: 14px; padding: 14px 20px; }
  .rtb-cut-title { line-height: 19px; }
  .rtb-cut-meta { line-height: 16px; }
  .rtb-cut-stage, .rtb-cut-due { line-height: 18px; }
  .rtb-cut .rtb-btn--sm { min-width: 76px; }
}
.rtb-tile--pay .rtb-tile-num.rtb-tile-num--link { color: var(--text); }

@media (max-width: 860px) { .rtb-hero-media { background: #1b1b1e; } }   /* the text sits on the photo under a dark fade; the box behind it is dark in both themes */

/* ---------- the designed image panel (round 2): a shoot with no photos yet. A quiet sky from the start time, the time large, one calm line, the package chip. Same box as a photo.
   Deep tones in BOTH themes so white text clears AA on every stop (checked: white 5.1 to 15.5 : 1, the .95 white line 4.9 to 14 : 1). A solid colour sits under the gradient. ---------- */
:root {
  --rtb-sky-morning-a: #2b4a78; --rtb-sky-morning-b: #4a6a93; --rtb-sky-morning-c: #7d5d6e;
  --rtb-sky-midday-a: #1e4d73; --rtb-sky-midday-b: #2c6a91; --rtb-sky-midday-c: #2a6f8f;
  --rtb-sky-golden-a: #4f3a63; --rtb-sky-golden-b: #8a4f4f; --rtb-sky-golden-c: #94592a;
  --rtb-sky-twilight-a: #1a2147; --rtb-sky-twilight-b: #34306b; --rtb-sky-twilight-c: #6e4570;
}
.rtb-dp { position: absolute; inset: 0; box-sizing: border-box; padding: 18px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; color: #ffffff; overflow: hidden;
  background-color: var(--dp-b); background-image: linear-gradient(165deg, var(--dp-a) 0%, var(--dp-b) 55%, var(--dp-c) 100%); }
.rtb-dp--morning { --dp-a: var(--rtb-sky-morning-a); --dp-b: var(--rtb-sky-morning-b); --dp-c: var(--rtb-sky-morning-c); }
.rtb-dp--midday { --dp-a: var(--rtb-sky-midday-a); --dp-b: var(--rtb-sky-midday-b); --dp-c: var(--rtb-sky-midday-c); }
.rtb-dp--golden { --dp-a: var(--rtb-sky-golden-a); --dp-b: var(--rtb-sky-golden-b); --dp-c: var(--rtb-sky-golden-c); }
.rtb-dp--twilight { --dp-a: var(--rtb-sky-twilight-a); --dp-b: var(--rtb-sky-twilight-b); --dp-c: var(--rtb-sky-twilight-c); }
.rtb-dp-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rtb-dp-date { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .95); line-height: normal; }
.rtb-dp-time { font-size: 32px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; color: #ffffff; }
.rtb-dp-note { font-size: 13px; line-height: normal; color: rgba(255, 255, 255, .95); }
.rtb-dp-chip { flex: 0 0 auto; padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .55); background: rgba(255, 255, 255, .14); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #ffffff; line-height: normal; }
.rtb-dp--thumb { padding: 4px; align-items: center; justify-content: center; text-align: center; }
.rtb-dp--thumb .rtb-dp-time { font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 1.2; }
.rtb-dp--cut { padding: 4px; align-items: center; justify-content: center; text-align: center; }
.rtb-dp-word { font-size: 12px; font-weight: 700; line-height: 1.2; color: #ffffff; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
@media (max-width: 860px) { .rtb-dp-word { -webkit-line-clamp: 2; } }
.rtb-later-thumb, .rtb-cut-thumb { position: relative; }
.rtb-dp--hero { padding: 14px 16px; }
.rtb-dp--hero .rtb-dp-time { font-size: 24px; }

/* ---------- package tier chips and the "what to shoot" row (owner request 2026-10-04: an addition to the boards). Tier by WEIGHT, one accent, no new hue. ---------- */
.rtb-tier { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1; white-space: nowrap; box-sizing: border-box; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--muted); }
.rtb-tier--signature { background: #e6d2b1; border-color: #e6d2b1; color: #0d0d0d; font-weight: 700; }
.rtb-tier--premiere { border-color: var(--rtb-accent); color: var(--rtb-accent); }
.rtb-dp .rtb-tier { padding: 4px 10px; letter-spacing: .12em; }
.rtb-dp .rtb-tier--debut, .rtb-dp .rtb-tier--other { border-color: rgba(255, 255, 255, .6); color: #ffffff; background: rgba(13, 13, 13, .28); }
.rtb-dp .rtb-tier--premiere { border-color: #e6d2b1; color: #e6d2b1; background: rgba(13, 13, 13, .32); }
.rtb-dp .rtb-tier--signature { background: #e6d2b1; border-color: #e6d2b1; color: #0d0d0d; }
.rtb-svc { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 4px 12px; min-width: 0; }
.rtb-svc.is-reserved { min-height: 40px; }
.rtb-svc-i { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; line-height: 18px; color: var(--muted); white-space: nowrap; }
.rtb-svc-ic { display: flex; line-height: 0; flex: 0 0 auto; }
.rtb-svc-ic svg { width: 14px; height: 14px; }
.rtb-svc-more { color: var(--rtb-t3); }
.rtb-hero-pk { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
.rtb-hero .rtb-svc { gap: 6px 14px; }
.rtb-hero .rtb-svc-i, .rtb-shoot--crew .rtb-svc-i { font-size: 13px; font-weight: 600; color: var(--text); }
.rtb-hero .rtb-svc-ic svg, .rtb-shoot--crew .rtb-svc-ic svg { width: 16px; height: 16px; }
.rtb-later-text .rtb-svc { gap: 2px 10px; }
.rtb-later-sub { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
.rtb-later-sub .rtb-tier { padding: 3px 8px; font-size: 12px; letter-spacing: .1em; }

/* ---------- the person's own blocks on Today (the old dashboard cards) on a phone: rows wrap instead of cutting the address, exactly as the old Today's rows did (styles.css .today-section .list-row at 640px) ---------- */
@media (max-width: 640px) {
  .rtb-block .list-row { flex-wrap: wrap; row-gap: 4px; align-items: center; min-height: 44px; padding: 10px 14px; }
  .rtb-block .list-row > .grow { flex: 1 1 calc(100% - 40px); min-width: 0; white-space: normal; overflow: visible; }
  .rtb-block .list-row > .grow div, .rtb-block .list-row > .grow .muted { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere; }   /* !important: dashboard.js writes white-space: nowrap and ellipsis inline */
  .rtb-block .list-row > .nowrap:last-child { margin-left: auto; }
}
/* a closed <details> keeps no boxes of its own on the page (the job page's "More" holds a long form) */
.jp-details:not([open]) > .jp-details-body { display: none; }
@media (max-width: 860px) { .rtb-hero-media { color: #ffffff; } }
.rtb-dp .rtb-tier--debut, .rtb-dp .rtb-tier--other, .rtb-dp .rtb-tier--premiere { background: rgba(13, 13, 13, .78); }   /* an opaque-enough dark pill: the champagne and white text on it clear AA on every sky stop */

/* ---------- ROUND 3 (phone) ---------- */
@media (max-width: 860px) {
  /* the Today switcher tabs are 44px tall targets */
  .subtabs.rtb-seg .subtab { height: 44px; }
  /* a banner at the top of the page (Act as, update ready, storage, no sign-in) pushes the page down; the top tools must not sit on it: they return to the
     normal flow, above the banner, and the page head gives its extra top room back */
  body:has(:is(#actas-banner, #nologin-banner, #storage-banner, #migration-banner, #main > [role="alert"])):is(:has(.rtb-ph-head), :has(.rtb-me)) #mobile-topbar { position: relative; top: auto; right: auto; width: auto; height: 52px; padding: 4px 16px 0; background: var(--bg); }
  body:has(:is(#actas-banner, #nologin-banner, #storage-banner, #migration-banner, #main > [role="alert"])) #view:is(:has(.rtb-ph-head), :has(.rtb-me)) { padding-top: 12px; }
}

/* ---------- ROUND 3 (desktop): nothing sits on top of the page ---------- */
@media (min-width: 861px) {
  body.rtb-orb-off #friday-bubble { display: none !important; }
  /* the round + button stays; the Today pages keep 96px of room under their content so it never lands on a tile or a button */
  #view:has(.rtb-today:not(.rtb-learn):not(.rtb-me):not(.rtb-detail)) { padding-bottom: 96px; }
  /* and it sits in the page's right margin (the content stops 72px from the window edge; the button is 56px wide and now 10px in), so it is clear of every tile and button at 1024 to 1920 */
  .fab-dial-btn { right: 10px; bottom: 16px; }
  .fab-dial-menu { right: 10px; bottom: calc(16px + 68px); }
}

/* ROUND 3: nothing in the bell drawer shrinks to fit a short window (it squeezed the rows and cut the "back tomorrow" chip); the drawer body scrolls instead */
.rtb-notif .slideover-body > *, .rtb-notif .notif-list > .notif-row { flex-shrink: 0; }
/* v104 STREET VIEW: Google's picture of the address when a shoot has no photo. The picture keeps its own logo and copyright (bottom of the image), so it is never cropped there:
   wide boxes anchor the picture to the bottom-left; a box narrower than the picture's shape shows the whole picture instead (is-contain). */
.rtb-shoot-media.is-street, .rtb-hero-media.is-street, .rtb-later-thumb.is-street { background: #1b1b1e; }
.rtb-street-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left bottom; display: block; }
.is-street.is-contain > .rtb-street-img { object-fit: contain; object-position: center; }
.rtb-street-pill { position: absolute; right: 14px; top: 14px; padding: 4px 10px; border-radius: 999px; background: var(--rtb-chip-photo); font-size: 12px; font-weight: 700; color: #ffffff; line-height: 1.5; white-space: nowrap; z-index: 1; }
.rtb-shoot-media.is-street .rtb-shoot-time { max-width: calc(100% - 130px); z-index: 1; }
/* the phone hero writes the address over the bottom of the picture; with a street picture that is where Google's logo and copyright sit, so the fade stops 30px short and the words sit above it */
.rtb-hero-media.is-street .rtb-hero-shade { background: linear-gradient(180deg, rgba(13, 13, 13, 0) 30%, rgba(13, 13, 13, .8) calc(100% - 76px), rgba(13, 13, 13, .55) calc(100% - 44px), rgba(13, 13, 13, 0) calc(100% - 30px), rgba(13, 13, 13, 0) 100%); }   /* the bottom 30px carry no fade at all */
.rtb-hero-media.is-street .rtb-hero-over { bottom: 34px; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); }

/* ===== RTB-JOBS:BEGIN (gen/hub-jobs.css, hand-written; the build only appends it; it lives INSIDE the RTB-SHELL section) ===== */
/* ==========================================================================
   RTB-JOBS (app v105): the Jobs screens. Boards Jobs, JobsTable, JobsTimeline, JobsWorkload, JobsCuts, PhoneJobs, PhoneJobsFilter, PhoneNewJob.
   Hand-written (gen/hub-jobs.css); the build appends it to hub.css after the RTB-SHELL block. Everything is scoped to classes that only the new Jobs
   screens write (rtbj-*) or to #view:has(.rtbj-head), so no other screen moves. Law tokens as in the shell block (--panel, --card, --raised, --border, --divider, --muted, --rtb-t3, --rtb-accent).
   ========================================================================== */
:root { --rtbj-hover: var(--hover); --rtbj-band: #f1f0ec; --rtbj-ctl: var(--bg); --rtbj-press: var(--raised); --rtbj-press-ink: var(--text); }
html[data-theme="dark"] { --rtbj-hover: #1a1a1d; --rtbj-band: #121214; --rtbj-ctl: #0d0d0d; }

/* ---------- the page ---------- */
#view:has(.rtbj-head) { max-width: none; margin: 0; padding: 2px 72px 60px; }
#view:has(.rtbj-head) .subtab-body { padding: 0; }
#view:has(.rtbj[data-rtbj-mode="kanban"]) { padding: 2px 56px 40px; }
.rtbj-parent > .crumb, .rtbj-parent > .subtabs { display: none; }
.rtbj { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.rtbj[data-rtbj-mode="kanban"] { gap: 28px; }
.rtbj-slot { display: flex; flex-direction: column; gap: 18px; min-width: 0; margin-top: 18px; }
.rtbj-host > .rtbj-head { margin-bottom: 0; }
.rtbj-slot .vpr-headline { display: none; }
.rtbj-slot .vpr-head { justify-content: flex-start; }
.rtbj-slot > .view-header, .rtbj-slot > div > .view-header:first-child, .rtbj-slot .so-pagehead:first-child { display: none; }

/* the boards leave line-height to the browser except where they set it: so do these parts (the app's 1.5 would add 3px to every line) */
.rtbj-head, .rtbj-board, .rtbj-list, .rtbj-qrow, .rtbj-fpanel, .rtbj-dpanel, .rtbj-pboard, .rtbj-choices, .rtbj-fs, .rtbj-empty { line-height: normal; }
.rtbj-lede { line-height: 1.6; }
.rtbj[data-rtbj-mode="kanban"] .rtbj-h1 { line-height: normal; }

/* ---------- the header ---------- */
.rtbj-head { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rtbj-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--rtb-accent); line-height: normal; }
.rtbj-hrow { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 0; flex-wrap: wrap; }
.rtbj-titlegroup { display: flex; align-items: center; gap: 24px; min-width: 0; flex-wrap: wrap; }
.rtbj-h1 { margin: 0; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: var(--text); }
.rtbj-count { font-size: 15px; color: var(--rtb-t3); align-self: flex-end; margin: 0 -8px 9px 0; }
.rtbj-count:empty { display: none; }
.rtbj[data-rtbj-mode="kanban"] .rtbj-titlegroup { gap: 16px; }
.rtbj-lede { margin: 0; font-size: 17px; line-height: 1.6; font-weight: 400; color: var(--muted); max-width: none; }
.rtbj-lede a.rtbj-link, a.rtbj-link { font-weight: 600; color: var(--rtb-accent); text-decoration: none; }
.rtbj-link:hover { color: var(--text); }
.rtbj-tools, .rtbj-hdrtools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rtbj-seg { display: flex; padding: 4px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); box-sizing: border-box; }
.rtbj-seg-btn { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 16px; border-radius: 7px; border: 0; background: transparent; color: var(--rtb-t3); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: background .15s ease-out; }
.rtbj-seg-btn:hover { color: var(--text); }
.rtbj-seg-btn[aria-pressed="true"] { background: var(--raised); color: var(--text); }
.rtbj-seg-btn.rtbj-more { padding: 0 10px; }
.rtbj-search { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); width: 264px; box-sizing: border-box; color: var(--rtb-t3); }
.rtbj[data-rtbj-mode="kanban"] .rtbj-search { width: 250px; }   /* the board draws 314, but the view switch, the count and New job do not fit beside it at 1440 without wrapping: kept at 250 (no feature dropped for 64px) */
.rtbj[data-rtbj-mode="kanban"] .rtbj-seg-btn { padding: 0 10px; }
.rtbj[data-rtbj-mode="kanban"] .rtbj-hrow, .rtbj[data-rtbj-mode="kanban"] .rtbj-tools, .rtbj[data-rtbj-mode="kanban"] .rtbj-hdrtools { gap: 10px; }
.rtbj[data-rtbj-mode="kanban"] .rtbj-hrow { flex-wrap: nowrap; }
.rtbj-search-in { all: unset; flex: 1 1 auto; min-width: 0; font-size: 15px; color: var(--text); }
.rtbj-search-in::placeholder { color: var(--rtb-t3); opacity: 1; }
.rtbj-search:focus-within { border-color: var(--rtb-accent-line); }
.rtbj-ic { display: inline-flex; line-height: 0; flex: 0 0 auto; }
.rtbj-new { flex: 0 0 auto; }
.rtbj-segctl { display: flex; padding: 4px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); }
.rtbj-segctl-btn { height: 36px; padding: 0 14px; border-radius: 7px; border: 0; background: transparent; color: var(--rtb-t3); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rtbj-segctl-btn[aria-pressed="true"] { background: var(--raised); color: var(--text); }
.rtbj-segctl-n { margin-left: 6px; color: var(--rtb-t3); }

/* ---------- quick views, Display and Filter ---------- */
.rtbj-qrow { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.rtbj-quick { display: flex; padding: 4px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); flex-wrap: wrap; max-width: 100%; box-sizing: border-box; }
.rtbj-quick-btn { height: 34px; padding: 0 13px; border-radius: 7px; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.rtbj-quick-btn[aria-pressed="true"] { background: var(--raised); color: var(--text); }
.rtbj-quick-n { color: var(--rtb-t3); font-variant-numeric: tabular-nums; }
.rtbj-qtools { display: flex; align-items: center; gap: 12px; }
.rtbj-tbtn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-radius: 12px; background: transparent; border: 1px solid var(--border); color: var(--muted); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; box-sizing: border-box; }
.rtbj-tbtn .rtbj-ic { color: var(--rtb-t3); }
.rtbj-tbtn:hover { color: var(--text); }
.rtbj-tbtn.is-on { background: var(--rtb-accent-fill); border-color: var(--rtb-accent-line); color: var(--rtb-accent); }
.rtbj-tbtn.is-on .rtbj-ic { color: currentColor; }
.rtbj-badge { min-width: 20px; height: 20px; box-sizing: border-box; padding: 0 6px; border-radius: 999px; background: var(--rtb-accent-fill); color: var(--rtb-accent); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.rtbj-hdrtools .rtbj-tbtn { height: 44px; }
.rtbj-fpanel, .rtbj-dpanel { display: flex; border-radius: 14px; background: var(--panel); border: 1px solid var(--rtb-accent-line); box-sizing: border-box; }
.rtbj-fpanel { flex-direction: column; gap: 10px; padding: 12px 12px 12px 20px; }
.rtbj-dpanel { align-items: center; gap: 18px; padding: 10px 12px 10px 20px; flex-wrap: nowrap; }
.rtbj-savedwrap { display: flex; align-items: center; gap: 10px; }
@media (max-width: 1300px) { .rtbj-dpanel { flex-wrap: wrap; } }
.rtbj-frow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rtbj-frow + .rtbj-frow { gap: 12px; }
.rtbj-fspacer { flex: 1 1 0; }
.rtbj-flabel { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); white-space: nowrap; line-height: normal; }
.rtbj-dgroup { display: flex; align-items: center; gap: 12px; }
.rtbj-fpanel .rtbj-frow + .rtbj-frow .rtbj-flabel + .rtbj-segctl + .rtbj-flabel { margin-left: 8px; }
.rtbj-fquick { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rtbj-fpanel .rtbj-segctl, .rtbj-dpanel .rtbj-segctl { padding: 3px; background: var(--rtbj-ctl); }
.rtbj-fpanel .rtbj-segctl-btn, .rtbj-dpanel .rtbj-segctl-btn { height: 32px; padding: 0 12px; color: var(--muted); }
.rtbj-fpanel .rtbj-segctl-btn[aria-pressed="true"], .rtbj-dpanel .rtbj-segctl-btn[aria-pressed="true"] { background: var(--raised); color: var(--text); }
/* dropdowns: label, bold value, chevron; the real select sits invisibly on top */
.rtbj-dd { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border-radius: 10px; background: var(--rtbj-ctl); border: 1px solid var(--border); color: var(--muted); font-size: 14px; font-weight: 600; white-space: nowrap; box-sizing: border-box; cursor: pointer; }
.rtbj-dd-k { color: var(--muted); }
.rtbj-dd-v { color: var(--text); max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.rtbj-dd .rtbj-ic { color: var(--rtb-t3); }
.rtbj-dd-sel { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font: inherit; appearance: none; -webkit-appearance: none; border: 0; }
.rtbj-dd:focus-within { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
button.rtbj-dd { font-family: inherit; }
.rtbj-check-btn { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 4px; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rtbj-box { width: 16px; height: 16px; box-sizing: border-box; border-radius: 5px; border: 1.5px solid rgba(255, 255, 255, .28); flex: 0 0 16px; }
html[data-theme="light"] .rtbj-box { border-color: rgba(16, 24, 40, .35); }
.rtbj-check-btn[aria-checked="true"] .rtbj-box { background: #e6d2b1 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTQgOC41bDIuNyAyLjdMMTIgNS41JyBmaWxsPSdub25lJyBzdHJva2U9JyMwZDBkMGQnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+") center/12px no-repeat; border-color: #e6d2b1; }
.rtbj-check-btn[aria-checked="true"] { color: var(--text); }
.rtbj-clear { height: 36px; padding: 0 12px; border-radius: 10px; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbj-saved-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rtbj-saved { display: inline-flex; align-items: center; height: 34px; border-radius: 999px; border: 1px solid var(--border-strong); color: var(--muted); }
.rtbj-saved.is-on { border-color: var(--rtb-accent-line); background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtbj-saved-btn { height: 100%; padding: 0 4px 0 12px; border: 0; background: transparent; color: inherit; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; border-radius: 999px 0 0 999px; white-space: nowrap; }
.rtbj-saved-x { height: 100%; min-width: 28px; padding: 0 10px 0 4px; border: 0; background: transparent; color: var(--rtb-t3); font: inherit; font-size: 12px; cursor: pointer; border-radius: 0 999px 999px 0; }
.rtbj-saved-x:hover { color: var(--text); }
.rtbj-activerow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rtbj-activerow:empty { display: none; }
.rtbj-activechip { display: inline-flex; align-items: center; gap: 4px; height: 34px; padding: 0 4px 0 12px; border-radius: 999px; border: 1px solid var(--rtb-accent-line); background: var(--rtb-accent-fill); color: var(--rtb-accent); font-size: 14px; font-weight: 600; }
.rtbj-note { margin: 0; font-size: 13px; }
.rtbj-menu { display: flex; flex-direction: column; min-width: 240px; padding: 6px; }
.rtbj-menu-it { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.rtbj-menu-it:hover, .rtbj-menu-it.is-on { background: var(--hover); }
.rtbj-menu-t { font-size: 15px; font-weight: 600; }
.rtbj-menu-s { font-size: 13px; color: var(--rtb-t3); }

/* ---------- the Board ---------- */
.rtbj-board { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; align-items: start; min-width: 0; }
.rtbj-board[data-cols="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.rtbj-board[data-cols="7"], .rtbj-board[data-cols="8"] { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.rtbj-col { display: flex; flex-direction: column; gap: 12px; min-width: 0; border-radius: 12px; }
.rtbj-col.drag-over { outline: 2px dashed var(--rtb-accent-line); outline-offset: 4px; }
.rtbj-col-head { display: flex; align-items: center; justify-content: space-between; padding: 0 4px; }
.rtbj-col-name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rtbj-col-name h2 { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #d2d4d8; }
html[data-theme="light"] .rtbj-col-name h2 { color: var(--muted); }
.rtbj-col-count { font-size: 13px; font-weight: 600; color: var(--rtb-t3); }
.rtbj-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--rtb-t3); display: inline-block; flex: 0 0 8px; }
.rtbj-col-cards { display: flex; flex-direction: column; gap: 12px; }
.rtbj-card { border-radius: 12px; overflow: hidden; background: var(--card); border: 1px solid var(--border); cursor: pointer; min-width: 0; transition: border-color .15s ease-out; }
.rtbj-card:hover { border-color: var(--border-strong); }
.rtbj-card.is-dragging { opacity: .5; }
.rtbj-media { position: relative; width: 100%; height: 110px; overflow: hidden; background: var(--raised); }
.rtbj-media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rtbj-media .rtb-dp { padding: 12px 14px; }
.rtbj-media .rtb-dp-time { font-size: 24px; }
.rtbj-media .rtb-dp-note { display: none; }
.rtbj-card-body { padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 8px; }
.rtbj-card-title { font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--text); overflow-wrap: anywhere; }
.rtbj-card-meta { font-size: 13px; color: var(--rtb-t3); line-height: 1.4; }
.rtbj-card-meta.is-late { color: var(--danger, #e0796b); }
.rtbj-card-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 4px; gap: 8px; min-height: 30px; }
.rtbj-card-foot .rtb-tier { padding: 6px 12px; }
.rtbj-avatar { width: 26px; height: 26px; flex: 0 0 26px; box-sizing: border-box; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; line-height: 1; color: #ffffff; }
.rtbj-avatar.is-empty { background: transparent; border: 1.5px dashed var(--rtb-t3); }
.rtbj-person { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--rtb-t3); white-space: nowrap; min-width: 0; }
.rtbj-col-more { align-self: flex-start; padding: 4px; border: 0; background: transparent; color: var(--rtb-accent); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; min-height: 28px; }
.rtbj-col-more:hover { color: var(--text); }
.rtbj-col-empty { margin: 0; font-size: 13px; color: var(--rtb-t3); padding: 8px 4px; }

/* ---------- the List ---------- */
.rtbj-list { display: flex; flex-direction: column; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); overflow: hidden; }
.rtbj-tablewrap { overflow-x: auto; background: transparent; border: 0; border-radius: 0; box-shadow: none; max-height: none; }
.rtbj-table { display: block; min-width: 960px; border: 0; border-collapse: separate; width: 100%; background: transparent; }
.rtbj-table thead, .rtbj-table tbody { display: block; }
.rtbj-table tr { display: grid; grid-template-columns: var(--rtbj-cols); gap: 14px; align-items: center; padding: 11px 20px; border-bottom: 1px solid var(--divider); background: transparent; box-sizing: border-box; }
.rtbj-table td, .rtbj-table th { display: block; padding: 0; border: 0; min-width: 0; background: transparent; text-align: left; position: relative; height: auto; vertical-align: middle; white-space: normal; }
.rtbj-table .rtbj-head-row { padding: 11px 20px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); position: sticky; top: 0; z-index: 2; background: var(--panel); }
.rtbj-table th { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-t3); }
.rtbj-sortbtn { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; }
.rtbj-th.is-sorted, .rtbj-th.is-sorted .rtbj-sortbtn { color: var(--rtb-accent); }
.rtbj-table .col-resize { position: absolute; right: -9px; top: -8px; bottom: -8px; width: 10px; cursor: col-resize; background: transparent; }
.rtbj-table .th-x { margin-left: 6px; border: 0; background: transparent; color: var(--rtb-t3); cursor: pointer; font-size: 12px; }
.rtbj-band { padding: 8px 20px; background: var(--rtbj-band); cursor: pointer; }
.rtbj-band .rtbj-band-td { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; }
.rtbj-caret { display: inline-flex; color: var(--rtb-t3); transition: transform .15s; }
.rtbj-band.is-collapsed .rtbj-caret { transform: rotate(-90deg); }
.rtbj-band-name { font-size: 14px; font-weight: 700; color: var(--text); }
.rtbj-band-n { font-size: 13px; color: var(--rtb-t3); }
.rtbj-row { transition: background .15s ease-out; cursor: pointer; }
.rtbj-table .rtbj-row:hover, .rtbj-table .rtbj-row:focus-within, .rtbj-table .rtbj-row.row-drawer-open { background: var(--rtbj-hover); }
.rtbj-table .rtbj-row.row-selected { background: var(--rtb-accent-fill); }
.rtbj-table .rtbj-row td, .rtbj-table .rtbj-row.row-selected td, .rtbj-table .rtbj-row:hover td, .rtbj-table td.editable, .rtbj-table td.editable:hover { background: transparent !important; box-shadow: none; }
.rtbj-due { white-space: nowrap; }
.rtbj-table .rtbj-drawer-row { display: block; padding: 0; border-bottom: 1px solid var(--divider); }
.rtbj-table .rtbj-drawer-row > td { display: block; padding: 0; }
.rtbj-c-job { display: flex !important; align-items: center; gap: 12px; }
.rtbj-thumb { position: relative; width: 56px; height: 40px; border-radius: 10px; overflow: hidden; flex: 0 0 56px; background: var(--raised); }
.rtbj-thumb > img { border-radius: 10px; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rtbj-thumb .rtb-dp { padding: 2px; }
.rtbj-jobtx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbj-jobline { display: flex; align-items: center; gap: 8px; min-width: 0; }
.rtbj-jobname { font-size: 15px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbj-jobsub { font-size: 13px; color: var(--rtb-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbj-c-services { font-size: 13px; line-height: 1.4; color: var(--muted); }
.rtbj-svcline { display: block; }
.rtbj-c-status .jt-stage-pill { display: inline-flex; align-items: center; gap: 8px; position: relative; padding: 0; background: transparent; border: 0; box-shadow: none; font-size: 14px; font-weight: 600; color: var(--muted); }
.rtbj-c-status .jt-stage-pill .jt-stage-label { text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 600; color: var(--muted); }
.rtbj-c-status .jt-stage-idx { display: none; }
.rtbj-c-status .jt-stage-dot { width: 8px; height: 8px; border-radius: 999px; flex: 0 0 8px; }
.rtbj-c-status .jt-stage-select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
.rtbj-plain { font-size: 14px; color: var(--muted); }
.rtbj-num { font-variant-numeric: tabular-nums; }
.rtbj-dash { color: var(--rtb-t3); }
.rtbj-due { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); }
.rtbj-due .rtbj-dot { background: var(--rtb-t3); }
.rtbj-due.is-today { color: var(--text); }
.rtbj-due.is-today .rtbj-dot { background: #e6d2b1; }
.rtbj-due.is-late { color: var(--text); }
.rtbj-due.is-late .rtbj-dot { background: #e0796b; }
.rtbj-team { display: inline-flex; }
.rtbj-team .rtbj-avatar { border: 2px solid var(--panel); }
.rtbj-team .rtbj-avatar + .rtbj-avatar { margin-left: -8px; }
.rtbj-team .rtbj-avatar.is-empty { border: 1.5px dashed var(--rtb-t3); }
.rtbj-pay { display: flex; flex-direction: column; gap: 2px; }
.rtbj-payline { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); }
.rtbj-payline .rtbj-dot { background: #4492b6; }
.rtbj-payline.is-ok .rtbj-dot { background: #7fbf9a; }
.rtbj-payline.is-bad .rtbj-dot { background: #e0796b; }
.rtbj-paysub { font-size: 13px; color: var(--rtb-t3); }
.rtbj-paysub.is-warn { color: var(--rtb-accent); }
.rtbj-ny { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbj-ny-t { font-size: 14px; font-weight: 600; color: var(--text); }
.rtbj-ny-s { font-size: 13px; color: var(--rtb-t3); }
.rtbj-table .jt-cell-pencil { position: absolute; right: -4px; top: 50%; transform: translateY(-50%); }
/* the row boxes */
input.rtbj-check { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; box-sizing: border-box; margin: 0; border-radius: 6px; border: 1.5px solid rgba(255, 255, 255, .28); background: transparent; cursor: pointer; display: block; }
html[data-theme="light"] input.rtbj-check { border-color: rgba(16, 24, 40, .35); }
input.rtbj-check:checked { background: #e6d2b1 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTQgOC41bDIuNyAyLjdMMTIgNS41JyBmaWxsPSdub25lJyBzdHJva2U9JyMwZDBkMGQnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+") center/13px no-repeat; border-color: #e6d2b1; }
input.rtbj-check:indeterminate { border-color: rgba(230, 210, 177, .6); background: transparent linear-gradient(#e6d2b1, #e6d2b1) center/8px 2px no-repeat; }
/* density: the three row sizes */
.rtbj-tablewrap.density-compact .rtbj-table tr { padding-top: 6px; padding-bottom: 6px; }
.rtbj-tablewrap.density-big .rtbj-table tr { padding-top: 16px; padding-bottom: 16px; }
.rtbj-tablewrap.density-compact .rtbj-table .rtbj-head-row, .rtbj-tablewrap.density-compact .rtbj-table .rtbj-band, .rtbj-tablewrap.density-big .rtbj-table .rtbj-head-row, .rtbj-tablewrap.density-big .rtbj-table .rtbj-band { padding-top: 11px; padding-bottom: 11px; }
.rtbj-tablewrap.density-compact .rtbj-table .rtbj-band, .rtbj-tablewrap.density-big .rtbj-table .rtbj-band { padding-top: 8px; padding-bottom: 8px; }
/* the bulk bar (inside the list panel) */
.rtbj-bulkhost { display: block; }
.rtbj-bulk { display: flex; align-items: center; gap: 8px; padding: 8px 12px 8px 20px; background: rgba(230, 210, 177, .08); border-bottom: 1px solid var(--rtb-accent-line); flex-wrap: wrap; }
.rtbj-bulk-n { font-size: 14px; font-weight: 700; color: var(--rtb-accent); margin-right: 8px; }
.rtbj-bbtn { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--border-strong); background: var(--card); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; box-sizing: border-box; white-space: nowrap; }
.rtbj-bbtn.is-danger { border-color: rgba(224, 121, 107, .45); color: #e0796b; }
.rtbj-bbtn.is-quiet { border: 0; background: transparent; color: var(--muted); }
.rtbj-bsel .rtbj-ic { color: var(--rtb-t3); }
.rtbj-btnsel { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font: inherit; }
.rtbj-legacy { min-width: 0; }
.rtbj-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px 0; }
.rtbj-empty p { margin: 0; font-size: 17px; line-height: 1.6; color: var(--muted); }

/* ---------- the New job sheet (PhoneNewJob) ---------- */
.modal.rtbj-newjob { max-width: 440px; }
.rtbj-choices { display: flex; flex-direction: column; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); overflow: hidden; }
.rtbj-choice { display: flex; align-items: center; gap: 14px; padding: 16px 14px; border: 0; border-bottom: 1px solid var(--divider); background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; min-height: 44px; }
.rtbj-choice:last-child { border-bottom: 0; }
.rtbj-choice:hover { background: var(--rtbj-hover); }
.rtbj-choice-ic { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 10px; background: var(--raised); display: flex; align-items: center; justify-content: center; color: var(--muted); }
.rtbj-choice-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbj-choice-t { font-size: 15px; font-weight: 700; color: var(--text); }
.rtbj-choice-s { font-size: 13px; line-height: 1.4; color: var(--rtb-t3); }
.rtbj-cancel { width: 100%; height: 48px; }

/* ---------- phone (PhoneJobs, PhoneJobsFilter) ---------- */
.rtbj-phone-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.rtbj-phone-title { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.rtbj-phone-title .rtbj-eyebrow { letter-spacing: .24em; }
.rtbj-chips, .rtbj-chiprow { display: flex; flex-wrap: wrap; gap: 8px; }
.rtbj-chips { display: grid; grid-template-columns: minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(max-content, 1.18fr); gap: 8px; }
.rtbj-chip { display: flex; align-items: center; gap: 8px; height: 44px; box-sizing: border-box; padding: 0 10px; border-radius: 12px; background: var(--panel); border: 1px solid var(--border); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbj-chip-n { margin-left: auto; font-size: 13px; color: var(--rtb-t3); font-variant-numeric: tabular-nums; font-weight: 400; }
.rtbj-chip.is-on { background: var(--rtb-accent-fill); border-color: var(--rtb-accent-line); color: var(--rtb-accent); }
.rtbj-chip.is-on .rtbj-chip-n { color: var(--rtb-accent); }
.rtbj-pboard { display: flex; flex-direction: column; gap: 18px; }
.rtbj-plist { display: flex; flex-direction: column; gap: 10px; }
.rtbj-plist-head { margin: 0; display: flex; justify-content: space-between; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtb-t3); }
.rtbj-plist-sort { letter-spacing: .14em; }
.rtbj-panel { border-radius: 14px; background: var(--panel); border: 1px solid var(--border); display: flex; flex-direction: column; }
.rtbj-prow { display: flex; align-items: center; gap: 12px; padding: 12px; border-bottom: 1px solid var(--divider); color: var(--text); text-decoration: none; }
.rtbj-pthumb { position: relative; width: 64px; height: 64px; flex: 0 0 64px; border-radius: 10px; overflow: hidden; background: var(--raised); }
.rtbj-pthumb > img { border-radius: 10px; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rtbj-pthumb .rtb-dp { padding: 2px; }
.rtbj-prow-tx { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; }
.rtbj-prow-title { font-size: 15px; font-weight: 700; color: var(--text); }
.rtbj-prow-meta { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
.rtbj-prow-meta.is-late { color: var(--danger, #e0796b); }
.rtbj-prow-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rtbj-seeall { height: 44px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 0; background: transparent; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbj-empty-line { margin: 0; padding: 16px; font-size: 14px; color: var(--muted); }
.rtbj-phone-row { display: flex; gap: 8px; }
.rtbj.is-phone { gap: 18px; }
.rtbj-head.is-phone { gap: 10px; }
.rtbj-head.is-phone .rtbj-h1 { font-size: 32px; }
.rtbj-head.is-phone .rtbj-seg { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; border-radius: 12px; overflow: hidden; }
.rtbj-head.is-phone .rtbj-seg:has(> :nth-child(5)) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.rtbj-head.is-phone .rtbj-seg-btn { height: 44px; border-radius: 11px; justify-content: center; padding: 0 4px; color: var(--muted); }
.rtbj-head.is-phone .rtbj-seg-btn[aria-pressed="true"] { background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtbj-head.is-phone .rtbj-search { width: auto; height: 48px; border-radius: 12px; border-color: var(--rtb-ctl-line); }
.rtbj-phone-row .rtbj-segctl.is-show { flex: 1 1 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; border-radius: 12px; overflow: hidden; }
.rtbj-phone-row .rtbj-segctl-btn { height: 44px; border-radius: 11px; color: var(--muted); }
.rtbj-phone-row .rtbj-segctl-btn[aria-pressed="true"] { background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtbj-phonefilter { height: 46px; border-color: var(--rtb-ctl-line); color: var(--text); }
/* the Filter and view sheet */
.modal.rtbj-sheet { border-radius: 18px 18px 0 0; }
.rtbj-fs { display: flex; flex-direction: column; gap: 12px; }
.rtbj-fs-top { display: flex; justify-content: flex-end; }
.rtbj-reset { height: 44px; padding: 0 10px; border: 0; background: transparent; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbj-fs .rtbj-flabel { letter-spacing: .2em; margin-bottom: -6px; }
.rtbj-fs .rtbj-segctl { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: 0; border-radius: 12px; overflow: hidden; background: var(--rtbj-ctl); }
.rtbj-fs .rtbj-segctl-btn { height: 44px; border-radius: 11px; color: var(--muted); }
.rtbj-fs .rtbj-segctl-btn[aria-pressed="true"] { background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtbj-pill-btn { height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbj-pill-btn[aria-pressed="true"] { border-color: var(--rtb-accent-line); background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtbj-ftwo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rtbj-ftwo .rtbj-check-btn { height: 46px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); justify-content: center; color: var(--text); }
.rtbj-ftwo .rtbj-dd.is-sheet { height: 46px; border-radius: 12px; border-color: var(--rtb-ctl-line); background: transparent; justify-content: space-between; padding: 0 14px; }
.rtbj-ftwo .rtbj-dd.is-sheet .rtbj-dd-k { color: var(--rtb-t3); }
.rtbj-addview { height: 44px; padding: 0 14px; border-radius: 999px; border: 1px dashed var(--rtb-accent-line); background: transparent; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbj-smallbtns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.rtbj-sbtn { height: 44px; border-radius: 12px; border: 1px solid var(--border); background: var(--card); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbj-done { height: 48px; }

@media (max-width: 1400px) { .rtbj[data-rtbj-mode="kanban"] .rtbj-hrow { flex-wrap: wrap; } }
@media (pointer: coarse) {
  .rtbj-seg-btn, .rtbj-segctl-btn, .rtbj-quick-btn { min-height: 44px; }
  .rtbj-bbtn, .rtbj-check-btn, .rtbj-dd, .rtbj-clear { min-height: 44px; }
}
@media (max-width: 860px) {
  #view:has(.rtbj-head), #view:has(.rtbj[data-rtbj-mode="kanban"]) { padding: 2px 20px 20px; }
  .rtbj-slot { margin-top: 14px; }
  .rtbj-table { min-width: 880px; }
}

/* the Filter and view sheet and the New job sheet: titles at 24/800, the sheet stops above the bottom bar (the boards) */
.modal.rtbj-sheet .modal-head h3 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: normal; }
.modal.rtbj-sheet .modal-head .rtbj-reset { margin-left: auto; }
@media (max-width: 860px) {
  .modal-overlay:has(.rtbj-fsheet) { align-items: flex-end; }
  .modal.rtbj-fsheet { position: fixed; left: 0; right: 0; top: 36px; bottom: 84px; width: auto; max-width: none; max-height: none; height: auto; display: flex; flex-direction: column; box-sizing: border-box; padding: 10px 20px 14px; background: var(--panel); border: 1px solid var(--border); border-bottom: 0; border-radius: 18px 18px 0 0; box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
  .modal.rtbj-fsheet .modal-body { flex: 1 1 auto; overflow-y: auto; padding: 0; }
  .modal.rtbj-fsheet .modal-head { padding: 0; border: 0; }
  .modal.rtbj-fsheet .modal-foot { padding: 12px 0 0; border: 0; }
}

.modal.rtbj-sheet .modal-grab { align-self: center; width: 40px; height: 4px; border-radius: 999px; background: var(--raised); margin: 0 auto 12px; }
.modal.rtbj-sheet .modal-head { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
.modal.rtbj-sheet .modal-close { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--text); display: inline-flex; align-items: center; justify-content: center; }
.modal.rtbj-newjob .modal-close { display: none; }
.modal.rtbj-sheet .modal-foot { border: 0; }
.rtbj-fs [aria-label="Which work"].rtbj-segctl { grid-template-columns: minmax(0, .8fr) minmax(0, 1.35fr) minmax(0, 1fr); grid-auto-flow: row; }
@media (max-width: 860px) {
  .modal-overlay:has(.rtbj-newjob) { align-items: flex-end; padding-bottom: 84px; box-sizing: border-box; }
  .modal.rtbj-newjob { border-radius: 18px 18px 0 0; max-width: none; width: 100%; }
}
.rtbj-phone-row .rtbj-phonefilter:only-child { flex: 1 1 auto; justify-content: center; }
.rtbj-head.is-phone .rtbj-h1 { line-height: 1.05; }
.rtbj-table th { line-height: 15px; }
.rtbj-sortbtn { line-height: 15px; height: 15px; }
.rtbj-sortbtn .rtbj-ic { align-self: center; }
@media (max-width: 860px) { .modal.rtbj-fsheet .modal-head { margin-bottom: 12px; } }
input.rtbj-check:checked { background-color: #e6d2b1 !important; border-color: #e6d2b1 !important; }

/* ==========================================================================
   v105 round 2
   ========================================================================== */
/* ---------- readability pass (owner, 2026-10-06: "text could be easier to read in the jobs and tables"): the small grey text is bigger and brighter on the Jobs screens only.
   Cell and card text 14px, sub-lines 14px (never under 13), header labels 12px in a lighter colour; secondary text 7:1 or better on dark, 4.5:1 or better on light. Primary lines +1px. ---------- */
:root { --rtbj-sub: #475467; --rtbj-label: #3b4556; --rtbj-late: #b42318; }
html[data-theme="dark"] { --rtbj-sub: #c4c7cc; --rtbj-label: #cfd2d7; --rtbj-late: #f39a8b; }
.rtbj-eyebrow { color: var(--rtb-accent); }
.rtbj-count { font-size: 16px; color: var(--rtbj-sub); }
.rtbj-lede { color: var(--rtbj-sub); }
.rtbj-flabel, .rtbj-table th, .rtbj-table .rtbj-head-row, .rtbj-plist-head { color: var(--rtbj-label); font-size: 12px; }
.rtbj-sortbtn { color: var(--rtbj-label); }
.rtbj-th.is-sorted, .rtbj-th.is-sorted .rtbj-sortbtn { color: var(--rtb-accent); }
.rtbj-quick-btn, .rtbj-seg-btn, .rtbj-segctl-btn, .rtbj-tbtn, .rtbj-clear, .rtbj-dd, .rtbj-dd-k, .rtbj-check-btn { color: var(--rtbj-sub); }
.rtbj-quick-btn[aria-pressed="true"], .rtbj-seg-btn[aria-pressed="true"], .rtbj-segctl-btn[aria-pressed="true"], .rtbj-dd-v, .rtbj-check-btn[aria-checked="true"] { color: var(--text); }
.rtbj-quick-n, .rtbj-segctl-n { color: var(--rtbj-sub); }
.rtbj-tbtn .rtbj-ic, .rtbj-dd .rtbj-ic, .rtbj-bsel .rtbj-ic, .rtbj-caret { color: var(--rtbj-sub); }
.rtbj-col-name h2 { color: var(--rtbj-label); }
html[data-theme="light"] .rtbj-col-name h2 { color: var(--rtbj-label); }
.rtbj-col-count { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-card-title { font-size: 16px; }
.rtbj-card-meta { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-card-meta.is-late, .rtbj-prow-meta.is-late { color: var(--rtbj-late); }
.rtbj-person { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-col-more { font-size: 14px; min-height: 32px; }
.rtbj-col-empty { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-jobname { font-size: 16px; }
.rtbj-jobsub, .rtbj-c-services, .rtbj-paysub, .rtbj-ny-s, .rtbj-band-n { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-c-services { line-height: 1.4; }
.rtbj-plain, .rtbj-payline, .rtbj-due, .rtbj-c-status .jt-stage-pill, .rtbj-c-status .jt-stage-pill .jt-stage-label { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-due.is-today, .rtbj-due.is-late { color: var(--text); }
.rtbj-dash { color: var(--rtbj-sub); }
.rtbj-ny-t { font-size: 14px; }
.rtbj-band-name { font-size: 15px; }
.rtbj-paysub.is-warn { color: var(--rtb-accent); }
.rtbj-bulk-n { font-size: 14px; }
.rtbj-chip { font-size: 14px; }
.rtbj-chip-n { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-chip.is-on .rtbj-chip-n { color: var(--rtb-accent); }
.rtbj-prow-title { font-size: 16px; }
.rtbj-prow-meta { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-empty-line, .rtbj-empty p { color: var(--rtbj-sub); }
.rtbj-choice-s, .rtbj-menu-s { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-note { font-size: 14px; }
.rtbj-ftwo .rtbj-dd.is-sheet .rtbj-dd-k { color: var(--rtbj-sub); }

/* ---------- fixes ---------- */
/* the row boxes: the app's own tick (a ::before in styles.css) must not draw inside these (display:block exposed it in dark mode); the three states are painted here only */
input.rtbj-check::before, input.rtbj-check:checked::before, input.rtbj-check:indeterminate::before { content: none !important; display: none !important; }
input.rtbj-check { background-color: transparent !important; border-color: rgba(255, 255, 255, .45); }
html[data-theme="light"] input.rtbj-check { border-color: rgba(16, 24, 40, .5); }
input.rtbj-check:checked { background-color: #e6d2b1 !important; border-color: #e6d2b1 !important; }
input.rtbj-check:indeterminate { background-color: transparent !important; border-color: #e6d2b1 !important; background-image: linear-gradient(#e6d2b1, #e6d2b1); background-size: 8px 2px; background-position: center; background-repeat: no-repeat; }
html[data-theme="light"] input.rtbj-check:indeterminate { border-color: #7a5c2e !important; background-image: linear-gradient(#7a5c2e, #7a5c2e); }
html[data-theme="light"] input.rtbj-check:checked { background-color: #7a5c2e !important; border-color: #7a5c2e !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTQgOC41bDIuNyAyLjdMMTIgNS41JyBmaWxsPSdub25lJyBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+"); background-position: center; background-size: 13px; background-repeat: no-repeat; }
/* the pencil of an inline edit shows on a row hover (styles.css only reveals it inside .table) */
.rtbj-table .rtbj-row:hover .jt-cell-pencil, .rtbj-table .rtbj-row:focus-within .jt-cell-pencil { opacity: 1; }
/* the client under the street is the old Client cell: it reads as plain text, and its pencil sits at the end of the line */
.rtbj-jobsub { display: flex; align-items: center; min-width: 0; }
.rtbj-jobsub .rtbj-clientcell { display: inline-block; position: relative; padding: 0; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; }
.rtbj-jobsub .rtbj-clientcell .jt-cell-pencil { right: 0; width: 22px; height: 22px; background: var(--card); }
.rtbj-jobsub .rtbj-clientcell .cell-input { min-width: 180px; }
.rtbj-jobsub .rtbj-company { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 1000 auto; min-width: 0; }
/* delete in the bulk bar: readable red on both themes */
.rtbj-bbtn.is-danger { color: #f39a8b; border-color: rgba(243, 154, 139, .5); }
html[data-theme="light"] .rtbj-bbtn.is-danger { color: #b42318; border-color: rgba(180, 35, 24, .5); }
.rtbj-bbtn.is-quiet { color: var(--rtbj-sub); }
/* phone: no round + on the Jobs screens (New job is in the header); one rule like the Me page */
@media (max-width: 860px) { body:has(.rtbj-head) .fab-dial-btn, body:has(.rtbj-head) .fab-dial-menu { display: none !important; } }
/* the phone stage chips are the same widths as the board's (two equal columns and a slightly wider third) */
.rtbj-chips { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.18fr); }
/* the Filter and view sheet scrolls; the last row is never cut off */
.rtbj-fs { padding-bottom: 18px; }
.rtbj-fs-end { height: 2px; }
.rtbj-fs .rtbj-segctl { overflow: hidden; }
.rtbj-fs [aria-label="View"].rtbj-segctl .rtbj-segctl-btn { padding: 0 4px; font-size: 14px; }
.rtbj-smallbtns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rtbj-sbtn { color: var(--text); }
.rtbj-legend { padding: 4px 0 8px; }
.rtbj-legend .so-svc-legend { display: flex; flex-wrap: wrap; gap: 10px 18px; font-size: 14px; color: var(--rtbj-sub); }
.rtbj-colorsbtn { color: var(--rtbj-sub); }

/* ---------- the List on a phone: cards, not a grid ---------- */
.rtbj-ptablewrap { overflow: visible; }
.rtbj-ptable { display: flex; flex-direction: column; background: transparent; }
.rtbj-pselall { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 16px; font-size: 14px; color: var(--rtbj-sub); border-bottom: 1px solid var(--divider); cursor: pointer; }
.rtbj-pband { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 16px; background: var(--rtbj-band); cursor: pointer; border-bottom: 1px solid var(--divider); box-sizing: border-box; }
.rtbj-pband.is-collapsed .rtbj-caret { transform: rotate(-90deg); }
.rtbj-prow2 { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--divider); cursor: pointer; min-height: 72px; box-sizing: border-box; }
.rtbj-prow2.row-selected { background: var(--rtb-accent-fill); }
.rtbj-prow2.row-drawer-open { background: var(--rtbj-hover); }
.rtbj-pcheck { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -6px -6px -6px -10px; flex: 0 0 44px; cursor: pointer; }
.rtbj-pt-thumb { width: 56px; height: 56px; flex: 0 0 56px; }
.rtbj-ptx { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 auto; }
.rtbj-pt-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.rtbj-pt-top .rtbj-jobname { min-width: 0; flex: 1 1 auto; }
.rtbj-pt-top .rtbj-c-status { flex: 0 0 auto; }
.rtbj-pt-top .jt-stage-pill { min-height: 44px; margin: -10px -8px -10px 0; padding: 0 8px; }
.rtbj-pt-facts { font-size: 14px; color: var(--rtbj-sub); }
.rtbj-ptx .rtbj-jobsub { width: 100%; }
.rtbj-ptx .rtbj-clientcell { padding-right: 0; }
.rtbj-ptx .rtbj-pedit { display: inline-block; position: relative; padding-right: 44px; min-height: 28px; line-height: 28px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbj-ptx .rtbj-pedit .jt-cell-pencil { right: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; opacity: 1; background: transparent; }
.rtbj-pdrawer { display: block; border-bottom: 1px solid var(--divider); }
@media (max-width: 860px) { .rtbj-bbtn { min-height: 44px; } .rtbj-bulk { padding-left: 16px; } }

.rtbj-dpanel { flex-wrap: wrap; }

/* a phone: the row boxes are the board's 18px boxes drawn inside a 44px hit area (the input itself is 44x44) */
@media (max-width: 860px) {
  input.rtbj-check { width: 44px; height: 44px; min-width: 44px; min-height: 44px; border: 0 !important; border-radius: 0; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 22px 22px !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMiAyMic+PHJlY3QgeD0nMi43NScgeT0nMi43NScgd2lkdGg9JzE2LjUnIGhlaWdodD0nMTYuNScgcng9JzUnIGZpbGw9J25vbmUnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLW9wYWNpdHk9Jy40NScgc3Ryb2tlLXdpZHRoPScxLjUnLz48L3N2Zz4=") !important; }
  input.rtbj-check:checked { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMiAyMic+PHJlY3QgeD0nMicgeT0nMicgd2lkdGg9JzE4JyBoZWlnaHQ9JzE4JyByeD0nNScgZmlsbD0nI2U2ZDJiMScgc3Ryb2tlPScjZTZkMmIxJy8+PHBhdGggZD0nTTYuNSAxMS4zbDMuMSAzLjEgNS45LTYuMycgZmlsbD0nbm9uZScgc3Ryb2tlPScjMGQwZDBkJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvc3ZnPg==") !important; }
  input.rtbj-check:indeterminate { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMiAyMic+PHJlY3QgeD0nMi43NScgeT0nMi43NScgd2lkdGg9JzE2LjUnIGhlaWdodD0nMTYuNScgcng9JzUnIGZpbGw9J25vbmUnIHN0cm9rZT0nI2U2ZDJiMScgc3Ryb2tlLW9wYWNpdHk9JzEnIHN0cm9rZS13aWR0aD0nMS41Jy8+PHBhdGggZD0nTTYuNSAxMWg5JyBzdHJva2U9JyNlNmQyYjEnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJy8+PC9zdmc+") !important; }
  html[data-theme="light"] input.rtbj-check { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMiAyMic+PHJlY3QgeD0nMi43NScgeT0nMi43NScgd2lkdGg9JzE2LjUnIGhlaWdodD0nMTYuNScgcng9JzUnIGZpbGw9J25vbmUnIHN0cm9rZT0nIzEwMTgyOCcgc3Ryb2tlLW9wYWNpdHk9Jy41JyBzdHJva2Utd2lkdGg9JzEuNScvPjwvc3ZnPg==") !important; }
  html[data-theme="light"] input.rtbj-check:checked { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMiAyMic+PHJlY3QgeD0nMicgeT0nMicgd2lkdGg9JzE4JyBoZWlnaHQ9JzE4JyByeD0nNScgZmlsbD0nIzdhNWMyZScgc3Ryb2tlPScjN2E1YzJlJy8+PHBhdGggZD0nTTYuNSAxMS4zbDMuMSAzLjEgNS45LTYuMycgZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvc3ZnPg==") !important; }
  html[data-theme="light"] input.rtbj-check:indeterminate { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMiAyMic+PHJlY3QgeD0nMi43NScgeT0nMi43NScgd2lkdGg9JzE2LjUnIGhlaWdodD0nMTYuNScgcng9JzUnIGZpbGw9J25vbmUnIHN0cm9rZT0nIzdhNWMyZScgc3Ryb2tlLW9wYWNpdHk9JzEnIHN0cm9rZS13aWR0aD0nMS41Jy8+PHBhdGggZD0nTTYuNSAxMWg5JyBzdHJva2U9JyM3YTVjMmUnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJy8+PC9zdmc+") !important; }
  .rtbj-search-in { height: 100%; }
}
.rtbj-fhead { display: flex; align-items: center; justify-content: space-between; margin: 0; }
.rtbj-fhead .rtbj-flabel { margin-bottom: 0; }
.rtbj-moref { display: inline-flex; align-items: center; gap: 6px; height: 44px; margin: -12px -6px -12px 0; padding: 0 6px; border: 0; background: transparent; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; box-sizing: border-box; }
.rtbj-moref[aria-expanded="true"] .rtbj-ic { transform: rotate(180deg); }
.rtbj-fmore { display: flex; flex-direction: column; gap: 10px; }
.rtbj-fs { gap: 10px; }
.rtbj-smallbtns { display: flex; gap: 8px; }
.rtbj-smallbtns .rtbj-sbtn { flex: 1 1 0; min-width: 0; padding: 0 4px; }
.rtbj-smallbtns .rtbj-sbtn-dots { flex: 0 0 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0; }

/* phone List: no thumbnail (the width goes to the street, which wraps and is never cut), the stage word is never clipped, the company drops to its own line when it does not fit */
.rtbj-ptx .rtbj-jobname { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.3; }
.rtbj-ptx .jt-stage-pill, .rtbj-ptx .jt-stage-label { white-space: nowrap; overflow: visible; text-overflow: clip; max-width: none; }
.rtbj-ptx .rtbj-jobsub { flex-wrap: wrap; white-space: normal; overflow: visible; }
.rtbj-ptx .rtbj-company { flex: 0 1 auto; white-space: normal; }
.rtbj-pt-top { align-items: flex-start; }
.rtbj-pt-top .jt-stage-pill { margin-top: -10px; }

/* ---------- round 3 ---------- */
/* the List keeps the Job column at 260px or more and scrolls sideways instead of crushing the address; the table's own minimum is the sum of the floors */
.rtbj-table { min-width: 1200px; }
@media (max-width: 860px) { .rtbj-table { min-width: 1200px; } }
.rtbj-jobline { flex-wrap: wrap; row-gap: 4px; }
.rtbj-jobname { flex: 0 1 auto; max-width: 100%; }
.rtbj-jobline > :not(.rtbj-jobname) { flex: 0 0 auto; }
/* the client line is one inline line again: "Client · Brokerage" keeps the spaces around the dot */
.rtbj-jobsub { display: block; }
.rtbj-jobsub .rtbj-clientcell { max-width: 62%; vertical-align: bottom; }
.rtbj-jobsub .rtbj-company { display: inline; flex: none; min-width: 0; }
.rtbj-ptx .rtbj-jobsub { display: block; white-space: normal; }
.rtbj-ptx .rtbj-jobsub .rtbj-clientcell { max-width: 100%; }
.rtbj-ptx .rtbj-pedit { vertical-align: middle; }
/* Board cards: the street is clamped to TWO lines with a fixed two-line height (a long Los Angeles street name is no longer cut after one line; the full text is in the tooltip); the second line is one line (ellipsis), so the cards of a row are the same height */
.rtbj-card-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; white-space: normal; height: 2.6em; }
.rtbj-card-meta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbj-card-body { min-width: 0; }
/* phone: a ticked row box stays the drawn 18px box (22px tick drawing) inside its 44px hit area: the desktop "checked" fill must not paint the whole input */
@media (max-width: 860px) {
  input.rtbj-check:checked, input.rtbj-check:indeterminate { background-color: transparent !important; border-color: transparent !important; }
  html[data-theme="light"] input.rtbj-check:checked, html[data-theme="light"] input.rtbj-check:indeterminate { background-color: transparent !important; border-color: transparent !important; }
}
/* RTB-JOBS:END */

/* ===== RTB-TEAM:BEGIN (gen/hub-team.css, hand-written; the build only appends it; it lives INSIDE the RTB-SHELL section) ===== */
/* ==========================================================================
   RTB-TEAM (app v106): the Team and My pay screens. Boards Team (This week), TeamPeople (Roster + the tab bar), CrewMyPay.
   Hand-written (gen/hub-team.css); the build appends it to hub.css inside the RTB-SHELL section. Every rule is scoped to rtbt-* classes that only rtb-team.js
   writes, to #view:has(.rtbt), or to the modal classes rtbt-drawer / rtbt-drawer-ov, so no screen that is not redesigned moves.
   Tokens as in the shell block (--panel, --card, --raised, --border, --divider, --muted, --rtb-t3, --rtb-accent). Readability (owner): cell, card and sub-lines 14px,
   labels 12px in a lighter colour, secondary text 7:1 or better on dark and 4.5:1 or better on light.
   ========================================================================== */
:root { --rtbt-sub: #475467; --rtbt-label: #3b4556; --rtbt-steel: #2b608f; --rtbt-ok: #2f8a57; --rtbt-bad: #c0392b; --rtbt-warm: #7a5c2e; --rtbt-hover: var(--hover); --rtbt-ctl: var(--bg); }
html[data-theme="dark"] { --rtbt-sub: #c4c7cc; --rtbt-label: #cfd2d7; --rtbt-steel: #4492b6; --rtbt-ok: #7fbf9a; --rtbt-bad: #e0796b; --rtbt-warm: #e6d2b1; --rtbt-hover: #1a1a1d; --rtbt-ctl: #0d0d0d; }

/* ---------- the page ---------- */
#view:has(.rtbt) { max-width: none; margin: 0; padding: 2px 72px 60px; }
#view:has(.rtbt) .subtab-body { padding: 0; }
.rtbt { display: flex; flex-direction: column; gap: 24px; min-width: 0; line-height: normal; }
.rtbt-slot { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.rtbt-ic { display: inline-flex; line-height: 0; flex: 0 0 auto; }
.rtbt button:focus-visible, .rtbt a:focus-visible, .rtbt select:focus-visible, .rtbt [role="button"]:focus-visible, .rtbt input:focus-visible, .rtbt [tabindex]:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }

/* ---------- the header ---------- */
.rtbt-head { position: relative; z-index: 4; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rtbt-eyebrow, .rtbt-eyebrow2 { font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--rtb-accent); line-height: normal; }
.rtbt-eyebrow2 { letter-spacing: .16em; }
.rtbt-hrow { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 0; flex-wrap: wrap; }
.rtbt-titlegroup { position: relative; display: flex; align-items: center; gap: 24px; min-width: 0; flex-wrap: wrap; }
.rtbt-h1 { margin: 0; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: var(--text); }
.rtbt-lede { margin: 0; font-size: 17px; line-height: 1.6; font-weight: 400; color: var(--rtbt-sub); max-width: none; }
.rtbt-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rtbt-actions .rtb-btn, .rtbt .rtb-btn { white-space: nowrap; }
.rtbt .rtb-btn--sm { height: 36px; padding: 0 16px; font-size: 14px; }
.rtbt .rtb-btn--accent { height: 44px; padding: 0 22px; }
.rtbt-back { align-self: flex-start; }
.rtbt-seg { display: flex; padding: 4px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); box-sizing: border-box; max-width: 100%; }
.rtbt-seg-btn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; border-radius: 7px; border: 0; background: transparent; color: var(--rtbt-sub); font: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background 150ms ease-out, color 150ms ease-out; }
.rtbt-seg-btn:hover { color: var(--text); }
.rtbt-seg-btn[aria-pressed="true"] { background: var(--raised); color: var(--text); }
.rtbt-seg-btn .rtbt-ic { color: var(--rtb-t3); }
.rtbt-more-wrap { position: relative; display: inline-flex; }
.rtbt-menu { position: absolute; top: 44px; right: 0; width: 360px; max-width: calc(100vw - 40px); box-sizing: border-box; padding: 8px; border-radius: 14px; background: var(--panel); border: 1px solid var(--border); box-shadow: 0 24px 64px rgba(0, 0, 0, .5); display: flex; flex-direction: column; gap: 2px; z-index: 6; }
.rtbt-menu-i { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 12px; min-height: 44px; border-radius: 10px; border: 0; background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.rtbt-menu-i:hover { background: var(--rtbt-hover); }
.rtbt-menu-t { font-size: 15px; font-weight: 600; }
.rtbt-menu-s { font-size: 14px; color: var(--rtbt-sub); }
/* This week: the switcher sits under the h1, the champions card on the right */
.rtbt[data-rtbt-tab="week"] .rtbt-titlegroup { flex-direction: column; align-items: flex-start; gap: 14px; }
.rtbt[data-rtbt-tab="week"] .rtbt-hrow { align-items: flex-end; gap: 16px; }
.rtbt[data-rtbt-tab="week"] .rtbt-champs { margin-left: auto; }
.rtbt-champs { padding: 14px 18px 16px; border-radius: 14px; border: 1px solid var(--rtb-accent-line); background: var(--rtb-accent-fill); display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; }
.rtbt-champ-row { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.rtbt-champ { display: flex; align-items: center; gap: 12px; }
.rtbt-champ-tx { display: flex; flex-direction: column; gap: 2px; }
.rtbt-champ-n { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text); }
.rtbt-champ-w { font-size: 14px; font-weight: 500; color: var(--rtbt-sub); }
.rtbt-champ-sep { width: 1px; height: 36px; background: var(--border); }
.rtbt-avatar { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; color: #fff; font-weight: 700; flex: 0 0 auto; line-height: 1; }

/* ---------- This week ---------- */
.rtbt-week { display: flex; flex-direction: column; gap: 32px; }
.rtbt-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.rtbt-tile { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); padding: 22px; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; min-width: 0; }
.rtbt-tile.is-hot { border-color: var(--rtb-accent-line); }
.rtbt-tile-l { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--rtbt-label); }
.rtbt-tile-v { font-size: 32px; font-weight: 800; letter-spacing: -.03em; color: var(--text); font-variant-numeric: tabular-nums; line-height: 1.15; }
.rtbt-tile-s { font-size: 14px; color: var(--rtbt-sub); }
.rtbt-boards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.rtbt-board { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); padding: 24px 26px; display: flex; flex-direction: column; gap: 18px; min-width: 0; box-sizing: border-box; }
.rtbt-board-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rtbt-h2 { margin: 0; font-size: 17px; font-weight: 700; color: var(--text); }
.rtbt-h3 { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: -.015em; color: var(--text); }
.rtbt-board-unit { font-size: 14px; color: var(--rtbt-sub); }
.rtbt-board-unit b { font-weight: 600; color: var(--rtb-accent); }
.rtbt-rows { position: relative; display: flex; flex-direction: column; gap: 18px; }
.rtbt-tick { position: absolute; top: -6px; bottom: -6px; border-left: 1px dashed var(--rtb-accent-line); }
.rtbt-row { display: grid; grid-template-columns: 28px 120px minmax(0, 1fr) 40px; align-items: center; gap: 14px; }
.rtbt-rank { font-size: 14px; font-weight: 700; color: var(--rtbt-sub); }
.rtbt-rname { font-size: 15px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbt-track { height: 6px; border-radius: 6px; background: var(--raised); display: block; }
.rtbt-fill { display: block; height: 6px; border-radius: 6px; background: var(--rtbt-steel); }
.rtbt-fill.is-lead { background: var(--rtb-accent); }
.rtbt-rnum { font-size: 15px; font-weight: 700; text-align: right; color: var(--text); font-variant-numeric: tabular-nums; }
.rtbt-chase { margin: 0; font-size: 14px; color: var(--rtbt-sub); }
.rtbt-pb { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 14px; border: 1px solid var(--rtb-accent-line); background: var(--panel); flex-wrap: wrap; animation: rtbt-in 200ms ease-out both; }
@keyframes rtbt-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rtbt-pb { animation: none; } }
.rtbt-pb-ic { width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--rtb-accent-line); background: var(--rtb-accent-fill); display: inline-flex; align-items: center; justify-content: center; color: var(--rtb-accent); flex: 0 0 auto; }
.rtbt-pb-tx { flex: 1 1 240px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbt-pb-line { font-size: 15px; font-weight: 600; color: var(--text); }
.rtbt-pb-when { font-size: 14px; font-weight: 500; color: var(--rtbt-sub); flex: 0 0 auto; }

/* ---------- Roster ---------- */
.rtbt-roster { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.rtbt-two { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; min-width: 0; }
.rtbt-col-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rtbt-col-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rtbt-signins { display: flex; flex-direction: column; gap: 10px; }
.rtbt-signin { display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); flex-wrap: wrap; }
.rtbt-signin-tx { flex: 1 1 220px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbt-signin-t { font-size: 15px; font-weight: 600; color: var(--text); }
.rtbt-signin-s { font-size: 14px; color: var(--rtbt-sub); overflow-wrap: anywhere; }
.rtbt-select { height: 40px; padding: 0 12px; border-radius: 10px; background: var(--raised); border: 1px solid var(--border); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; max-width: 100%; box-sizing: border-box; }
.rtbt-signin .rtbt-select { width: 170px; }
.rtbt-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--rtbt-label); display: inline-block; flex: 0 0 auto; }
.rtbt-dot.is-ok { background: var(--rtbt-ok); } .rtbt-dot.is-bad { background: var(--rtbt-bad); } .rtbt-dot.is-warm { background: var(--rtbt-warm); }
.rtbt-dot.is-wage, .rtbt-dot.is-mile { background: var(--rtbt-steel); } .rtbt-dot.is-bonus { background: var(--rtb-accent); } .rtbt-dot.is-tip { background: var(--rtbt-ok); }
.rtbt-oldcard { margin: 0; }
.rtbt-setup { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); }
.rtbt-setup-sum { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 20px; font-size: 15px; font-weight: 600; color: var(--text); cursor: pointer; }
.rtbt-setup .rtbt-oldcard { margin: 0 16px 16px; }
.rtbt-table { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); min-width: 0; }
.rtbt-trow { display: grid; grid-template-columns: minmax(0, 1fr) 132px 44px 70px 78px 64px 112px; gap: 10px; align-items: center; padding: 12px 20px; border-bottom: 1px solid var(--divider); box-sizing: border-box; }
.rtbt-table.has-rate .rtbt-trow { grid-template-columns: minmax(0, 1fr) 132px 44px 70px 78px 64px 112px 56px; }
.rtbt-trow:last-child { border-bottom: 0; }
.rtbt-thead { padding-top: 12px; padding-bottom: 12px; }
.rtbt-th { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbt-label); white-space: nowrap; }
.rtbt-th.is-r { text-align: right; } .rtbt-th.is-c { text-align: center; } .rtbt-th.is-l { text-align: left; }
.rtbt-person { cursor: pointer; transition: background 150ms ease-out; }
.rtbt-person:hover { background: var(--rtbt-hover); }
.rtbt-person.is-inactive { opacity: .72; }
.rtbt-c { font-size: 15px; font-weight: 600; color: var(--text); font-variant-numeric: tabular-nums; min-width: 0; }
.rtbt-c.r { text-align: right; white-space: nowrap; } .rtbt-c.c { text-align: center; }
.rtbt-c-name { display: flex; align-items: center; gap: 10px; }
.rtbt-nm { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbt-nm-t { font-size: 15px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.rtbt-nm-s, .rtbt-sub { font-size: 14px; font-weight: 400; color: var(--rtbt-sub); }
.rtbt-nm-s { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.rtbt-c-sign, .rtbt-c-to { display: flex; flex-direction: column; gap: 2px; }
.rtbt-sg { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--rtbt-sub); white-space: nowrap; }
.rtbt-c-sign .rtbt-sub { padding-left: 16px; }
.rtbt-strike { font-size: 15px; font-weight: 700; color: var(--rtbt-sub); }
.rtbt-strike.is-on { color: var(--rtbt-bad); }
.rtbt-lbl { display: none; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--rtbt-label); }
.rtbt-v { font-size: 15px; font-weight: 600; }
.rtbt-note { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; color: var(--rtbt-sub); }
.rtbt-empty { margin: 0; font-size: 14px; color: var(--rtbt-sub); }
.rtbt-empty-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; flex-wrap: wrap; }
.rtbt-card { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); padding: 20px; display: flex; flex-direction: column; gap: 14px; box-sizing: border-box; min-width: 0; }
.rtbt-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rtbt-pill { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--rtb-accent-line); background: var(--rtb-accent-fill); color: var(--rtb-accent); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1; }
.rtbt-hire { display: flex; flex-direction: column; gap: 12px; }
.rtbt-hire + .rtbt-hire { padding-top: 14px; border-top: 1px solid var(--divider); }
.rtbt-hire-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rtbt-hire-n { font-size: 15px; font-weight: 600; color: var(--text); }
.rtbt-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.rtbt-step { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.rtbt-box { width: 20px; height: 20px; border-radius: 6px; border: 1px solid var(--border); background: var(--rtbt-ctl); display: inline-flex; align-items: center; justify-content: center; color: var(--rtbt-ok); flex: 0 0 auto; margin-top: 1px; box-sizing: border-box; }
.rtbt-step.is-done .rtbt-box { border-color: var(--rtbt-ok); }
.rtbt-step-tx { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.rtbt-step-t { font-size: 14px; font-weight: 600; color: var(--text); }
.rtbt-hire-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.rtbt-linkbtn { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; min-height: 36px; font-size: 14px; font-weight: 600; color: var(--rtb-accent); cursor: pointer; }
.rtbt-linkbtn:hover { color: var(--text); }
.rtbt-linkbtn:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; border-radius: 4px; }
.rtbt-coachrow { display: flex; align-items: center; gap: 12px; }
.rtbt-coachrow + .rtbt-coachrow { padding-top: 10px; border-top: 1px solid var(--divider); }
.rtbt-coach-tx { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbt-logrow { display: flex; align-items: flex-start; gap: 12px; padding: 4px 0; }
.rtbt-logrow + .rtbt-logrow { padding-top: 12px; border-top: 1px solid var(--divider); }
.rtbt-logrow .rtbt-dot { margin-top: 6px; }
.rtbt-log-tx { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbt-log-tx .rtbt-sub { overflow-wrap: anywhere; }
.rtbt-amt { font-size: 15px; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.rtbt-log-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.rtbt-more { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); }
.rtbt-more-sum { display: flex; align-items: center; min-height: 52px; padding: 0 20px; font-size: 15px; font-weight: 600; color: var(--text); cursor: pointer; }
.rtbt-more-body { padding: 0 20px 20px; display: flex; flex-direction: column; gap: 20px; }
.rtbt-more-sec { min-width: 0; }

/* ---------- the pay page ---------- */
.rtbt-pay { min-width: 0; }
.rtbt-pay .rtbt-two { grid-template-columns: minmax(0, 1fr) 360px; }
.rtbt-pay-ctl { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.rtbt-segctl { display: flex; padding: 4px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); }
.rtbt-segctl-btn { height: 36px; padding: 0 14px; border-radius: 7px; border: 0; background: transparent; color: var(--rtbt-sub); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rtbt-segctl-btn[aria-pressed="true"] { background: var(--raised); color: var(--text); }
.rtbt-who { width: 190px; }
.rtbt-lockline { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--rtbt-sub); }
.rtbt-pay-body, .rtbt-pay-inner { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rtbt-ptiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.rtbt-ptiles .rtbt-tile { padding: 18px; gap: 8px; }
.rtbt-ptiles .rtbt-tile-v { font-size: 30px; }
.rtbt-goal { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; }
.rtbt-goal-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rtbt-goal-bar { height: 6px; border-radius: 6px; background: var(--raised); overflow: hidden; }
.rtbt-goal-bar span { display: block; height: 6px; border-radius: 6px; background: var(--rtb-accent); }
.rtbt-goal-set { display: inline-flex; align-items: center; gap: 10px; }
.rtbt-goal-in { width: 120px; height: 36px; padding: 0 10px; border-radius: 10px; background: var(--raised); border: 1px solid var(--border); color: var(--text); font: inherit; font-size: 14px; box-sizing: border-box; }
.rtbt-break { padding: 0; gap: 0; }
.rtbt-break .rtbt-card-head { padding: 18px 20px; border-bottom: 1px solid var(--divider); }
.rtbt-lines { display: flex; flex-direction: column; }
.rtbt-line { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto auto auto; gap: 14px; align-items: center; padding: 14px 20px; border-bottom: 1px solid var(--divider); }
.rtbt-line:last-child { border-bottom: 0; }
.rtbt-line.is-click { cursor: pointer; }
.rtbt-line.is-click:hover { background: var(--rtbt-hover); }
.rtbt-line-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbt-line-t { font-size: 15px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.rtbt-line-d { font-size: 14px; color: var(--rtbt-sub); white-space: nowrap; }
.rtbt-line-a { font-size: 15px; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; text-align: right; min-width: 64px; }
.rtbt-del { all: unset; box-sizing: border-box; min-height: 36px; padding: 0 10px; font-size: 14px; font-weight: 600; color: var(--rtbt-bad); cursor: pointer; border-radius: 8px; }
.rtbt-del:hover { background: var(--rtbt-hover); }
.rtbt-aside { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rtbt-grow { flex-direction: row; align-items: center; gap: 12px; cursor: pointer; }
.rtbt-grow:hover { background: var(--rtbt-hover); }
.rtbt-grow-ic { color: var(--rtb-accent); display: inline-flex; }
.rtbt-grow-tx { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbt-grow-go { font-size: 14px; font-weight: 600; color: var(--rtb-accent); white-space: nowrap; }
.rtbt-how { margin: 0; padding: 0 0 0 18px; display: flex; flex-direction: column; gap: 10px; font-size: 14px; line-height: 1.5; color: var(--rtbt-sub); }
.rtbt-how li::marker { color: var(--rtb-accent); }
.rtbt-pay-empty { gap: 6px; }

/* crew pages that keep their old insides under the switcher */
.rtbt-crew-old .rtbt-slot-old { margin-top: 0; }
.rtbt-slot-old .view-header { margin: 0 0 14px; min-height: 0; justify-content: flex-end; }
.rtbt-slot-old .view-header > div:first-child { display: none; }
/* Gear: its sub-line (how many things, how many need service) is the one line the lede does not carry: keep it, hide only the old title */
.rtbt[data-rtbt-tab="gear"] .rtbt-slot-old .view-header > div:first-child { display: block; }
.rtbt[data-rtbt-tab="gear"] .rtbt-slot-old .view-header .view-title { display: none; }
.rtbt[data-rtbt-tab="gear"] .rtbt-slot-old .view-header:not(:has(> :nth-child(2))) { display: block; }
.rtbt[data-rtbt-tab="gear"] .rtbt-slot-old .view-header { justify-content: space-between; }
.rtbt-nopay { margin: 0; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--rtb-accent-line); background: var(--rtb-accent-fill); font-size: 14px; color: var(--text); }
.rtbt-slot-old .view-header:not(:has(> :nth-child(2))) { display: none; }
.rtbt-slot-old .view-header:has(> :nth-child(2)) { margin-bottom: 0; }

/* ---------- the drawer (a person, the full log, onboarding): 480px from the right ---------- */
.modal-overlay.rtbt-drawer-ov { justify-content: flex-end; align-items: stretch; padding: 0; }
.modal.rtbt-drawer { width: 480px; max-width: 100%; height: 100%; max-height: none; margin: 0; border-radius: 14px 0 0 14px; background: var(--panel); border: 1px solid var(--border); box-shadow: 0 24px 64px rgba(0, 0, 0, .5); overflow-y: auto; box-sizing: border-box; display: flex; flex-direction: column; }
.modal.rtbt-drawer .modal-head h3 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: normal; }
.modal.rtbt-drawer .modal-body { flex: 1 1 auto; }
.modal.rtbt-drawer .modal-close { width: 44px; height: 44px; border-radius: 12px; }

/* ---------- smaller screens ---------- */
@media (max-width: 1380px) { .rtbt-roster > .rtbt-two { grid-template-columns: minmax(0, 1fr); } .rtbt-ptiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }   /* the table needs about 780px: below 1380 the three side cards go underneath */
@media (max-width: 1240px) {
  .rtbt-two, .rtbt-pay .rtbt-two { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
  .rtbt-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rtbt-boards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  #view:has(.rtbt) { padding: 2px 20px 20px; }
  .rtbt { gap: 20px; }
  .rtbt-h1 { font-size: 32px; }
  .rtbt-hrow, .rtbt-titlegroup { gap: 14px; }
  .rtbt-seg { flex-wrap: wrap; gap: 4px; width: 100%; }
  .rtbt-seg-btn { min-height: 44px; padding: 0 14px; }
  .rtbt-segctl { width: 100%; box-sizing: border-box; }
  .rtbt-segctl-btn { flex: 1 1 0; min-height: 44px; }
  .rtbt .rtb-btn--sm, .rtbt .rtb-btn--accent { height: 44px; }
  .rtbt-actions { width: 100%; }
  .rtbt-actions .rtb-btn { flex: 1 1 0; }
  .rtbt-menu { right: auto; left: 0; }
  .rtbt-more-wrap { position: static; }
  .rtbt-menu { top: auto; margin-top: 4px; }
  .rtbt-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rtbt-tile { padding: 16px; }
  .rtbt-tile-v { font-size: 28px; }
  .rtbt-board { padding: 18px; }
  .rtbt-row { grid-template-columns: 22px 78px minmax(0, 1fr) 30px; gap: 10px; }
  .rtbt-tick { display: none; }
  .rtbt-champs { width: 100%; }
  .rtbt-champ-sep { display: none; }
  #view:has(.rtbt) { padding-bottom: 120px; }   /* clears the bottom bar and the round + button */
  .rtbt-head { gap: 8px; }
  .rtbt-lede { font-size: 15px; line-height: 1.45; }
  .rtbt-signin { padding: 12px 14px; gap: 10px; }
  .rtbt-signin .rtbt-select { width: auto; flex: 1 1 0; }
  .rtbt-signin .rtb-btn { width: auto; flex: 0 0 auto; }
  .rtbt-setup-sum { min-height: 44px; }
  .rtbt-ptiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rtbt-ptiles .rtbt-tile.is-hot { grid-column: 1 / -1; }
  .rtbt-lockline { margin-left: 0; width: 100%; }
  .rtbt-who { width: 100%; }
  .rtbt-thead { display: none; }
  .rtbt-table .rtbt-trow, .rtbt-table.has-rate .rtbt-trow { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-areas: "name name sign sign" "n qa ot st" "to to to to" "rate rate rate rate"; gap: 10px 12px; padding: 14px 16px; min-height: 44px; align-items: start; }
  .rtbt-person .rtbt-c-name { grid-area: name; }
  .rtbt-person .rtbt-c-sign { grid-area: sign; align-items: flex-end; text-align: right; }
  .rtbt-person .rtbt-c-sign .rtbt-sub { padding-left: 0; }
  .rtbt-person .rtbt-c-n { grid-area: n; } .rtbt-person .rtbt-c-qa { grid-area: qa; } .rtbt-person .rtbt-c-ot { grid-area: ot; } .rtbt-person .rtbt-c-st { grid-area: st; }
  .rtbt-person .rtbt-c-to { grid-area: to; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
  .rtbt-person .rtbt-c-rate { grid-area: rate; }
  .rtbt-person .rtbt-c-n, .rtbt-person .rtbt-c-qa, .rtbt-person .rtbt-c-ot, .rtbt-person .rtbt-c-st { display: flex; flex-direction: column; gap: 2px; padding-top: 10px; border-top: 1px solid var(--divider); }
  .rtbt-person .rtbt-c-to, .rtbt-person .rtbt-c-rate { padding-top: 10px; border-top: 1px solid var(--divider); }
  .rtbt-lbl { display: inline-block; margin-right: 6px; }
  .modal.rtbt-drawer .btn, .modal.rtbt-drawer .btn-sm, .modal.rtbt-drawer .rtb-btn, .modal.rtbt-drawer summary, .modal.rtbt-drawer a.btn { min-height: 44px; box-sizing: border-box; }
  .modal.rtbt-drawer input[type=checkbox] { min-width: 24px; min-height: 24px; }
  .rtbt-c.r, .rtbt-c.c { text-align: left; }
  .rtbt-c.r { white-space: normal; }
  .rtbt-person .rtbt-c-to:has(> .rtbt-sub:only-child) { display: none; }
  .rtbt-steps { grid-template-columns: minmax(0, 1fr); }
  .rtbt-line { grid-template-columns: 8px minmax(0, 1fr) auto; row-gap: 4px; }
  .rtbt-line-d { grid-column: 2; grid-row: 2; }
  .rtbt-line-a { grid-column: 3; grid-row: 1; }
  .rtbt-del { grid-column: 3; grid-row: 2; min-height: 44px; }
  .rtbt-linkbtn { min-height: 44px; min-width: 44px; justify-content: center; }
  .rtbt-select { height: 44px; }
  .rtbt-goal-in { height: 44px; }
  .rtbt-more-sum { min-height: 56px; }
  .modal-overlay.rtbt-drawer-ov { align-items: flex-end; padding-bottom: 84px; box-sizing: border-box; }
  .modal.rtbt-drawer { width: 100%; height: auto; max-height: 100%; border-radius: 18px 18px 0 0; }
}
@media print { .rtbt-menu { display: none; } }
/* RTB-TEAM:END */

/* ===== RTB-CHAT:BEGIN (gen/hub-chat.css, hand-written; the build only appends it; it lives INSIDE the RTB-SHELL section) ===== */
/* ==========================================================================
   RTB-CHAT (app v106): the Chat screens. Boards Chat, PhoneChat, PhoneChatThread.
   Hand-written (gen/hub-chat.css); the build appends it to hub.css inside the RTB-SHELL section. EVERY rule is scoped under .rtbch (the layout root that
   rtb-chat.js marks), under a class only rtb-chat.js writes (rtbch-*), or under #view:has(.rtbch), so no other screen moves.
   chat.js keeps building the conversation; this file restyles its DOM to the boards and styles the few nodes rtb-chat.js adds.
   Readability (owner): sub-lines 14px, labels 12px in a lighter colour, secondary text 7:1 or better on dark and 4.5:1 or better on light.
   ========================================================================== */
:root { --rtbch-sub: #475467; --rtbch-label: #3b4556; --rtbch-body: #1d2939; --rtbch-panelbg: #fbfaf8; --rtbch-hairline: rgba(16, 24, 40, .14); --rtbch-av-me: #eeede9; --rtbch-av-me-ink: #7a5c2e; }
html[data-theme="dark"] { --rtbch-sub: #c4c7cc; --rtbch-label: #cfd2d7; --rtbch-body: #e3e5e8; --rtbch-panelbg: #111113; --rtbch-hairline: rgba(255, 255, 255, .14); --rtbch-av-me: #2a2a2e; --rtbch-av-me-ink: #e6d2b1; }

/* ---------- the page: full width beside the rail, one row high, nothing above it but the shell's top bar ---------- */
body[data-view="chat"] #view:has(.rtbch) { padding: 0; max-width: none; }
.rtbch.chat-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 0; width: 100%; max-width: none; height: calc(100vh - var(--rtbch-top, 54px)); height: calc(100dvh - var(--rtbch-top, 54px)); min-height: 420px; margin: 0; align-items: stretch; }
.rtbch.chat-layout.rtbch-panel-on:not(.has-thread) { grid-template-columns: 300px minmax(0, 1fr) 320px; }
.rtbch.chat-layout.has-thread { grid-template-columns: 300px minmax(0, 1fr) 360px; }
.rtbch .chat-rail { grid-column: 1; grid-row: 1; width: auto; min-width: 0; min-height: 0; box-sizing: border-box; padding: 20px 16px 16px; border: 0; border-right: 1px solid var(--divider); background: transparent; display: flex; flex-direction: column; gap: 16px; overflow: hidden; }
.rtbch .chat-main { grid-column: 2; grid-row: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; contain: layout style; }   /* typing in the box re-measures only this column */
.rtbch .rtbch-panel { grid-column: 3; grid-row: 1; }
.rtbch .chat-thread { grid-column: 3; grid-row: 1; }
.rtbch.has-thread:not(.rtbch-sheet-open) .rtbch-panel { display: none; }   /* the docked column gives way to a reply thread; a sheet the reader opened never does (round 4: it opened invisible with a reply thread showing) */

/* ---------- shared bits ---------- */
.rtbch .rtbch-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--rtb-accent); line-height: 1.3; }
.rtbch .rtbch-h2 { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtbch-label); }
.rtbch .rtbch-h2--accent { color: var(--rtb-accent); }
.rtbch .rtbch-h3 { margin: 0 0 4px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtbch-label); }
.rtbch .rtbch-sub { font-size: 14px; color: var(--rtbch-sub); line-height: 1.35; }
.rtbch .rtbch-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rtbch .rtbch-ico { display: inline-flex; align-items: center; justify-content: center; flex: none; line-height: 0; }
.rtbch .rtbch-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 22px; border-radius: 12px; border: 1px solid var(--border-strong); background: transparent; color: var(--text); font: inherit; font-size: 15px; font-weight: 600; letter-spacing: .01em; cursor: pointer; transition: background 150ms ease-out, border-color 150ms ease-out; }
.rtbch .rtbch-btn--sm { min-height: 36px; padding: 0 16px; font-size: 14px; }
.rtbch .rtbch-btn--full { width: 100%; }
.rtbch .rtbch-btn:hover { background: var(--hover); }
.rtbch :is(button, a, input, textarea, [tabindex]):focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; box-shadow: none; }

/* ---------- the rail: head, search, Needs you, Channels, Direct messages, Sort and show ---------- */
.rtbch .rtbch-head { display: flex; flex-direction: column; gap: 10px; padding: 0 8px; flex: none; }
.rtbch .rtbch-h1row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rtbch .rtbch-h1 { margin: 0; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: var(--text); }
.rtbch .rtbch-start { flex: none; }
.rtbch .chat-rail-search { display: flex; align-items: center; gap: 10px; height: 40px; flex: none; margin: 0 8px; padding: 0 14px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); color: var(--rtbch-sub); box-sizing: border-box; }
.rtbch .chat-rail-search:focus-within { border-color: var(--rtb-accent-line); }
.rtbch .chat-rail-search .rtbch-search-ico { color: var(--rtbch-sub); }
.rtbch .chat-rail-search-input, .rtbch .chat-rail-search input { all: unset; flex: 1 1 auto; min-width: 0; font-size: 14px; color: var(--text); box-sizing: border-box; height: 100%; }
.rtbch .chat-rail-search-input::placeholder { color: var(--rtbch-sub); opacity: 1; }
.rtbch .chat-rail-search input.chat-rail-search-input { background: transparent; box-shadow: none; border: 0; border-radius: 0; }   /* round 4: light mode drew the input as a white box over the field's border; the field is the one box */
.rtbch .chat-rail-presence { display: none; }
.rtbch .chat-rail-orphan { margin: 0 8px; }
.rtbch .chat-rail-groups { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; padding: 0; scrollbar-width: thin; }
.rtbch .rtbch-needs { display: flex; flex-direction: column; gap: 4px; flex: none; }
.rtbch .rtbch-needs[hidden] { display: none; }
.rtbch .rtbch-sec-head { display: flex; align-items: center; justify-content: space-between; padding: 0 8px 4px; }
.rtbch .rtbch-sec-n { font-size: 12px; font-weight: 700; color: var(--rtb-accent); }
@media (max-width: 760px) { .rtbch .rtbch-sec-n { min-width: 22px; height: 22px; box-sizing: border-box; padding: 0 7px; border-radius: 999px; background: var(--raised); color: var(--text); display: inline-flex; align-items: center; justify-content: center; } }
.rtbch .rtbch-needs-list { display: flex; flex-direction: column; }
.rtbch .rtbch-need { all: unset; box-sizing: border-box; display: flex; align-items: flex-start; gap: 12px; padding: 10px 8px; border-radius: 12px; cursor: pointer; color: var(--text); }
.rtbch .rtbch-need:hover { background: var(--hover); }
.rtbch .rtbch-need:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .rtbch-need .avatar { width: 26px !important; height: 26px !important; font-size: 12px !important; flex: none; }
.rtbch .rtbch-need-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rtbch .rtbch-need-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.rtbch .rtbch-need-who { font-size: 14px; font-weight: 700; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbch .rtbch-need-time { font-size: 14px; color: var(--rtbch-sub); flex: none; }
.rtbch .rtbch-need-text { font-size: 14px; color: var(--rtbch-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbch .rtbch-more { all: unset; box-sizing: border-box; padding: 6px 8px; font-size: 14px; font-weight: 600; color: var(--rtb-accent); cursor: pointer; }
.rtbch .rtbch-more:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .chat-rail-head { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 14px 8px 6px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtbch-label); background: none; border: 0; }
.rtbch .rtbch-headrow { display: none; }
.rtbch .rtbch-headlink { all: unset; display: none; box-sizing: border-box; font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--rtb-accent); cursor: pointer; }
.rtbch .chat-ch { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 8px; border-radius: 12px; font-size: 15px; font-weight: 500; color: var(--rtbch-sub); cursor: pointer; width: 100%; position: relative; transition: background 150ms ease-out; }
.rtbch .chat-ch:hover { background: var(--hover); }
.rtbch .chat-ch:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: -2px; }
.rtbch .chat-ch.has-unread { font-weight: 700; color: var(--text); }
.rtbch .chat-ch.active { background: var(--rtb-accent-fill); color: var(--text); }
.rtbch .chat-ch-labelwrap { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.rtbch .chat-ch-label { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbch .rtbch-hash { color: var(--rtbch-sub); font-weight: 500; }
.rtbch .chat-ch-badge { margin-left: auto; flex: none; min-width: 22px; height: 22px; box-sizing: border-box; padding: 0 7px; border-radius: 999px; background: var(--raised); color: var(--text); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.rtbch .chat-ch-badge.is-mention { background: var(--rtb-accent); color: var(--rtb-on-accent); }
.rtbch .chat-ch-grip { color: var(--rtbch-sub); }
.rtbch .chat-ch.rtbch-dm { min-height: 52px; gap: 12px; }
.rtbch .chat-ch.rtbch-dm .chat-ch-label { font-weight: 600; color: var(--rtbch-body); }
.rtbch .chat-ch.rtbch-dm.has-unread .chat-ch-label, .rtbch .chat-ch.rtbch-dm.active .chat-ch-label { font-weight: 700; color: var(--text); }
.rtbch .chat-ch .rtbch-sub { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.rtbch .chat-ch .chat-avwrap { flex: none; align-self: center; position: relative; }
.rtbch .chat-ch .chat-ch-av { width: 36px !important; height: 36px !important; font-size: 13px !important; font-weight: 700; }
.rtbch .chat-ch .avatar-stack { flex: none; }
.rtbch .chat-ch .avatar-stack .avatar { width: 28px !important; height: 28px !important; font-size: 12px !important; margin-right: -10px; border-color: var(--bg); }
.rtbch .chat-presence, .rtbch .chat-ch .chat-presence { position: absolute; right: -2px; bottom: -2px; left: auto; top: auto; width: 12px; height: 12px; box-sizing: border-box; border-radius: 999px; border: 2px solid var(--bg); box-shadow: none; }
.rtbch .chat-presence--active { background: var(--ok); }
.rtbch .chat-presence--recent { background: var(--bg); border-color: var(--ok); box-shadow: none; }
.rtbch .chat-ch:hover .chat-presence, .rtbch .chat-ch.active .chat-presence, .rtbch .chat-msg:hover .chat-presence { box-shadow: none; }
.rtbch .rtbch-thumb { display: block; flex: none; object-fit: cover; background: var(--raised); }
.rtbch .rtbch-thumb--row { width: 36px; height: 36px; border-radius: 10px; }
.rtbch .rtbch-thumb.is-designed { background: linear-gradient(160deg, #2a3a4d 0%, #4a5a6b 55%, #e6d2b1 130%); }
.rtbch .rtbch-thumb.is-designed[data-v="1"] { background: linear-gradient(160deg, #233e6b 0%, #4492b6 70%, #e6d2b1 140%); }
.rtbch .rtbch-thumb.is-designed[data-v="2"] { background: linear-gradient(160deg, #1e2a3a 0%, #387e9f 70%, #d8bd92 140%); }
.rtbch .rtbch-thumb.is-designed[data-v="3"] { background: linear-gradient(160deg, #2c3340 0%, #5b7289 60%, #e6d2b1 140%); }
html[data-theme="light"] .rtbch .rtbch-thumb.is-designed { background: linear-gradient(160deg, #cfd9e3 0%, #9fb6c9 60%, #e6d2b1 140%); }
.rtbch .chat-ch.chat-add.rtbch-browse { min-height: 32px; font-size: 14px; font-weight: 600; color: var(--rtb-accent); }
.rtbch .rtbch-hidden-add { display: none !important; }
.rtbch .rtbch-rail-foot { margin-top: auto; flex: none; display: flex; flex-direction: column; gap: 2px; }
.rtbch .rtbch-status { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; padding: 0 8px; min-height: 0; }
.rtbch .rtbch-status:empty { display: none; }
.rtbch .chat-rail-organize-btn.rtbch-organize { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 8px; font-size: 14px; font-weight: 600; color: var(--rtbch-sub); cursor: pointer; width: 100%; border-radius: 12px; }
.rtbch .chat-rail-organize-btn.rtbch-organize:hover { color: var(--text); background: var(--hover); }
.rtbch .chat-rail-organize-btn.rtbch-organize:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: -2px; }

/* Start a chat menu (a floating sheet: the law's one shadow) */
.rtbch-menu { position: fixed; z-index: 1000; width: 280px; max-height: min(70vh, 520px); overflow-y: auto; padding: 8px; border-radius: 14px; background: var(--panel); border: 1px solid var(--border); box-shadow: 0 24px 64px rgba(0, 0, 0, .5); display: flex; flex-direction: column; gap: 2px; font-family: var(--font); }
.rtbch-menu-h { padding: 8px 10px 6px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtbch-label); }
.rtbch-menu-item { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 6px 10px; border-radius: 12px; cursor: pointer; color: var(--text); font-size: 15px; font-weight: 600; }
.rtbch-menu-item:hover { background: var(--hover); }
.rtbch-menu-item:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: -2px; }
.rtbch-menu-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbch-menu-s { font-size: 14px; font-weight: 500; color: var(--rtbch-sub); }
.rtbch-menu .avatar { width: 26px !important; height: 26px !important; font-size: 12px !important; }

/* ---------- avatars: three law colours by name; the signed-in person is the raised chip with the champagne ring ---------- */
.rtbch [data-rtbav="0"], .rtbch-menu [data-rtbav="0"] { background: #2c6585 !important; color: #ffffff !important; }
.rtbch [data-rtbav="1"], .rtbch-menu [data-rtbav="1"] { background: #233e6b !important; color: #ffffff !important; }
.rtbch [data-rtbav="2"], .rtbch-menu [data-rtbav="2"] { background: #387e9f !important; color: #ffffff !important; }
.rtbch [data-rtbav="me"], .rtbch-menu [data-rtbav="me"] { background: var(--rtbch-av-me) !important; color: var(--rtbch-av-me-ink) !important; box-shadow: inset 0 0 0 1px rgba(230, 210, 177, .4); }

/* ---------- the thread header ---------- */
.rtbch .chat-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; box-sizing: border-box; padding: 20px 40px 16px; border-bottom: 1px solid var(--divider); background: transparent; min-height: 0; flex: none; }
.rtbch .rtbch-titleblock { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 auto; }
.rtbch .chat-head-title { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 8px; }
.rtbch .rtbch-thread-sub { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rtbch .rtbch-m { display: none; }
@media (max-width: 760px) { .rtbch .rtbch-d { display: none; } .rtbch .rtbch-m { display: inline; } .rtbch .rtbch-thread-eyebrow { letter-spacing: .14em; white-space: nowrap; } }
.rtbch .rtbch-sep { color: var(--rtbch-sub); }
.rtbch .rtbch-herewrap { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.rtbch .rtbch-here { width: 8px; height: 8px; border-radius: 999px; background: var(--ok); flex: none; }
.rtbch .chat-head .row-line { display: flex; align-items: center; gap: 12px; flex: none; flex-wrap: wrap; justify-content: flex-end; }
.rtbch .chat-head .btn, .rtbch .chat-head .btn-sm { display: inline-flex; align-items: center; gap: 8px; height: 36px; min-height: 36px; padding: 0 14px; border-radius: 12px; background: transparent; border: 1px solid var(--rtbch-hairline); color: var(--rtbch-body); font-size: 14px; font-weight: 600; box-shadow: none; }
.rtbch .chat-head .btn:hover { background: var(--hover); }
.rtbch .chat-head .rtbch-membtn { padding: 0; border: 0; height: auto; min-height: 0; background: transparent; }
.rtbch .chat-head .rtbch-membtn:hover { background: transparent; }
.rtbch .rtbch-avs { display: inline-flex; align-items: center; }
.rtbch .rtbch-avs .avatar { width: 32px !important; height: 32px !important; font-size: 12px !important; font-weight: 700; box-sizing: border-box; border: 2px solid var(--bg); margin-left: -8px; }
.rtbch .rtbch-avs .avatar:first-child { margin-left: 0; }
.rtbch .rtbch-av-more { margin-left: -8px; width: 32px; height: 32px; box-sizing: border-box; border-radius: 999px; background: var(--raised); border: 2px solid var(--bg); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; color: var(--text); }
.rtbch .chat-status, .rtbch .chat-fast-pill, .rtbch .chat-viewing-chip { font-size: 13px; color: var(--rtbch-sub); }
.rtbch .chat-status { border: 1px solid var(--border); border-radius: 999px; padding: 4px 10px; background: transparent; line-height: 1.2; }
.rtbch .chat-back-btn { display: none; }
.rtbch .chat-scope-strip { display: none !important; }
.rtbch .card.chat-dm-notice, .rtbch .chat-dm-notice { margin: 12px 40px 0 !important; border-radius: 12px !important; padding: 10px 14px; border-radius: 12px; background: var(--panel); border: 1px solid var(--border); font-size: 14px; color: var(--rtbch-sub); box-shadow: none; }
.rtbch .chat-dm-notice .muted { font-size: 14px; color: var(--rtbch-sub); }
.rtbch .chat-pinbar { margin: 0 40px; padding: 10px 0; border: 0; border-left: 0 !important; border-bottom: 1px solid var(--divider); border-radius: 0; background: transparent; box-shadow: none; font-size: 14px; color: var(--rtbch-sub); }
.rtbch .chat-pinbar .chat-pinbar-label { color: var(--rtb-accent); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.rtbch .chat-pinbar .chat-pinbar-text { color: var(--rtbch-body); }
.rtbch .chat-pinbar .chat-pinbar-who { color: var(--rtbch-sub); }
.rtbch .chat-board { margin: 12px 40px 0; }

/* ---------- the messages ---------- */
.rtbch .chat-list { flex: 1 1 0; min-height: 0; overflow-y: auto; box-sizing: border-box; padding: 20px 40px 12px; display: flex; flex-direction: column; gap: 18px; scrollbar-width: thin; }
.rtbch .chat-day-divider { display: flex; align-items: center; gap: 16px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtbch-label); background: none; margin: 0; padding: 0; }
.rtbch .chat-day-divider::before, .rtbch .chat-day-divider::after { content: ''; flex: 1 1 auto; height: 1px; background: var(--divider); }
.rtbch .chat-day-divider span { background: none; padding: 0; }
.rtbch .chat-new-divider { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--danger); }
.rtbch .chat-new-divider::before, .rtbch .chat-new-divider::after { content: ''; flex: 1 1 auto; height: 1px; background: var(--danger); opacity: .35; }
.rtbch .chat-msg { position: relative; display: flex; flex-wrap: nowrap; gap: 14px; align-items: flex-start; padding: 0; margin: 0; border-radius: 12px; background: transparent; border: 0; box-shadow: none; }
.rtbch .chat-msg.grouped { margin-top: -10px; }
.rtbch .chat-msg:hover { background: transparent; }
.rtbch .chat-msg.mentions-me { background: transparent; box-shadow: none; border: 0; }
.rtbch .chat-msg > .avatar, .rtbch .chat-msg > .chat-avwrap > .avatar { width: 36px !important; height: 36px !important; font-size: 13px !important; font-weight: 700; flex: none; }
.rtbch .chat-msg > .chat-avwrap { flex: none; }
.rtbch .chat-av-spacer { width: 36px; flex: none; }
.rtbch .chat-gutter-time { font-size: 12px; color: var(--rtbch-sub); }
.rtbch .chat-msg-body { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.rtbch .chat-msg-meta { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.rtbch .chat-author { font-size: 15px; font-weight: 700; color: var(--text); }
.rtbch .chat-role, .rtbch .chat-time { font-size: 14px; color: var(--rtbch-sub); font-weight: 500; }
.rtbch .chat-role::after { content: '\00a0·'; }
.rtbch .chat-text { margin: 0; font-size: 17px; line-height: 1.55; color: var(--rtbch-body); word-break: break-word; }
.rtbch .chat-text a { color: var(--info); text-decoration: underline; text-underline-offset: 2px; }
.rtbch .chat-mention { padding: 0 4px; border-radius: 6px; background: var(--hover); color: var(--text); font-weight: 600; }
.rtbch .chat-mention.is-me { background: rgba(230, 210, 177, .14); color: var(--rtb-accent); }
html[data-theme="light"] .rtbch .chat-mention.is-me { background: rgba(230, 210, 177, .45); }
.rtbch .chat-quote { font-size: 14px; color: var(--rtbch-sub); border-left: 2px solid var(--border-strong); padding-left: 10px; }
/* reactions: word pills */
.rtbch .chat-reactions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.rtbch .chat-react { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; height: 30px; min-height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--border); background: transparent; color: var(--rtbch-sub); font-size: 13px; font-weight: 600; cursor: pointer; }
.rtbch .chat-react:hover { background: var(--hover); }
.rtbch .chat-react.mine { border-color: var(--rtb-accent-line); background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtbch .chat-react:focus-visible, .rtbch .rtbch-react-add:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .rtbch-react-add { all: unset; box-sizing: border-box; width: 30px; height: 30px; border-radius: 999px; border: 1px solid var(--border); color: var(--rtbch-sub); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.rtbch .rtbch-react-add:hover { background: var(--hover); color: var(--text); }
/* thread pill */
.rtbch .chat-thread-link { all: unset; box-sizing: border-box; align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 14px 0 4px; margin-top: 6px; border-radius: 999px; border: 1px solid var(--border); color: var(--text); cursor: pointer; }
.rtbch .chat-thread-link:hover { background: var(--hover); }
.rtbch .chat-thread-link:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .chat-thread-avs { display: inline-flex; }
.rtbch .chat-thread-avs .avatar { flex: none; }
.rtbch .chat-thread-avs .avatar { width: 26px !important; height: 26px !important; font-size: 12px !important; border: 2px solid var(--bg); box-sizing: border-box; margin-left: -6px; }
.rtbch .chat-thread-avs .avatar:first-child { margin-left: 0; }
.rtbch .chat-thread-count { font-size: 13px; font-weight: 700; color: var(--rtb-accent); }
.rtbch .chat-thread-last { font-size: 14px; color: var(--rtbch-sub); }
.rtbch .chat-receipt { font-size: 14px; color: var(--rtbch-sub); margin: 0; padding: 0 0 0 50px; text-align: left; align-self: flex-start; background: none; border: 0; }
.rtbch .chat-receipt.chat-delivery-warning { all: unset; box-sizing: border-box; min-height: 44px; display: inline-flex; align-items: center; padding: 0 12px; margin-left: 50px; border-radius: 12px; border: 1px solid var(--danger); color: var(--danger-ink); font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbch .chat-typing-line { padding: 0 40px 6px 90px; font-size: 14px; font-style: normal; color: var(--rtbch-sub); }
/* the hover bar: small, quiet, top right */
.rtbch .chat-msg-actions { position: absolute; top: -6px; right: 0; display: none; gap: 2px; padding: 3px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); }   /* not laid out until a row is hovered or focused: typing in the box re-measures far less */
.rtbch .chat-msg:hover .chat-msg-actions, .rtbch .chat-msg:focus-within .chat-msg-actions { display: flex; }
.rtbch .chat-msg-act { all: unset; box-sizing: border-box; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--rtbch-sub); cursor: pointer; }
.rtbch .chat-msg-act:hover { background: var(--hover); color: var(--text); }
.rtbch .chat-msg-act:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 0; }
.rtbch .chat-msg-act.on { color: var(--rtb-accent); }
/* job and cut cards: photo, title, who, package, stage */
.rtbch .chat-jobcard, .rtbch .chat-jobcard-locked { margin: 8px 0 0; width: 100%; max-width: 460px; box-sizing: border-box; min-height: 64px; display: flex; align-items: center; gap: 14px; padding: 8px 16px 8px 8px; border-radius: 12px; background: var(--card); border: 1px solid var(--border) !important; border-left: 1px solid var(--border) !important; color: var(--text); cursor: pointer; text-decoration: none; }
.rtbch .chat-jobcard-locked { cursor: default; }
.rtbch .chat-jobcard:hover { border-color: var(--border-strong) !important; }
.rtbch .chat-jobcard:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .rtbch-thumb--card { width: 80px; height: 48px; border-radius: 10px; }
.rtbch .chat-jobcard-body { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; }
.rtbch .chat-jobcard-addr { font-size: 15px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbch .chat-jobcard-sub { font-size: 14px; color: var(--rtbch-sub); font-weight: 500; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.rtbch .chat-jobcard-locked > div { color: var(--text) !important; font-size: 15px !important; }
.rtbch .rtbch-jc-status { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--rtbch-body); flex: none; }
.rtbch .rtbch-jc-status i { width: 8px; height: 8px; border-radius: 999px; display: block; }
.rtbch .rtbch-jc-line { display: flex; align-items: baseline; gap: 0; font-size: 14px; color: var(--rtbch-sub); min-width: 0; white-space: nowrap; overflow: hidden; }
.rtbch .rtbch-jc-pk { flex: none; font-size: 14px; font-weight: 500; color: var(--rtbch-sub); }
.rtbch .chat-jobcard .tier-badge { flex: none; }
.rtbch .chat-ch-sub-row { display: flex; align-items: center; gap: 6px; min-width: 0; }
.rtbch .chat-ch-sub-thumb { width: 22px; height: 16px; border-radius: 4px; flex: none; background: var(--raised) center / cover no-repeat; }
.rtbch .chat-ch-sub-thumb.is-designed { background: linear-gradient(160deg, #2a3a4d 0%, #4a5a6b 55%, #e6d2b1 130%); }
.rtbch .chat-ch-sub { font-size: 14px; color: var(--rtbch-sub); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbch .rtbch-opencut { margin-left: auto; background: none !important; border: 0 !important; padding: 0 !important; font-size: 14px; font-weight: 600; color: var(--rtb-accent) !important; flex: none; }
.rtbch .chat-linkcard .chat-jobcard-ico { width: 48px; height: 48px; border-radius: 10px; background: var(--raised); display: inline-flex; align-items: center; justify-content: center; color: var(--rtbch-sub); font-size: 0; flex: none; }
.rtbch .chat-imgs { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.rtbch .chat-img { max-width: 320px; max-height: 240px; border-radius: 12px; border: 1px solid var(--border); object-fit: cover; }
.rtbch .chat-voice { display: flex; align-items: center; gap: 10px; margin-top: 6px; padding: 8px 12px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); max-width: 460px; }
.rtbch .chat-voice-ico { color: var(--rtbch-sub); font-size: 0; }
.rtbch a.chat-file { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; align-self: flex-start; padding: 8px 14px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); color: var(--text) !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.rtbch .chat-screenrec { max-width: 460px; border-radius: 12px; border: 1px solid var(--border); margin-top: 6px; }

/* ---------- the composer ---------- */
.rtbch .chat-composer { box-sizing: border-box; padding: 0 40px 24px; display: flex; flex-direction: column; gap: 10px; background: transparent; border: 0; flex: none; }
.rtbch .chat-quick-replies { display: flex; gap: 8px; flex-wrap: wrap; padding: 0; }
.rtbch .chat-quick-replies:empty { display: none; }
.rtbch .chat-quick-reply { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--border); background: transparent; color: var(--rtbch-sub); font-size: 13px; font-weight: 600; cursor: pointer; }
.rtbch .chat-quick-reply:hover { background: var(--hover); color: var(--text); }
.rtbch .chat-quick-reply:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .chat-composer-card { margin: 0; border-radius: 14px; background: var(--card); border: 1px solid var(--rtbch-hairline); padding: 14px 12px 10px 16px; display: flex; flex-direction: column; gap: 10px; box-shadow: none; }
.rtbch .chat-composer-card:focus-within { border-color: var(--rtb-accent-line); box-shadow: none; }
.rtbch .chat-composer-card .chat-input { all: unset; display: block; box-sizing: border-box; width: 100%; min-height: 24px; max-height: 140px; line-height: 24px; font-size: 15px; color: var(--text); resize: none; white-space: pre-wrap; overflow-y: auto; padding: 0; }
.rtbch .chat-composer-card .chat-input::placeholder { color: var(--rtbch-sub); opacity: 1; }
.rtbch .chat-composer-toolbar { display: flex; align-items: center; gap: 4px; padding: 0; flex-wrap: nowrap; border: 0; background: none; }
.rtbch .chat-composer-toolbar .rtbch-t-cut .rtbch-tl { display: none; }
.rtbch .chat-composer-toolbar .rtbch-t-cut { padding: 0 9px; }
.rtbch .chat-composer-toolbar .chat-tool, .rtbch .chat-composer-toolbar .voice-mic { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 10px; border-radius: 10px; color: var(--rtbch-sub); font-size: 14px; font-weight: 600; cursor: pointer; width: auto; min-width: 0; }
.rtbch .chat-composer-toolbar .chat-tool:hover, .rtbch .chat-composer-toolbar .voice-mic:hover { background: var(--hover); color: var(--text); }
.rtbch .chat-composer-toolbar .chat-tool:focus-visible, .rtbch .chat-composer-toolbar .voice-mic:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 0; }
.rtbch .chat-composer-toolbar .chat-tool:disabled, .rtbch .chat-composer-toolbar .voice-mic:disabled { opacity: .45; cursor: default; }
.rtbch .chat-composer-toolbar .chat-tool--fmt { display: none; }
.rtbch.chat-layout .chat-composer.rtbch-fmt-open .chat-tool--fmt { display: inline-flex; }
.rtbch .chat-composer-toolbar .rtbch-t-attach { order: 1; }
.rtbch .chat-composer-toolbar .rtbch-t-job { order: 2; }
.rtbch .chat-composer-toolbar .rtbch-t-cut { order: 3; }
.rtbch .chat-composer-toolbar .voice-mic { order: 4; }
.rtbch .chat-composer-toolbar .voice-mic::after { content: 'Speak'; }
.rtbch .chat-composer-toolbar .rtbch-t-aa { order: 5; font-weight: 700; }
.rtbch .chat-composer-toolbar .rtbch-t-aa[aria-pressed="true"] { background: var(--rtb-accent-fill); color: var(--rtb-accent); }
.rtbch .chat-composer-toolbar .chat-tool--fmt { order: 6; }
.rtbch .chat-composer-toolbar .chat-composer-divider { display: none; }
.rtbch .chat-composer-toolbar .chat-composer-spacer { order: 7; flex: 1 1 auto; }
.rtbch .chat-composer-toolbar .chat-composer-hint { order: 8; margin: 0 8px 0 0; font-size: 13px; color: var(--rtbch-sub); }
.rtbch .chat-composer-toolbar .chat-send { all: unset; order: 9; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 22px; border-radius: 12px; background: var(--rtb-accent); border: 1px solid var(--rtb-accent); color: var(--rtb-on-accent); font-size: 14px; font-weight: 600; letter-spacing: .01em; cursor: pointer; }
html[data-theme="light"] .rtbch .chat-composer-toolbar .chat-send { background: #e6d2b1; border-color: rgba(122, 92, 46, .45); color: #101828; }
.rtbch .chat-composer-toolbar .chat-send:hover:not(:disabled) { filter: brightness(1.06); }
.rtbch .chat-composer-toolbar .chat-send:disabled { background: var(--raised); border-color: var(--border); color: var(--rtbch-sub); cursor: default; filter: none; }
.rtbch .chat-composer-toolbar .chat-send:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .chat-replybar, .rtbch .chat-pending, .rtbch .chat-composer-lock, .rtbch .chat-link-hint { font-size: 14px; color: var(--rtbch-sub); }
.rtbch .chat-pending { border-radius: 12px; }

/* ---------- the job panel: a column beside a job thread (a sheet on the phone) ---------- */
.rtbch .rtbch-panel { box-sizing: border-box; min-height: 0; overflow-y: auto; padding: 20px 24px 24px; border-left: 1px solid var(--divider); background: var(--rtbch-panelbg); display: flex; flex-direction: column; gap: 16px; }
.rtbch .rtbch-panel[hidden] { display: none; }
.rtbch .rtbch-panel-top { display: flex; align-items: center; justify-content: space-between; min-height: 32px; }
.rtbch .rtbch-panel-close { all: unset; box-sizing: border-box; width: 32px; height: 32px; border-radius: 10px; color: var(--rtbch-sub); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.rtbch .rtbch-panel-close:hover { background: var(--hover); color: var(--text); }
.rtbch .rtbch-panel-close:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 0; }
.rtbch .rtbch-thumb--hero { width: 100%; height: 152px; border-radius: 12px; }
.rtbch .rtbch-panel-title { display: flex; flex-direction: column; gap: 4px; }
.rtbch .rtbch-panel-addr { font-size: 20px; font-weight: 700; letter-spacing: -.015em; color: var(--text); }
.rtbch .rtbch-pkgrow { display: flex; align-items: center; gap: 10px; }
.rtbch .rtbch-prog { display: flex; flex-direction: column; gap: 8px; }
.rtbch .rtbch-prog b { font-weight: 700; color: var(--text); }
.rtbch .rtbch-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.rtbch .rtbch-steps li { height: 4px; border-radius: 4px; background: var(--raised); }
.rtbch .rtbch-steps li.is-now { background: var(--rtb-accent); }
.rtbch .rtbch-steps li.is-done { background: var(--rtbch-label); opacity: .55; }
.rtbch .rtbch-why { font-size: 14px; color: var(--rtbch-sub); }
.rtbch .rtbch-dl { margin: 0; display: flex; flex-direction: column; }
.rtbch .rtbch-dl-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 30px; }
.rtbch .rtbch-dl-row dt { font-size: 14px; color: var(--rtbch-sub); }
.rtbch .rtbch-dl-row dd { margin: 0; font-size: 14px; font-weight: 600; color: var(--text); text-align: right; }
.rtbch .rtbch-rule { height: 1px; background: var(--divider); flex: none; }
.rtbch .rtbch-thread-links { display: flex; flex-direction: column; gap: 4px; }
.rtbch .rtbch-door { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 12px; min-height: 40px; color: var(--rtbch-body); font-size: 14px; font-weight: 600; cursor: pointer; border-radius: 10px; }
.rtbch .rtbch-door:hover { color: var(--text); }
.rtbch .rtbch-door:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .rtbch-door .rtbch-ico { color: var(--rtbch-sub); }
.rtbch .rtbch-door-n { margin-left: auto; font-size: 14px; font-weight: 600; color: var(--rtbch-sub); }
.rtbch .rtbch-strip { display: none; }
/* the older Decisions / Media / Links drawer, now a plain 480px sheet from the right */
.rtbch .chat-info-panel { width: 480px; max-width: 100vw; box-sizing: border-box; background: var(--panel); border-left: 1px solid var(--border); box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
/* the older reply thread, as a quiet column on the right */
.rtbch .chat-thread { min-height: 0; border-left: 1px solid var(--divider); background: var(--rtbch-panelbg); }

/* ================= phone (the app's 760px line): PhoneChat (list) and PhoneChatThread ================= */
@media (max-width: 760px) {
  body[data-view="chat"] #view:has(.rtbch) { padding: 0; }
  .rtbch.chat-layout, .rtbch.chat-layout.rtbch-panel-on:not(.has-thread), .rtbch.chat-layout.has-thread { display: flex; flex-direction: column; height: calc(100dvh - var(--rtbch-top, 54px) - 84px - env(safe-area-inset-bottom, 0px)); min-height: 0; }
  body.kb-open[data-view="chat"] .rtbch.chat-layout { height: calc(100dvh - var(--rtbch-top, 54px)); }
  .rtbch.m-list .chat-main, .rtbch.m-list .rtbch-panel { display: none; }
  .rtbch.m-convo .chat-rail { display: none; }
  .rtbch .chat-rail { flex: 1 1 auto; border-right: 0; padding: 20px 20px 20px; gap: 18px; overflow-y: auto; }
  .rtbch .rtbch-head { padding: 0; gap: 8px; }
  .rtbch .rtbch-h1 { font-size: 32px; letter-spacing: -.03em; }
  .rtbch .rtbch-start { min-height: 44px; padding: 0 24px; font-size: 15px; background: var(--rtb-accent); border-color: var(--rtb-accent); color: var(--rtb-on-accent); }
  html[data-theme="light"] .rtbch .rtbch-start { background: #e6d2b1; border-color: rgba(122, 92, 46, .45); color: #101828; }
  .rtbch .chat-rail-search { margin: 0; height: 44px; border-radius: 12px; }
  .rtbch .chat-rail-groups { flex: none; overflow: visible; gap: 0; }
  .rtbch .rtbch-needs { gap: 0; }
  .rtbch .rtbch-sec-head { padding: 0 0 8px; justify-content: flex-start; gap: 8px; }
  .rtbch .rtbch-needs-list { border: 1px solid var(--border); border-radius: 14px; background: var(--panel); overflow: hidden; }
  .rtbch .rtbch-need { padding: 12px 14px; border-radius: 0; min-height: 44px; border-top: 1px solid var(--divider); width: 100%; }
  .rtbch .rtbch-need:first-child { border-top: 0; }
  .rtbch .chat-rail-head { padding: 22px 0 8px; }
  .rtbch .rtbch-headrow { display: flex; justify-content: flex-end; height: 0; position: relative; z-index: 1; }
  .rtbch .rtbch-headrow .rtbch-headlink { display: inline-flex; align-items: center; min-height: 44px; position: absolute; right: 0; top: -44px; }
  .rtbch .chat-ch { min-height: 44px; padding: 0 16px; border-radius: 0; border: solid var(--border); border-width: 0 1px 1px 1px; background: var(--panel); }
  .rtbch .chat-ch.rtbch-dm { min-height: 54px; }
  .rtbch .chat-ch.is-first { border-top-width: 1px; border-top-left-radius: 14px; border-top-right-radius: 14px; }
  .rtbch .chat-ch.is-last { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }
  .rtbch .chat-ch:hover, .rtbch .chat-ch.active { background: var(--panel); }
  .rtbch .chat-ch.chat-add.rtbch-browse { display: none; }
  .rtbch .rtbch-rail-foot { margin-top: 0; }
  .rtbch .rtbch-titleblock .rtbch-status { padding: 0; margin-top: 2px; }
  .rtbch .rtbch-more { padding: 10px 14px; min-height: 44px; display: inline-flex; align-items: center; }
  /* the thread: back chevron, title block, avatar stack; then the "This job" strip and Pinned */
  .rtbch .chat-main { flex: 1 1 auto; min-height: 0; }
  .rtbch .chat-head { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto 44px; grid-template-areas: "back eyebrow avs more" "back title title more" "back sub sub sub" "strip strip pin pin"; align-items: center; column-gap: 8px; row-gap: 2px; padding: 8px 12px 8px 8px; border-bottom: 0; }   /* round 4: tight rows (the board's header is about 150px) */
  .rtbch .chat-head .chat-back-btn { grid-area: back; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; background: none; color: var(--text); font-size: 0; }
  .rtbch .chat-head .chat-back-btn .icon, .rtbch .chat-head .chat-back-btn .icon svg { width: 22px; height: 22px; }
  .rtbch .chat-head .chat-back-btn > span:not(.icon) { display: none; }
  .rtbch .rtbch-titleblock { display: contents; }
  .rtbch .rtbch-thread-eyebrow { grid-area: eyebrow; align-self: end; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .rtbch .rtbch-subrow { grid-area: sub; margin: 2px 0 6px; }
  .rtbch .chat-head .chat-back-btn { align-self: start; }
  .rtbch .chat-head-title { font-size: 20px; }
  .rtbch .chat-head .row-line { display: contents; }
  .rtbch .chat-head .rtbch-membtn, .rtbch .chat-head .rtbch-avstatic { grid-area: avs; justify-self: end; min-height: 44px; height: 44px; min-width: 44px; margin: -10px 0; display: inline-flex; align-items: center; }   /* the stack sits beside the title: a 44px tap box that takes 24px of row height */
  .rtbch .chat-head .rtbch-more-btn { grid-area: more; }
  .rtbch .chat-head .rtbch-pinbtn { grid-area: pin; justify-self: end; min-height: 44px; height: 44px; align-self: stretch; padding: 0 16px; }
  .rtbch .chat-head .rtbch-strip { display: flex; grid-area: strip; justify-self: stretch; width: auto; margin: 0 0 0 4px; align-items: center; gap: 12px; min-height: 44px; padding: 8px 12px 8px 8px; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); color: var(--text); cursor: pointer; text-align: left; font: inherit; box-sizing: border-box; }
  .rtbch .chat-head .row-line > :not(.rtbch-pinbtn):not(.rtbch-membtn):not(.rtbch-avstatic) { grid-column: 1 / -1; justify-self: end; }
  .rtbch .rtbch-thumb--strip { width: 40px; height: 40px; border-radius: 10px; }
  .rtbch .rtbch-strip-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
  .rtbch .rtbch-strip-t { font-size: 15px; font-weight: 700; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rtbch .rtbch-strip-s { font-size: 14px; color: var(--rtbch-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rtbch .chat-dm-notice, .rtbch .chat-pinbar, .rtbch .chat-board { margin-left: 20px; margin-right: 20px; }
  .rtbch .chat-list { padding: 16px 20px 8px; gap: 16px; }
  .rtbch .chat-typing-line { padding: 0 20px 6px 70px; }
  .rtbch .chat-composer { padding: 0 20px 12px; gap: 8px; }
  .rtbch .chat-quick-replies { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .rtbch .chat-quick-replies::-webkit-scrollbar { display: none; }
  .rtbch .chat-quick-reply { flex: none; height: 44px; padding: 0 18px; font-size: 15px; }
  .rtbch .chat-composer-card { display: grid; grid-template-columns: auto auto minmax(44px, 1fr) auto auto; grid-template-areas: "ta ta ta mic aa" "att job cut send send"; align-items: center; gap: 8px 6px; padding: 12px 12px 12px 16px; border-radius: 16px; }
  .rtbch .chat-composer-card .chat-input { grid-area: ta; min-height: 44px; line-height: 24px; padding: 10px 0; overflow-y: hidden; }
  .rtbch .chat-composer-toolbar { display: contents; }
  .rtbch .chat-composer-toolbar .voice-mic { grid-area: mic; width: 44px; height: 44px; justify-content: center; padding: 0; }
  .rtbch .chat-composer-toolbar .voice-mic::after { content: none; }
  .rtbch .chat-composer-toolbar .rtbch-t-aa { grid-area: aa; width: 44px; height: 44px; justify-content: center; padding: 0; font-size: 16px; }
  .rtbch .chat-composer-toolbar .rtbch-t-attach { grid-area: att; height: 44px; padding: 0 8px; white-space: nowrap; border: 1px solid var(--rtbch-hairline); color: var(--rtbch-body); }
  .rtbch .chat-composer-toolbar .rtbch-t-job { grid-area: job; height: 44px; padding: 0 8px; white-space: nowrap; border: 1px solid var(--rtbch-hairline); color: var(--rtbch-body); }
  .rtbch .chat-composer-toolbar .rtbch-t-job .rtbch-ico { display: none; }
  .rtbch .chat-composer-toolbar .rtbch-t-cut { grid-area: cut; width: 44px; height: 44px; justify-content: center; padding: 0; border: 1px solid var(--rtbch-hairline); color: var(--rtbch-body); }
  .rtbch .chat-composer-toolbar .rtbch-t-cut .rtbch-tl { display: none; }
  .rtbch .chat-composer-toolbar .chat-send { grid-area: send; justify-self: end; min-height: 44px; min-width: 84px; padding: 0 18px; font-size: 15px; }
  .rtbch .chat-composer-toolbar .chat-composer-hint, .rtbch .chat-composer-toolbar .chat-composer-spacer { display: none; }
  .rtbch .chat-composer.rtbch-fmt-open .chat-composer-toolbar .chat-tool--fmt { grid-column: auto; display: inline-flex; height: 44px; width: 44px; justify-content: center; padding: 0; }
  /* the job panel as a full-height sheet */
  .rtbch .rtbch-panel { position: fixed; z-index: 60; left: 0; right: 0; top: 0; bottom: 0; grid-column: auto; padding: 20px 20px calc(24px + env(safe-area-inset-bottom, 0px)); border-left: 0; background: var(--bg); }
  .rtbch .rtbch-panel[hidden] { display: none; }
  .rtbch .rtbch-panel-close { width: 44px; height: 44px; margin-right: -10px; }
  .rtbch .rtbch-btn { min-height: 44px; }
  .rtbch .rtbch-door { min-height: 44px; }
  .rtbch .chat-thread { position: fixed; z-index: 60; inset: 0; grid-column: auto; background: var(--bg); }
  .rtbch .chat-info-panel { width: 100vw; }
  .rtbch .chat-img { max-width: 100%; }
  .rtbch .rtbch-sep { display: none; }
  .rtbch .chat-rail-search-input { min-height: 44px; margin: -1px 0; }
  .rtbch .chat-pinbar { min-height: 44px; }
  .rtbch .chat-pinbar-hit, .rtbch .chat-pinbar-cycle { min-height: 44px; display: inline-flex; align-items: center; }
  .rtbch .chat-pinbar-x, .rtbch .chat-reply-x { min-width: 44px; min-height: 44px; }
}
/* RTB-CHAT (app v106) end */

/* the quick-add button of the shell keeps clear of the job panel */
body[data-view="chat"]:has(.rtbch-panel-on:not(.has-thread)) :is(.quick-add-fab, .fab-dial-btn) { bottom: 12px; right: 12px; }   /* in the empty foot of the job panel (it has room under its last row), never over a message */
body[data-view="chat"]:has(.rtbch:not(.rtbch-panel-on)) :is(.quick-add-fab, .fab-dial-btn) { bottom: 170px; right: 8px; }
@media (min-width: 1181px) { .rtbch:not(.rtbch-panel-on) .chat-list { padding-right: 76px; } }

/* phone: the shell's quick-add dial steps aside on this screen (it covered the composer); Quick add and Report a bug live in the More menu of Chat's header there. Wider screens keep the dial. */
@media (max-width: 760px) { body:has(.rtbch) :is(.fab-dial-btn, .fab-dial-menu) { display: none !important; } }
.rtbch .chat-reply-x, .rtbch .chat-pinbar-x { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; border-radius: 10px; color: var(--rtbch-sub); cursor: pointer; }
.rtbch .chat-reply-x:hover, .rtbch .chat-pinbar-x:hover { background: var(--hover); color: var(--text); }
.rtbch .chat-reply-x:focus-visible, .rtbch .chat-pinbar-x:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 0; }

/* phone: every tap target is 44px or more; the Sort button is the Direct messages head link there */
@media (max-width: 760px) {
  .rtbch .chat-rail-organize-btn.rtbch-organize { display: none; }
  .rtbch .chat-composer-toolbar .rtbch-t-attach, .rtbch .chat-composer-toolbar .rtbch-t-job { min-width: max-content; }
  .rtbch .chat-react { min-height: 44px; height: 44px; padding: 0 16px; font-size: 14px; }
  .rtbch .rtbch-react-add { width: 44px; height: 44px; }
  .rtbch .chat-thread-link { min-height: 44px; height: 44px; }
  .rtbch .chat-reply-x, .rtbch .chat-pinbar-x { min-width: 44px; min-height: 44px; }
  .rtbch .chat-rail-search input.chat-rail-search-input { height: 44px; min-height: 44px; margin: -1px 0; }
}

/* ================= round 2: one-line subrow, More door, collapsed pin bar and privacy note on phone, narrow desktop, panel padding ================= */
.rtbch .rtbch-subrow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
.rtbch .rtbch-more-btn { all: unset; box-sizing: border-box; display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; color: var(--rtbch-sub); cursor: pointer; }
.rtbch .rtbch-more-btn:hover { background: var(--hover); color: var(--text); }
.rtbch .rtbch-more-btn:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 0; }
.rtbch .rtbch-h1actions { display: flex; align-items: center; gap: 8px; }
.rtbch .chat-ch.rtbch-dm--tall { min-height: 68px; }
.rtbch .rtbch-work { color: var(--rtbch-sub); }
.rtbch .rtbch-panel { padding-bottom: 96px; }

/* below 1180px the thread keeps its room: no docked job panel; the strip under the title opens it as a sheet */
@media (max-width: 1180px) {
  .rtbch.chat-layout.rtbch-panel-on:not(.has-thread), .rtbch.chat-layout.has-thread { grid-template-columns: 300px minmax(0, 1fr); }
  .rtbch .chat-head { flex-wrap: wrap; row-gap: 10px; }
  .rtbch .chat-head .rtbch-strip { display: flex; order: 9; flex: 1 1 100%; align-items: center; gap: 12px; min-height: 44px; padding: 8px 12px 8px 8px; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); color: var(--text); cursor: pointer; text-align: left; font: inherit; box-sizing: border-box; }
  .rtbch .rtbch-strip-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
  .rtbch .rtbch-strip-t { font-size: 15px; font-weight: 700; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rtbch .rtbch-strip-s { font-size: 14px; color: var(--rtbch-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rtbch .rtbch-thumb--strip { width: 40px; height: 40px; border-radius: 10px; }
  .rtbch .rtbch-panel { position: fixed; z-index: 60; top: var(--rtbch-top, 54px); right: 0; bottom: 0; width: min(440px, 100vw); grid-column: auto; box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
  .rtbch .rtbch-panel[hidden] { display: none; }
  .rtbch .chat-thread { position: fixed; z-index: 55; top: var(--rtbch-top, 54px); left: auto; right: 0; bottom: 0; width: min(420px, 100vw); grid-column: auto; box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
  .rtbch .chat-head, .rtbch .chat-list, .rtbch .chat-composer { padding-left: 24px; padding-right: 24px; }
  .rtbch .chat-pinbar, .rtbch .chat-dm-notice { margin-left: 24px !important; margin-right: 24px !important; }
  .rtbch .rtbch-more-btn { display: inline-flex; }
  .rtbch .rtbch-more-btn--list { display: none; }
  /* the old pin bar stays behind More > Show the pinned line; the privacy note stays on every visit until dismissed, as one compact line (More > Who can see this chat opens the full text) */
  .rtbch .chat-pinbar { display: none !important; }
  .rtbch.rtbch-show-pin .chat-pinbar:not([style*="display: none"]) { display: flex !important; }
  .rtbch .card.chat-dm-notice, .rtbch .chat-dm-notice { padding: 4px 10px !important; min-height: 44px; align-items: center !important; }
  .rtbch .chat-dm-notice .muted { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .rtbch .chat-dm-notice .chat-reply-x { flex: none; }
  .rtbch.rtbch-show-note .chat-dm-notice .muted { white-space: normal; overflow: visible; }
  .rtbch.rtbch-show-note .chat-dm-notice .muted { font-size: 13px; line-height: 1.3; }
  .rtbch .chat-pinbar { padding-top: 0; padding-bottom: 0; min-height: 44px; flex-wrap: nowrap; }
  .rtbch .chat-head .rtbch-strip { min-height: 52px; padding-top: 4px; padding-bottom: 4px; }
}
@media (max-width: 760px) {
  .rtbch .rtbch-more-btn--list { display: inline-flex; }
  .rtbch .chat-head .rtbch-strip { flex: none; }
  .rtbch .rtbch-panel, .rtbch .chat-thread { top: 0; left: 0; right: 0; bottom: 0; width: auto; box-shadow: none; }
  .rtbch .rtbch-thread-sub { flex-wrap: wrap; }
  .rtbch .rtbch-titleblock .rtbch-status { display: inline-flex; flex-wrap: nowrap; gap: 6px; margin: 0; }
  .rtbch .rtbch-titleblock .chat-status, .rtbch .rtbch-titleblock .chat-fast-pill { font-size: 12px; padding: 2px 8px; white-space: nowrap; }
  .rtbch .chat-head-title { grid-area: title; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; min-width: 0; }
  .rtbch .chat-composer { padding-bottom: 8px; }
  .rtbch .chat-quick-reply { height: 44px; }
  .rtbch .rtbch-h1row { flex-wrap: nowrap; }
  .rtbch .rtbch-subrow { flex-wrap: wrap; row-gap: 2px; }
  .rtbch .rtbch-subrow .rtbch-thread-sub { flex: 0 1 auto; min-width: 0; white-space: normal; overflow: visible; }
  .rtbch .rtbch-subrow .rtbch-status { flex: none; }
  .rtbch .chat-head { row-gap: 2px; padding-left: 8px; padding-right: 16px; }   /* the 1180px block above sets 10px and 24px later in the file; the back chevron sits where the board puts it and the title row gets room for "Job thread · Team only" */
  .rtbch .chat-head .rtbch-strip { margin-left: 16px; }
  .rtbch .chat-head .rtbch-pinbtn { padding: 0 12px; }   /* its width sets the avatar column: 111px keeps the eyebrow and the title wide */
  .rtbch .chat-head .rtbch-avs .avatar { width: 24px !important; height: 24px !important; }
  .rtbch .chat-head .rtbch-avs .avatar:not(:first-child), .rtbch .chat-head .rtbch-av-more { margin-left: -8px; }
  .rtbch .chat-head .rtbch-av-more { width: 24px; height: 24px; }
}

@media (max-width: 760px) {
  .rtbch .chat-jobcard { flex-wrap: wrap; row-gap: 4px; }
  .rtbch .chat-jobcard-body { flex: 1 1 140px; }
  /* the client's name under a job card is a link: a 44px tall hit area without moving anything (6px of padding above, 17px below, taken back by negative margins; the line that clips its text carries the same room so the clip does not cut the tap area) */
  .rtbch .chat-jobcard-clientlink { position: relative; z-index: 1; padding: 6px 0 17px !important; margin: -6px 0 -17px !important; }   /* above the status pill beside it, which only displays a word */
  .rtbch .rtbch-jc-line:has(.chat-jobcard-clientlink) { padding: 6px 0 17px; margin: -6px 0 -17px; }
}

/* round 4: on a phone the message actions (React, Reply in a thread, Pin, Copy) sit on their OWN row under the line, never over the name and time; buttons are 44px.
   They stay hidden until the row is tapped (the row is focusable, so a tap focuses it and :focus-within shows the bar, the rule above) */
@media (max-width: 760px) {
  .rtbch .chat-msg { flex-wrap: wrap; }
  .rtbch .chat-msg-actions { position: static; top: auto; right: auto; flex: 0 0 100%; justify-content: flex-end; gap: 6px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
  .rtbch .chat-msg-act { width: 44px; height: 44px; border: 1px solid var(--border); background: var(--card); }
  .rtbch .chat-msg--bub .chat-msg-act { width: 44px; height: 44px; }   /* CHAT-REDESIGN-1019 */
}
/* RTB-CHAT:END */
/* ===== CHAT-REDESIGN-1019:BEGIN (step 1: A1-A6; appended after RTB-CHAT; every rule is under .rtbch or a cx-/rtbx- class only chat.js and rtb-chat.js write) ===== */
/* Boards: Chat (desktop) and PhoneChat. Dark "Room to Breathe" first, light kept readable. Text is 12px or more, targets 44px on a phone. */
:root { --cx-bubble-other: #202024; --cx-bubble-other-ink: #ffffff; --cx-bubble-mine: #e8d4ae; --cx-bubble-mine-ink: #1a1408; }
html[data-theme="light"] { --cx-bubble-other: #eeede9; --cx-bubble-other-ink: #1d2939; }

/* ---------- A5 the desktop frame: list column 340px, the conversation, the side panel only when asked ---------- */
.rtbch.chat-layout { grid-template-columns: 340px minmax(0, 1fr); }
.rtbch.chat-layout.rtbch-panel-on:not(.has-thread) { grid-template-columns: 340px minmax(0, 1fr) 380px; }
.rtbch.chat-layout.has-thread { grid-template-columns: 340px minmax(0, 1fr) 380px; }
@media (max-width: 1180px) {
  .rtbch.chat-layout.rtbch-panel-on:not(.has-thread), .rtbch.chat-layout.has-thread { grid-template-columns: 340px minmax(0, 1fr); }
}
/* round 3: the feed and the box fill the room (no 820px cap); a bubble still stops at 72% / 560px */
.rtbch .chat-list > * { width: 100%; max-width: none; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.rtbch .chat-list { padding: 16px 28px 8px; gap: 0; }
.rtbch .chat-typing-line { padding: 2px 28px 6px; max-width: none; width: 100%; margin: 0 auto; box-sizing: border-box; }
.rtbch .chat-pinbar, .rtbch .chat-board, .rtbch .card.chat-dm-notice, .rtbch .chat-dm-notice { max-width: none; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; width: calc(100% - 56px); }

/* ---------- A3 the header ---------- */
.rtbch.chat-layout .chat-head { align-items: center; justify-content: flex-start; gap: 12px; padding: 12px 20px; min-height: 64px; flex-wrap: nowrap; position: relative; top: 0; }
.rtbch.chat-layout .chat-head .chat-back-btn { display: none; }
.rtbch .rtbx-id { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 auto; }
.rtbch .rtbx-lead { flex: none; display: inline-flex; }
.rtbch .rtbx-thumb { width: 40px; height: 40px; border-radius: 12px; object-fit: cover; display: block; }
.rtbch .rtbx-av.avatar, .rtbch .rtbx-lead .avatar { width: 40px !important; height: 40px !important; font-size: 14px !important; font-weight: 700; }
.rtbch .rtbx-tile { width: 40px; height: 40px; border-radius: 12px; background: var(--raised); color: var(--rtbch-sub); display: inline-flex; align-items: center; justify-content: center; }
.rtbch .rtbch-titleblock { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
.rtbch .rtbx-title { min-width: 0; }
.rtbch.chat-layout .chat-head-title { font-size: 17px; font-weight: 700; letter-spacing: -.005em; line-height: 1.25; }
.rtbch .rtbx-subline { display: flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
.rtbch .rtbx-pill { flex: none; display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 999px; background: rgba(230, 210, 177, .16); color: var(--rtb-accent); font-size: 12px; font-weight: 700; letter-spacing: .01em; }
html[data-theme="light"] .rtbch .rtbx-pill { background: rgba(230, 210, 177, .5); }
.rtbch .rtbx-plain { display: none; }
.rtbch .rtbx-area { font-size: 13px; color: var(--rtbch-sub); overflow: hidden; text-overflow: ellipsis; }
.rtbch .rtbx-here { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--rtbch-sub); }
.rtbch .rtbx-here i { width: 8px; height: 8px; border-radius: 999px; background: var(--ok); display: inline-block; }
.rtbch .rtbx-actions { display: flex; align-items: center; gap: 4px; flex: none; }
.rtbch .rtbx-actions .row-line { display: flex; gap: 0; flex-wrap: nowrap; }
.rtbch .rtbx-actions .row-line > :not([title="More channel options"]) { display: none !important; }
.rtbch .rtbx-actions .row-line > button[title="More channel options"] { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-height: 40px; padding: 0; border: 0; border-radius: 12px; background: transparent; color: var(--rtbch-sub); font-size: 20px; line-height: 1; }
.rtbch .rtbx-actions .row-line > button[title="More channel options"]:hover { background: var(--hover); color: var(--text); }
.rtbch .rtbx-act, .rtbch .rtbx-actions .rtbch-more-btn { all: unset; box-sizing: border-box; width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; color: var(--rtbch-sub); cursor: pointer; }
.rtbch .rtbx-act:hover, .rtbch .rtbx-actions .rtbch-more-btn:hover { background: var(--hover); color: var(--text); }
.rtbch .rtbx-act.is-on { color: var(--rtb-accent); background: var(--rtb-accent-fill); }
.rtbch .rtbx-act:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 0; }
.rtbch .rtbx-act[hidden] { display: none; }
.rtbch .rtbx-actions .rtbch-more-btn { display: none; }
.rtbch .rtbx-actions .rtbch-membtn, .rtbch .rtbx-actions .rtbch-avstatic { display: inline-flex; align-items: center; margin-right: 8px; padding: 0; border: 0; background: transparent; min-height: 0; height: auto; }
.rtbch .rtbx-actions .rtbch-avs .avatar { width: 28px !important; height: 28px !important; font-size: 12px !important; margin-left: -8px; }
.rtbch .rtbx-actions .rtbch-avs .avatar:first-child { margin-left: 0; }
.rtbch .rtbx-actions .rtbch-av-more { width: 28px; height: 28px; margin-left: -8px; }
.rtbch .rtbx-conn { position: absolute; left: 0; right: 0; bottom: -1px; transform: translateY(100%); padding: 6px 20px; font-size: 13px; color: var(--warn, #d9a441); background: var(--panel); border-bottom: 1px solid var(--divider); z-index: 2; }
@media (max-width: 1180px) {
  .rtbch .rtbx-actions .rtbch-more-btn { display: inline-flex; }
  .rtbch .rtbx-actions .row-line > button[title="More channel options"] { display: none; }
  .rtbch .chat-head .rtbch-strip { display: none !important; }
}

/* the sync chips (Sync off, Local only, Live, the instant-send note) are not drawn; only a real sync problem shows (the line under the header) */
.rtbch .rtbch-status .chat-status:not(.warn), .rtbch .rtbch-status .chat-fast-pill, .rtbch .rtbch-titleblock .rtbch-status { display: none !important; }

/* the privacy note: first line of the history, small and grey, no box (it scrolls away with the history, never covers a message) */
.rtbch .chat-list > .chat-dm-notice, .rtbch .chat-list > .card.chat-dm-notice { display: flex !important; justify-content: center; align-items: center; gap: 6px; margin: 4px auto 14px !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; transition: none !important; flex: none !important; width: 100%; max-width: none; box-sizing: border-box; }
.rtbch .chat-list > .chat-dm-notice[style*="display: none"] { display: none !important; }
.rtbch .chat-list > .chat-dm-notice > :first-child:not(.muted):not(.chat-reply-x) { display: none !important; }
.rtbch .chat-list > .chat-dm-notice .muted { font-size: 12.5px; line-height: 1.4; color: var(--rtbch-sub); text-align: center; white-space: normal !important; overflow: visible !important; flex: 0 1 auto !important; }
.rtbch .chat-list > .chat-dm-notice .chat-reply-x { min-width: 32px; min-height: 32px; flex: none; }

/* ---------- A1/A2 bubbles, runs, day pills, the New line ---------- */
.rtbch .chat-day-divider { justify-content: center; margin: 20px auto 8px; gap: 0; letter-spacing: .04em; text-transform: none; font-size: 12px; font-weight: 600; }
.rtbch .chat-day-divider::before, .rtbch .chat-day-divider::after { content: none; }
.rtbch .chat-day-divider span { display: inline-flex; align-items: center; height: 26px; padding: 0 14px; border-radius: 999px; background: var(--raised); color: var(--rtbch-sub); }
.rtbch .chat-new-divider { margin: 16px auto 8px; gap: 14px; letter-spacing: .14em; }
.rtbch .chat-msg--bub { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 8px; margin-top: 14px; padding: 0; border-radius: 0; }
.rtbch .chat-msg--bub.grouped { margin-top: 3px; }
.rtbch .chat-list > .chat-msg--bub:first-child { margin-top: 0; }
.rtbch .chat-msg--bub.me { justify-content: flex-end; }
.rtbch .chat-msg--bub > .avatar, .rtbch .chat-msg--bub > .chat-avwrap > .avatar { width: 32px !important; height: 32px !important; font-size: 12px !important; }
.rtbch .chat-msg--bub .chat-av-spacer { width: 32px; flex: none; }
/* the avatar stands on the bottom of the run: it must never be the thing the browser keeps still when a bubble grows (Show more) */
.rtbch .chat-msg--bub > :not(.chat-msg-body) { overflow-anchor: none; }
.rtbch .chat-msg--bub .chat-msg-body { flex: 0 1 auto; min-width: 0; max-width: min(72%, 560px); display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.rtbch .chat-msg--bub.me .chat-msg-body { align-items: flex-end; }
.rtbch .chat-msg--bub .chat-msg-meta { display: flex; align-items: baseline; gap: 6px; padding: 0 4px; margin-top: 2px; }
.rtbch .chat-msg--bub .chat-author { font-size: 13px; font-weight: 600; color: var(--rtbch-sub); }
.rtbch .chat-msg--bub .chat-time { font-size: 13px; font-weight: 500; color: var(--rtbch-sub); }
.rtbch .chat-msg--bub .chat-time::before { content: '\00b7\00a0'; }
.rtbch .chat-bubble { margin: 0; width: fit-content; max-width: 100%; box-sizing: border-box; padding: 9px 14px; border-radius: 20px; background: var(--cx-bubble-other); color: var(--cx-bubble-other-ink); font-size: 15px; line-height: 1.38; overflow-wrap: anywhere; word-break: break-word; }
.rtbch .chat-msg--bub:not(.me) .chat-bubble { border-bottom-left-radius: 6px; }
.rtbch .chat-msg--bub:not(.me).grouped .chat-bubble { border-top-left-radius: 6px; }
.rtbch .chat-msg--bub.me .chat-bubble { background: var(--cx-bubble-mine); color: var(--cx-bubble-mine-ink); border-bottom-right-radius: 6px; }
.rtbch .chat-msg--bub.me.grouped .chat-bubble { border-top-right-radius: 6px; }
.rtbch .chat-bubble p { margin: 0; }
.rtbch .chat-bubble p + p, .rtbch .chat-bubble ul, .rtbch .chat-bubble ol { margin-top: 6px; }
.rtbch .chat-bubble a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.rtbch .chat-msg--bub:not(.me) .chat-bubble a { color: var(--rtb-accent); }
html[data-theme="light"] .rtbch .chat-msg--bub:not(.me) .chat-bubble a { color: #7a5c2e; }
.rtbch .chat-msg--bub.me .chat-bubble .chat-mention { background: rgba(26, 20, 8, .12); color: inherit; }
.rtbch .chat-msg--bub .chat-bubble .chat-mention { padding: 0 4px; }
.rtbch .chat-bubble--emoji { background: none !important; padding: 0 2px; font-size: 36px; line-height: 1.15; border-radius: 0 !important; }
.rtbch .chat-msg--bub .chat-reactions { margin-top: 2px; }
.rtbch .chat-msg--bub.me .chat-reactions { justify-content: flex-end; }
.rtbch .chat-msg--bub .chat-thread-link { margin-top: 2px; }
.rtbch .chat-msg--bub .chat-quote { background: rgba(255, 255, 255, .05); border-radius: 12px; padding: 6px 10px; margin: 0; max-width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbch .chat-msg--bub .chat-jobcard, .rtbch .chat-msg--bub .chat-jobcard-locked { margin-top: 2px; }
.rtbch .chat-msg--bub .chat-imgs { margin: 2px 0 0; }
.rtbch .chat-msg--bub.me .chat-imgs { justify-content: flex-end; }
.rtbch .chat-receipt { padding: 0 4px 0 0; text-align: right; align-self: flex-end; font-size: 12px; margin-top: 3px; }
.rtbch .chat-receipt.chat-delivery-warning { margin-left: auto; }
.rtbch .chat-msg--bub .chat-msg-actions { top: -18px; left: 48px; right: auto; }
.rtbch .chat-msg--bub.me .chat-msg-actions { left: auto; right: 6px; }
.rtbch .chat-msg--bub .chat-msg-act { width: 32px; height: 32px; }

/* ---------- A4 the box: [+] [field with the dictate mic] [send]; the + opens the sheet ---------- */
.rtbch .cx-composer { box-sizing: border-box; width: 100%; max-width: none; margin: 0 auto; padding: 8px 28px 14px; display: flex; flex-direction: column; gap: 6px; background: transparent; border: 0; }
.rtbch .cx-composer .chat-composer-card { display: block; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.rtbch .cx-row { display: flex; align-items: flex-end; gap: 10px; }
.rtbch .cx-plus { all: unset; box-sizing: border-box; flex: none; width: 44px; height: 44px; border-radius: 999px; background: var(--raised); color: var(--text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.rtbch .cx-plus:hover { background: var(--hover); }
.rtbch .cx-plus:focus-visible, .rtbch .cx-send:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbch .cx-plus[disabled], .rtbch .cx-send[disabled] { opacity: .45; cursor: default; }
.rtbch .cx-field { flex: 1 1 auto; min-width: 0; display: flex; align-items: flex-end; gap: 4px; min-height: 44px; box-sizing: border-box; padding: 0 4px 0 18px; border-radius: 24px; background: var(--panel); border: 1px solid var(--border); }
.rtbch .cx-field:focus-within { border-color: var(--rtb-accent-line); }
.rtbch .cx-field .chat-input { flex: 1 1 auto; min-width: 0; box-sizing: border-box; border: 0; outline: 0; box-shadow: none; background: transparent; color: var(--text); font: inherit; font-size: 15px; line-height: 22px; padding: 10px 0; min-height: 44px; max-height: 160px; resize: none; overflow-y: auto; }
.rtbch .cx-field .chat-input::placeholder { color: var(--rtbch-sub); opacity: 1; }
.rtbch .cx-field .voice-mic { flex: none; width: 40px; height: 40px; margin: 2px 0; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--rtbch-sub); display: inline-flex; align-items: center; justify-content: center; }
.rtbch .cx-field .voice-mic::after { content: none; }
.rtbch .cx-field .voice-mic:hover { background: var(--hover); color: var(--text); }
.rtbch .cx-send, .rtbch .btn.btn-primary.cx-send { flex: none; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 999px; background: var(--rtb-accent); color: var(--rtb-on-accent); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: none; }
html[data-theme="light"] .rtbch .cx-send, html[data-theme="light"] .rtbch .btn.btn-primary.cx-send { background: #e6d2b1; color: #101828; }
.rtbch .cx-hint { font-size: 12px; line-height: 1.3; color: var(--rtbch-sub); text-align: center; }
.rtbch .cx-composer .chat-quick-replies, .rtbch .cx-composer .chat-composer-toolbar { display: none; }
/* the sheet (a bottom sheet on a phone, a small card above the + on a computer) */
.cx-scrim { position: fixed; inset: 0; z-index: 1100; background: rgba(0, 0, 0, .55); }
.cx-sheet { position: fixed; z-index: 1101; box-sizing: border-box; background: var(--panel); color: var(--text); border: 1px solid var(--border); font-family: var(--font); }
.cx-sheet--phone { left: 0; right: 0; bottom: 0; border-radius: 22px 22px 0 0; border-bottom: 0; padding: 8px 16px calc(22px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -18px 48px rgba(0, 0, 0, .45); }
.cx-sheet--pop { width: 340px; max-width: calc(100vw - 16px); padding: 16px; border-radius: 18px; box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
.cx-grab { width: 40px; height: 4px; border-radius: 2px; background: var(--border-strong); margin: 4px auto 16px; }
.cx-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 8px; }
.cx-sheet--pop .cx-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cx-tile { all: unset; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; font-size: 13px; line-height: 1.25; color: var(--rtbch-sub); text-align: center; }
.cx-tile:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; border-radius: 14px; }
.cx-tile-ico { width: 56px; height: 56px; border-radius: 16px; background: var(--raised); color: var(--text); display: inline-flex; align-items: center; justify-content: center; }
.cx-tile:hover .cx-tile-ico { background: var(--hover); }
.cx-tile-t { max-width: 100%; }
.cx-grid--list { grid-template-columns: 1fr !important; gap: 8px; }
.cx-quick { all: unset; box-sizing: border-box; display: flex; align-items: center; min-height: 48px; padding: 0 16px; border-radius: 14px; background: var(--raised); color: var(--text); font-size: 15px; font-weight: 600; cursor: pointer; }
.cx-quick:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }

/* ---------- A6 the phone: a conversation is its own screen ---------- */
@media (max-width: 760px) {
  body.chat-in-convo nav#tabbar { display: none !important; }
  body.chat-in-convo .rtbch.chat-layout.m-convo { position: fixed; left: 0; right: 0; top: var(--cx-vvtop, 0px); height: var(--cx-vvh, 100dvh); max-height: 100dvh; z-index: 120; margin: 0; background: var(--bg); display: flex; flex-direction: column; }
  body.chat-in-convo .rtbch.m-convo .chat-main { flex: 1 1 auto; min-height: 0; }
  .rtbch.chat-layout .chat-head { padding: calc(6px + env(safe-area-inset-top, 0px)) 8px 6px 2px; min-height: 56px; gap: 2px; display: flex; grid-template-columns: none; grid-template-areas: none; }
  .rtbch.chat-layout .chat-head .chat-back-btn { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: flex-start; gap: 0; min-width: 44px; height: 44px; padding: 0 6px 0 6px; color: var(--rtb-accent); cursor: pointer; flex: none; }
  .rtbch.chat-layout .chat-head .chat-back-btn > span:not(.rtbch-ico) { display: inline; }
  .rtbch.chat-layout .chat-head .chat-back-btn .chat-back-count { font-size: 15px; font-weight: 600; margin-left: 0; }
  .rtbch.chat-layout .chat-head .chat-back-btn .chat-back-count[hidden] { display: none; }
  .rtbch.chat-layout .chat-head .chat-back-btn > .rtbch-ico { display: inline-flex; }
  .rtbch .chat-head .chat-back-btn:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 0; border-radius: 12px; }
  .rtbch .rtbch-titleblock { display: flex; }
  .rtbch .rtbx-id { gap: 10px; }
  .rtbch .rtbx-thumb, .rtbch .rtbx-tile, .rtbch .rtbx-lead .avatar { width: 36px !important; height: 36px !important; border-radius: 10px; }
  .rtbch .rtbx-lead .avatar { border-radius: 999px; }
  .rtbch.chat-layout .chat-head-title { font-size: 16px; grid-area: auto; }
  .rtbch .rtbx-subline .rtbx-pill, .rtbch .rtbx-subline .rtbx-area { display: none; }
  .rtbch .rtbx-subline .rtbx-plain { display: inline; font-size: 13px; color: var(--rtbch-sub); white-space: nowrap; }
  .rtbch .chat-head.rtbx-hasjob .rtbx-actions .rtbch-more-btn { display: none; }   /* the board's phone header has only Open job on the right; a job thread's options are at the foot of Info */
  .rtbch .rtbx-subline .rtbx-here { display: none; }   /* the phone line is the board's: stage, then the people count */
  .rtbch .rtbx-actions .rtbx-search, .rtbch .rtbx-actions .rtbch-membtn, .rtbch .rtbx-actions .rtbch-avstatic, .rtbch .rtbx-actions .rtbx-info { display: none; }
  .rtbch .rtbx-actions .rtbx-openjob { display: inline-flex; width: 44px; height: 44px; }
  .rtbch .rtbx-actions .rtbch-more-btn { width: 44px; height: 44px; }
  .rtbch .rtbx-actions .rtbx-info, .rtbch .rtbx-actions .rtbx-search { width: 44px; height: 44px; }
  .rtbch .chat-list { padding: 10px 12px 6px; }
  .rtbch .chat-msg--bub { flex-wrap: wrap; }
  .rtbch .chat-msg--bub .chat-msg-act { width: 44px; height: 44px; }
  .rtbch .chat-msg--bub .chat-msg-body { max-width: 80%; }
  .rtbch .chat-msg--bub.me .chat-msg-actions { justify-content: flex-end; }
  .rtbch .cx-composer { padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)); max-width: none; }
  .rtbch.cx-kb .cx-composer { padding-bottom: 8px; }
  .rtbch .cx-hint { display: none; }
  .rtbch .cx-field .chat-input { font-size: 16px; }
  .rtbch .cx-composer:not(.cx-has-text) .cx-send { display: none; }
  .rtbch .cx-composer.cx-has-text .cx-field .voice-mic { display: none; }
  .rtbch .chat-typing-line { padding: 2px 16px 6px; }
}

/* ---------- round 3: emoji, threads you can see, no empty space ---------- */
/* the shell's Quick add round button is not on the board: hidden on the chat view only (Quick add stays in the phone More menu and everywhere else) */
body[data-view="chat"] :is(#quick-add-fab, .quick-add-fab, .fab-dial-btn, .fab-dial-menu) { display: none !important; }
.rtbch.has-thread .rtbx-subline .rtbx-here, .rtbch.rtbch-panel-on .rtbx-subline .rtbx-here { display: none; }
/* only one right panel at a time; the feed gives it ~380px and takes the room back when it closes */
@media (min-width: 761px) { .rtbch .chat-info-panel { width: 380px; top: var(--rtbch-top, 54px); } }
@media (min-width: 1181px) { .rtbch.cx-drawer .chat-main { margin-right: 380px; } }
/* emoji reactions and the pickers */
.chat-react-pop, .cx-emoji { display: block; width: auto; }
.cx-emoji { z-index: 1200; padding: 6px; border-radius: 16px; }
.chat-react-pop { display: flex; flex-direction: column; padding: 6px; border-radius: 16px; max-width: calc(100vw - 16px); z-index: 1200; }
.chat-react-quick { display: flex; align-items: center; gap: 2px; }
.chat-react-emoji, .chat-react-more { all: unset; box-sizing: border-box; width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1; cursor: pointer; color: var(--rtbch-sub); }
.chat-react-emoji:hover, .chat-react-more:hover, .chat-emoji-btn:hover { background: var(--hover); }
.chat-react-emoji:focus-visible, .chat-react-more:focus-visible, .chat-emoji-btn:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: -2px; }
.chat-emoji-grid { width: 316px; max-width: calc(100vw - 32px); max-height: 340px; overflow-y: auto; padding: 2px; }
.chat-emoji-head { padding: 8px 6px 2px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--rtbch-label); }
.chat-emoji-row { display: flex; flex-wrap: wrap; }
.chat-emoji-btn { all: unset; box-sizing: border-box; width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1; cursor: pointer; }
.cx-emoji, .chat-react-pop { background: var(--panel); border: 1px solid var(--border); box-shadow: 0 24px 64px rgba(0, 0, 0, .5); }
.rtbch .chat-react.is-emoji { font-size: 15px; padding: 0 10px; }
.rtbch .cx-field .cx-smile { all: unset; box-sizing: border-box; flex: none; width: 40px; height: 40px; margin: 2px 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: var(--rtbch-sub); cursor: pointer; }
.rtbch .cx-field .cx-smile:hover { background: var(--hover); color: var(--text); }
.rtbch .cx-field .cx-smile:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: -2px; }
.rtbch .cx-field .cx-smile[disabled] { opacity: .45; cursor: default; }
/* the thread panel: head, bubbles, its own box, "Also send to" */
.rtbch .chat-thread { width: auto; max-width: none; display: flex; flex-direction: column; }
.rtbch .chat-thread-head { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--divider); background: transparent; }
.rtbch .chat-thread-head .chat-thread-title { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 17px; }
.rtbch .chat-thread-head .chat-thread-sub { font-size: 13px; color: var(--rtbch-sub); font-weight: 500; }
.rtbch .chat-thread-back { display: none; all: unset; box-sizing: border-box; width: 44px; height: 44px; border-radius: 12px; align-items: center; justify-content: center; color: var(--rtb-accent); cursor: pointer; }
.rtbch .chat-thread-list { padding: 12px 14px; gap: 0; }
.rtbch .chat-thread .chat-msg--bub .chat-msg-body { max-width: 88%; }
.rtbch .chat-thread-divider { margin: 14px 0 6px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--rtbch-label); display: flex; align-items: center; gap: 10px; }
.rtbch .chat-thread-divider::after { content: ''; flex: 1 1 auto; height: 1px; background: var(--divider); }
.rtbch .chat-thread-composer { box-sizing: border-box; padding: 8px 14px 12px; display: flex; flex-direction: column; gap: 6px; background: transparent; border: 0; }
.rtbch .chat-thread-composer .cx-row { align-items: flex-end; flex-wrap: nowrap; }
.rtbch .chat-thread-composer .cx-field { flex: 1 1 0; min-width: 0; }
.rtbch .chat-thread-composer .cx-field .chat-input { font-size: 15px; min-height: 44px; max-height: 120px; }
.rtbch .chat-thread-composer .chat-tool { all: unset; box-sizing: border-box; flex: none; width: 44px; height: 44px; border-radius: 999px; background: var(--raised); color: var(--text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.rtbch .chat-also { display: flex; align-items: center; gap: 8px; min-height: 28px; font-size: 13px; color: var(--rtbch-sub); cursor: pointer; }
.rtbch .chat-also-box { width: 18px; height: 18px; margin: 0; accent-color: var(--rtb-accent); flex: none; }
.rtbch .chat-thread-link { margin-top: 4px; }
.rtbch .chat-thread-avs .avatar { width: 24px !important; height: 24px !important; font-size: 12px !important; margin-left: -5px; }
.rtbch .chat-thread-avs .avatar:first-child { margin-left: 0; }
.rtbch .chat-thread-link .chat-thread-last { color: var(--rtbch-sub); }
@media (max-width: 760px) {
  .rtbch .chat-thread { z-index: 130; }
  .rtbch .chat-thread-back { display: inline-flex; }
  .rtbch .chat-thread-x { display: none; }
  .rtbch .chat-thread-head { padding: calc(6px + env(safe-area-inset-top, 0px)) 12px 6px 2px; min-height: 56px; }
  .rtbch .chat-thread .chat-msg--bub .chat-msg-body { max-width: 80%; }
  .rtbch .chat-also { min-height: 44px; }
  .rtbch .chat-also-box { width: 22px; height: 22px; }
  .rtbch .chat-thread-composer { padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)); }
  .rtbch .chat-react-emoji, .rtbch .chat-emoji-btn { width: 48px; height: 48px; }
}
/* CHAT-REDESIGN-1019:END */

/* ===== RTB-MONEY:BEGIN (gen/hub-money.css, hand-written; the build only appends it; it lives INSIDE the RTB-SHELL section) ===== */
/* ==========================================================================
   RTB-MONEY (app v106 candidate): the Money screens. Boards Money, MoneyUnpaid, MoneyBooks, MoneyReports, MoneyProfitDetails.
   Hand-written (gen/hub-money.css); the build appends it to hub.css inside the RTB-SHELL section. EVERY rule is scoped under .rtbm (the page root the new Money pages write),
   under #view:has(.rtbm-head) (the page frame), or under .rtbm-drawer (the money modals opened from those pages), so no other screen moves.
   Law tokens as in the shell block: --panel --card --raised --border --divider --muted --rtb-t3 --rtb-accent --ok --danger --info --rtb-steel.
   Owner readability pass: body, cell and sub-lines 14px; labels 12px; secondary text >= 7:1 on dark, >= 4.5:1 on light (--rtb-t3 / --muted); phone tap targets >= 44px.
   ========================================================================== */
.rtbm, .modal.rtbm-drawer { --rtbm-t3: #a9acb3; --rtbm-bad: #f0968a; --rtbm-good: #7fbf9a; }   /* secondary text: 8:1 on the panel, 9:1 on the page (owner asked for brighter than the board's #8b8f97) */
html[data-theme="light"] .rtbm, html[data-theme="light"] .modal.rtbm-drawer { --rtbm-t3: #667085; --rtbm-bad: #b42318; --rtbm-good: #25744b; }
#view:has(.rtbm-head) { max-width: none; margin: 0; padding: 2px 72px 60px; }
#view:has(.rtbm-head) .subtab-body { padding: 0; }
#view:has(.rtbm-head) > .crumb, #view:has(.rtbm-head) > .subtabs { display: none; }
.rtbm { display: flex; flex-direction: column; gap: 24px; min-width: 0; line-height: normal; color: var(--text); }
.rtbm *, .rtbm *::before, .rtbm *::after { box-sizing: border-box; }
.rtbm button { font-family: inherit; }
.rtbm-ic { display: inline-flex; line-height: 0; flex: 0 0 auto; }
.rtbm-hidden { display: none !important; }

/* ---------- the header ---------- */
.rtbm-head { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rtbm-eyebrow { display: flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--rtb-accent); line-height: normal; }
.rtbm-backlink { display: inline-flex; align-items: center; gap: 4px; height: 44px; margin: -14px 0; padding: 0 8px; border: 0; background: transparent; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; cursor: pointer; border-radius: 10px; }
.rtbm-backlink:hover { color: var(--text); }
.rtbm-hrow { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 0; flex-wrap: wrap; }
.rtbm-titlegroup { display: flex; align-items: center; gap: 24px; min-width: 0; flex-wrap: wrap; }
.rtbm-h1 { margin: 0; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: var(--text); }
.rtbm-lede { margin: 0; font-size: 17px; line-height: 1.6; font-weight: 400; color: var(--muted); max-width: none; }
.rtbm-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rtbm-seg { display: flex; padding: 4px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); max-width: 100%; }
.rtbm-seg-btn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; border-radius: 7px; border: 0; background: transparent; color: var(--rtbm-t3); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rtbm-seg-btn:hover { color: var(--text); }
.rtbm-seg-btn[aria-pressed="true"] { background: var(--raised); color: var(--text); }
.rtbm-seg--sm .rtbm-seg-btn { height: 32px; padding: 0 12px; }
.rtbm-seg--wrap { flex-wrap: wrap; }
.rtbm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rtbm-btn:hover { background: var(--hover); }
.rtbm-btn--sm { height: 36px; padding: 0 12px; border-radius: 10px; }
.rtbm-btn--primary { background: var(--rtb-accent-bg, var(--rtb-accent)); border-color: var(--rtb-accent-bg, var(--rtb-accent)); color: var(--rtb-on-accent); }
.rtbm-btn--primary:hover { background: var(--rtb-accent-bg, var(--rtb-accent)); opacity: .9; }
.rtbm-btn[disabled] { opacity: .45; cursor: default; }
.rtbm button:focus-visible, .rtbm select:focus-visible, .rtbm input:focus-visible, .rtbm [role="button"]:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbm-link { display: inline-flex; align-items: center; gap: 4px; border: 0; background: transparent; padding: 0; font: inherit; font-size: 14px; font-weight: 600; color: var(--rtb-accent); cursor: pointer; }
.rtbm-link:hover { color: var(--text); }
.rtbm-pick { position: relative; display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); color: var(--text); font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbm-pick .rtbm-ic { color: var(--rtbm-t3); }
.rtbm-pick-sel { position: absolute; inset: -1px; width: calc(100% + 2px); height: calc(100% + 2px); opacity: 0; cursor: pointer; font-size: 16px; }

/* ---------- tiles ---------- */
.rtbm-tiles { display: grid; gap: 24px; }
.rtbm-tiles--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rtbm-tiles--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.rtbm-tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rtbm-tiles--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.rtbm-tile { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); padding: 20px 22px; display: flex; flex-direction: column; gap: 8px; min-width: 0; text-align: left; }
.rtbm-tiles--6 .rtbm-tile { padding: 18px 20px; gap: 6px; }
.rtbm-tile--sm { padding: 14px 16px; gap: 6px; }
.rtbm-tile.is-accent { border-color: var(--rtb-accent-line); }
.rtbm-tile[role="button"] { cursor: pointer; }
.rtbm-tile[role="button"]:hover { background: var(--hover); }
.rtbm-tile-l { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbm-t3); white-space: nowrap; }
.rtbm-tile.is-accent .rtbm-tile-l { color: var(--rtb-accent); }
.rtbm-tile-v { font-size: 32px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--text); }
.rtbm-tile--sm .rtbm-tile-v { font-size: 24px; }
.rtbm-tile-v.is-bad { color: var(--rtbm-bad); }
.rtbm-tile-n { font-size: 14px; color: var(--rtbm-t3); line-height: 1.4; }
.rtbm-delta { font-weight: 700; color: var(--rtbm-t3); }
.rtbm-delta.is-good { color: var(--rtbm-good); }
.rtbm-delta.is-bad { color: var(--rtbm-bad); }

/* ---------- panels, headings, notes ---------- */
.rtbm-card { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); min-width: 0; }
.rtbm-phead { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.rtbm-h2 { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: -.015em; color: var(--text); }
.rtbm-h3 { margin: 0; font-size: 17px; font-weight: 700; letter-spacing: -.01em; color: var(--text); }
.rtbm-sub { font-size: 14px; color: var(--rtbm-t3); line-height: 1.5; }
.rtbm-p { margin: 0 0 10px; font-size: 14px; line-height: 1.6; color: var(--muted); }
.rtbm-foot { display: flex; align-items: center; gap: 10px; padding: 16px 20px; font-size: 14px; color: var(--rtbm-t3); }
.rtbm-foot .rtbm-ic { color: var(--rtbm-t3); }
.rtbm-empty { padding: 28px 20px; font-size: 15px; color: var(--muted); text-align: center; line-height: 1.5; }
.rtbm-empty--sm { padding: 12px 0; text-align: left; font-size: 14px; }
.rtbm-dot { display: inline-block; width: 8px; height: 8px; border-radius: 999px; background: var(--rtbm-t3); flex: 0 0 auto; }
.rtbm-dot.is-late { background: var(--danger); } .rtbm-dot.is-ok { background: var(--ok); } .rtbm-dot.is-info { background: var(--info); } .rtbm-dot.is-warn { background: var(--rtb-accent); }
.rtbm-bdot { display: inline-block; width: 8px; height: 8px; border-radius: 999px; flex: 0 0 auto; background: var(--rtbm-t3); }
.rtbm-bdot.is-ok { background: var(--ok); } .rtbm-bdot.is-late { background: var(--danger); }
.rtbm-chip { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--rtb-accent-line); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtb-accent); white-space: nowrap; }
.rtbm-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); }
.rtbm-eyebrow2 { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbm-t3); }
.rtbm-lockline { display: inline-flex; align-items: center; gap: 8px; }
.rtbm-sel, .rtbm-in { height: 40px; padding: 0 12px; border-radius: 10px; background: var(--raised); border: 1px solid var(--border); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; }

/* ---------- Profit ---------- */
.rtbm-two { display: grid; grid-template-columns: 640px minmax(0, 1fr); gap: 24px; min-width: 0; }
.rtbm-col-a, .rtbm-col-b { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rtbm-chartcard { flex: 1 1 auto; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.rtbm-legend { display: flex; align-items: center; gap: 20px; font-size: 14px; color: var(--rtbm-t3); }
.rtbm-legend span { display: inline-flex; align-items: center; gap: 8px; }
.rtbm-sw { width: 10px; height: 10px; border-radius: 3px; background: var(--rtb-steel); display: inline-block; }
.rtbm-sw.is-now { background: var(--rtb-accent); }
.rtbm-chart { display: flex; gap: 12px; flex: 1 1 auto; min-height: 0; margin-top: auto; }
.rtbm-yaxis { width: 44px; flex: 0 0 44px; position: relative; height: 330px; }
.rtbm-yaxis span { position: absolute; right: 0; transform: translateY(-50%); font-size: 12px; color: var(--rtbm-t3); font-variant-numeric: tabular-nums; }
.rtbm-plotcol { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rtbm-plot { position: relative; height: 330px; }
.rtbm-grid { position: absolute; left: 0; right: 0; border-top: 1px solid var(--divider); }
.rtbm-grid.is-base { border-top-color: var(--border); }
.rtbm-cols { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: end; }
.rtbm-col { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 8px; height: 100%; }
.rtbm-col-top { font-size: 13px; font-weight: 700; color: var(--rtb-accent); font-variant-numeric: tabular-nums; white-space: nowrap; }
.rtbm-bar { display: block; width: 26px; max-width: 70%; border-radius: 6px 6px 2px 2px; background: var(--rtb-steel); }
.rtbm-bar.is-now { background: var(--rtb-accent); }
.rtbm-xlabels { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); height: 16px; }
.rtbm-xlabels span { text-align: center; font-size: 12px; font-weight: 600; color: var(--rtbm-t3); }
.rtbm-xlabels span.is-now { color: var(--rtb-accent); }
.rtbm-list { display: flex; flex-direction: column; flex: 1 1 auto; }
.rtbm-urow { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-bottom: 1px solid var(--divider); cursor: pointer; }
.rtbm-urow:hover { background: var(--hover); }
.rtbm-urow-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rtbm-urow-n { font-size: 15px; font-weight: 600; color: var(--text); }
.rtbm-urow-m { font-size: 14px; color: var(--rtbm-t3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbm-urow-a { flex: 0 0 auto; min-width: 64px; text-align: right; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.rtbm-list > .rtbm-foot { margin-top: auto; }

/* ---------- the details ---------- */
.rtbm-dpanel { display: grid; grid-template-columns: 230px minmax(0, 1fr); min-height: 640px; overflow: hidden; }
.rtbm-dnav { display: flex; flex-direction: column; gap: 2px; padding: 12px; border-right: 1px solid var(--divider); }
.rtbm-dnav-btn { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 38px; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; }
.rtbm-dnav-btn:hover { color: var(--text); background: var(--hover); }
.rtbm-dnav-btn.is-on { background: var(--raised); color: var(--text); }
.rtbm-dnav-btn .rtbm-ic { color: var(--rtbm-t3); }
.rtbm-dbody { padding: 22px 24px; min-width: 0; }
.rtbm-panehead { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.rtbm-panehead > div { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.rtbm-glance { display: flex; flex-direction: column; gap: 16px; }
.rtbm-glance .rtbm-foot { padding: 0; }
.rtbm-other { margin-top: 18px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.rtbm-otherhost { width: 100%; }
.rtbm-od { display: flex; flex-direction: column; gap: 12px; }
.rtbm-custom { display: flex; align-items: center; gap: 10px; color: var(--rtbm-t3); font-size: 14px; }
.rtbm-tipscard { display: flex; flex-direction: column; gap: 12px; max-width: 420px; margin-bottom: 16px; }
.rtbm-pane-in .card, .rtbm-lbody .card { background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0 0 18px; border-radius: 0; }
.rtbm-pane-in .card > .card-title, .rtbm-pane-in h3.card-title { display: none; }
.rtbm-pane-in .kpi-hint, .rtbm-pane-in .kpi-label, .rtbm-pane-in th, .rtbm-lbody .kpi-hint, .rtbm-lbody .kpi-label, .rtbm-lbody th { color: var(--rtbm-t3); }
.rtbm-pane-in .kpi-hint, .rtbm-lbody .kpi-hint { font-size: 14px; }
.rtbm-pane-in .grid-2, .rtbm-pane-in .grid-3 { display: flex; flex-direction: column; gap: 18px; }
.rtbm-pane-in .kpi-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; }
.rtbm-pane-in .kpi-card { background: var(--panel); border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; }
.rtbm-pane-in table, .rtbm-lbody table { font-size: 14px; }
.rtbm-pane-in .books-sec-head { font-size: 15px; font-weight: 700; }
.rtbm-pane-in .faint, .rtbm-pane-in .muted, .rtbm-lbody .muted, .rtbm-lbody .faint { color: var(--rtbm-t3); }

/* ---------- Unpaid ---------- */
.rtbm-latebadge { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--text); white-space: nowrap; }
.rtbm-split { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; min-width: 0; align-items: start; }
.rtbm-main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rtbm-toolrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rtbm-search { display: flex; align-items: center; gap: 8px; width: 260px; max-width: 100%; height: 40px; padding: 0 12px; border-radius: 10px; background: var(--raised); border: 0; box-shadow: inset 0 0 0 1px var(--border); color: var(--rtbm-t3); }
.rtbm-search-in { all: unset; flex: 1 1 auto; min-width: 0; align-self: stretch; display: flex; align-items: center; font-size: 14px; color: var(--text); }
.rtbm-search-in::placeholder { color: var(--rtbm-t3); opacity: 1; }
.rtbm-search:focus-within { box-shadow: inset 0 0 0 1px var(--rtb-accent-line); }
.rtbm-chiprow { display: flex; }
.rtbm-itable { display: flex; flex-direction: column; overflow: hidden; }
.rtbm-ihead, .rtbm-irow { display: grid; grid-template-columns: minmax(0, 1fr) 150px 130px 214px; gap: 14px; align-items: center; padding: 10px 20px; border-bottom: 1px solid var(--divider); }
.rtbm-ihead { padding: 12px 20px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbm-t3); }
.rtbm-ihead .is-r { text-align: right; }
.rtbm-ihead--q, .rtbm-irow--q { grid-template-columns: minmax(0, 1fr) 90px 100px 100px 150px; }
.rtbm-ihead--c, .rtbm-irow--c { grid-template-columns: minmax(0, 1fr) 100px 110px 130px; }
.rtbm-irow { cursor: pointer; }
.rtbm-irow:hover { background: var(--hover); }
.rtbm-irow-job { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbm-irow-t { font-size: 15px; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbm-irow-m { font-size: 14px; color: var(--rtbm-t3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbm-irow-state { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); }
.rtbm-amt { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-variant-numeric: tabular-nums; font-size: 14px; color: var(--muted); }
.rtbm-amt-v { font-size: 15px; font-weight: 700; color: var(--text); }
.rtbm-amt-s { font-size: 13px; color: var(--rtbm-t3); font-weight: 400; white-space: nowrap; }
.rtbm-acts { display: flex; justify-content: flex-end; gap: 6px; }
.rtbm-paidon { text-align: right; font-size: 14px; color: var(--rtbm-t3); }
.rtbm-ifoot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; font-size: 14px; color: var(--rtbm-t3); }
.rtbm-foot-l { display: inline-flex; align-items: center; gap: 10px; }
.rtbm-ifoot-n { font-weight: 700; color: var(--text); white-space: nowrap; }
.rtbm-refunds { padding: 14px 20px; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid var(--divider); }
.rtbm-refund { font-size: 14px; color: var(--muted); line-height: 1.5; }
.rtbm-refund-act { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rtbm-side-col { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.rtbm-side { padding: 20px; display: flex; flex-direction: column; gap: 10px; }
.rtbm-side-h { display: flex; align-items: baseline; gap: 12px; justify-content: space-between; }
.rtbm-side-h .rtbm-sub { margin-right: auto; }
.rtbm-side-tot { font-size: 17px; font-variant-numeric: tabular-nums; }
.rtbm-agebar { display: flex; height: 8px; border-radius: 999px; overflow: hidden; gap: 2px; background: var(--raised); }
.rtbm-ageseg { display: block; cursor: pointer; min-width: 6px; }
.rtbm-band { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px; padding: 0 4px; border: 0; border-radius: 8px; background: transparent; color: var(--text); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.rtbm-band:hover, .rtbm-band.is-on { background: var(--hover); }
.rtbm-band-l { flex: 1 1 auto; font-weight: 600; }
.rtbm-band-n { color: var(--rtbm-t3); }
.rtbm-band-v { min-width: 56px; text-align: right; font-variant-numeric: tabular-nums; }
.rtbm-clear { align-self: flex-start; }
.rtbm-need { display: flex; flex-direction: column; gap: 6px; padding: 12px 0; border-top: 1px solid var(--divider); }
.rtbm-eyebrow2 + .rtbm-need { border-top: 0; padding-top: 6px; }
.rtbm-need-t { font-size: 15px; font-weight: 700; color: var(--text); }
.rtbm-need-m { font-size: 14px; color: var(--rtbm-t3); line-height: 1.45; }
.rtbm-need-a { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 2px; }

/* ---------- Books ---------- */
.rtbm-btop { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 24px; align-items: stretch; }
.rtbm-bcard { padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.rtbm-bcard--wide { align-items: stretch; }
.rtbm-bline { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: var(--text); }
.rtbm-bact { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.rtbm-bhead { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rtbm-bhead .rtbm-sel { margin-left: auto; height: 36px; }
.rtbm-bfoot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rtbm-months { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; }
.rtbm-mchip { min-height: 36px; border-radius: 8px; border: 1px solid var(--divider); background: transparent; color: var(--rtbm-t3); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.rtbm-mchip.is-filed { background: var(--ok-soft); color: var(--ok-ink); border-color: transparent; }
.rtbm-mchip.is-missing { border: 1px dashed var(--rtb-accent-line); color: var(--rtb-accent); }
.rtbm-ledger { display: flex; flex-direction: column; gap: 14px; }
.rtbm-lhead { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.rtbm-lhead-t, .rtbm-lhead-c { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.rtbm-lhead-c { align-items: center; }
.rtbm-switch { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; cursor: pointer; min-height: 44px; }
.rtbm-switch-in { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rtbm-switch-ui { position: relative; width: 40px; height: 24px; border-radius: 999px; background: var(--raised); border: 1px solid var(--border); flex: 0 0 auto; transition: background .15s ease-out; }
.rtbm-switch-ui::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 999px; background: var(--muted); transition: transform .15s ease-out; }
.rtbm-switch-in:checked + .rtbm-switch-ui { background: var(--rtb-accent-bg, var(--rtb-accent)); border-color: var(--rtb-accent-bg, var(--rtb-accent)); }
.rtbm-switch-in:checked + .rtbm-switch-ui::after { transform: translateX(16px); background: var(--rtb-on-accent); }
.rtbm-switch-in:focus-visible + .rtbm-switch-ui { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbm-lpanel { min-height: 0; }
.rtbm-lbody { padding: 18px 22px; min-width: 0; overflow-x: auto; }

/* ---------- Reports ---------- */
.rtbm-rrow { display: grid; gap: 16px; min-width: 0; }
.rtbm-rrow--1 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); }
.rtbm-rrow--2 { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
.rtbm-rcard { padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; }
.rtbm[data-rtbm-mode="reports"] { gap: 16px; }   /* 1440x900: everything through More numbers sits above the fold (spacing is tightened, never the type size) */
.rtbm-rhead { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.rtbm-pipebody { display: flex; align-items: center; gap: 20px; min-width: 0; }
.rtbm-donut { position: relative; width: 140px; height: 140px; flex: 0 0 140px; }
.rtbm-donut-c { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.rtbm-donut-c b { font-size: 28px; font-weight: 800; letter-spacing: -.03em; }
.rtbm-donut-c span { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbm-t3); }
.rtbm-ptable { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.rtbm-prow { display: grid; grid-template-columns: minmax(0, 1.3fr) 44px 60px minmax(112px, 1fr); white-space: nowrap; gap: 10px; align-items: center; min-height: 26px; font-size: 14px; color: var(--text); font-variant-numeric: tabular-nums; }
.rtbm-prow--h { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbm-t3); }
.rtbm-prow-s { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.rtbm-prow .is-r, .rtbm-erow .is-r { text-align: right; }
.rtbm-dim { color: var(--rtbm-t3); }
.rtbm-big { font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
.rtbm-otbar { display: flex; height: 8px; border-radius: 999px; overflow: hidden; gap: 2px; background: var(--raised); }
.rtbm-otbar i.is-ok { background: var(--ok); } .rtbm-otbar i.is-late { background: var(--danger); }
.rtbm-otleg { display: flex; gap: 18px; font-size: 14px; font-weight: 600; color: var(--muted); }
.rtbm-otleg span { display: inline-flex; align-items: center; gap: 8px; }
.rtbm-wbars { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; align-items: end; height: 110px; border-bottom: 1px solid var(--border); padding-bottom: 0; }
.rtbm-wcol { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; }
.rtbm-wn { font-size: 13px; font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; }
.rtbm-wbar { display: block; width: 100%; max-width: 22px; border-radius: 4px 4px 1px 1px; background: var(--rtb-steel); }
.rtbm-wbar.is-now { background: var(--rtb-accent); }
.rtbm-wlab { display: flex; justify-content: space-between; font-size: 13px; font-weight: 600; color: var(--rtbm-t3); }
.rtbm-wlab span:last-child { color: var(--rtb-accent); }
.rtbm-etable { display: flex; flex-direction: column; }
.rtbm-erow { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 10px; align-items: center; min-height: 32px; font-size: 14px; color: var(--text); font-variant-numeric: tabular-nums; border-top: 1px solid var(--divider); }
.rtbm-etable.has-pay .rtbm-erow { grid-template-columns: minmax(0, 1.6fr) repeat(6, minmax(0, 1fr)); }
.rtbm-erow--h { min-height: 32px; border-top: 0; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbm-t3); }
.rtbm-eperson { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; min-width: 0; }
.rtbm-av { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 999px; font-style: normal; font-size: 12px; font-weight: 700; color: #fff; flex: 0 0 auto; }
.rtbm-kv { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid var(--divider); font-size: 14px; color: var(--muted); }
.rtbm-kv:first-of-type { border-top: 0; }
.rtbm-kv strong { font-size: 17px; color: var(--text); font-variant-numeric: tabular-nums; }
.rtbm-more { display: flex; flex-direction: column; gap: 10px; }
.rtbm-moregrid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.rtbm-more-tile { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--border); background: var(--panel); color: var(--text); text-align: left; cursor: pointer; min-height: 100px; }
.rtbm-more-tile:hover { background: var(--hover); }
.rtbm-more-top { display: flex; align-items: center; justify-content: space-between; color: var(--rtbm-t3); }
.rtbm-more-t { font-size: 15px; font-weight: 700; }
.rtbm-more-s { font-size: 14px; color: var(--rtbm-t3); line-height: 1.4; }

/* ---------- the money modals, opened from these pages, as a drawer from the right ---------- */
@media (min-width: 861px) {
  .modal-overlay.rtbm-drawer-ov { justify-content: flex-end; align-items: stretch; padding: 0; }
  .modal.rtbm-drawer { width: 480px; max-width: 100vw; height: 100vh; max-height: 100vh; margin: 0; border-radius: 0; border: 0; border-left: 1px solid var(--border); box-shadow: var(--shadow-lg); display: flex; flex-direction: column; }
  .modal.rtbm-drawer .modal-body { flex: 1 1 auto; overflow-y: auto; }
}
.modal.rtbm-drawer .modal-head h3 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: normal; }

/* ---------- narrower screens ---------- */
@media (max-width: 1300px) {
  .rtbm-tiles--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rtbm-tiles--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rtbm-moregrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rtbm-rrow--1 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .rtbm-rrow--1 > .rtbm-r-pipe { grid-column: 1 / -1; }
  .rtbm-two { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
  #view:has(.rtbm-head) { padding: 2px 32px 60px; }
  .rtbm-split { grid-template-columns: minmax(0, 1fr); }
  .rtbm-btop { grid-template-columns: 1fr 1fr; } .rtbm-btop > .rtbm-bcard--wide { grid-column: 1 / -1; }
  .rtbm-rrow--2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  #view:has(.rtbm-head) { padding: calc(40px + env(safe-area-inset-top, 0px)) 20px calc(200px + env(safe-area-inset-bottom, 0px)); }
  .rtbm { gap: 20px; }
  .rtbm-h1 { font-size: 32px; letter-spacing: -.03em; }
  .rtbm-lede { font-size: 15px; }
  .rtbm-titlegroup, .rtbm-hrow { gap: 14px; }
  .rtbm-seg { overflow-x: auto; }
  .rtbm-seg-btn { height: 44px; padding: 0 16px; }
  .rtbm-seg--sm .rtbm-seg-btn { height: 44px; }
  .rtbm-sel, .rtbm-in { height: 44px; }
  .rtbm-btn, .rtbm-btn--sm { min-height: 44px; height: 44px; }
  .rtbm-tiles, .rtbm-tiles--4, .rtbm-tiles--5, .rtbm-tiles--6, .rtbm-tiles--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rtbm-tile { padding: 14px 16px; } .rtbm-tile-v { font-size: 24px; } .rtbm-tile-l { white-space: normal; letter-spacing: .1em; }
  .rtbm-two, .rtbm-split { grid-template-columns: minmax(0, 1fr); }
  .rtbm-chartcard { padding: 16px; } .rtbm-plot, .rtbm-yaxis { height: 240px; } .rtbm-bar { width: 14px; } .rtbm-col-top { display: none; }
  .rtbm-urow { flex-wrap: wrap; padding: 14px 16px; }
  .rtbm-urow .rtbm-btn { margin-left: 22px; }
  .rtbm-dpanel { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .rtbm-dnav { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--divider); padding: 8px; }
  .rtbm-dnav-btn { width: auto; white-space: nowrap; min-height: 44px; }
  .rtbm-dbody, .rtbm-lbody { padding: 16px; }
  .rtbm-ihead { display: none; }
  .rtbm-irow, .rtbm-irow--q, .rtbm-irow--c { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 14px 16px; }
  .rtbm-irow-job { grid-column: 1; } .rtbm-irow .rtbm-amt { grid-column: 2; grid-row: 1; } .rtbm-irow-state { grid-column: 1; } .rtbm-acts, .rtbm-paidon { grid-column: 1 / -1; justify-content: flex-start; text-align: left; }
  .rtbm-acts .rtbm-btn { flex: 1 1 0; }
  .rtbm-toolrow { flex-direction: column; align-items: stretch; } .rtbm-search { width: 100%; height: 44px; }
  .rtbm-btop { grid-template-columns: minmax(0, 1fr); }
  .rtbm-months { grid-template-columns: repeat(6, minmax(0, 1fr)); } .rtbm-mchip { min-height: 44px; }
  .rtbm-rrow--1, .rtbm-rrow--2 { grid-template-columns: minmax(0, 1fr); }
  .rtbm-pipebody { flex-direction: column; align-items: stretch; }
  .rtbm-donut { align-self: center; }
  .rtbm-etable { overflow-x: auto; } .rtbm-erow { min-width: 520px; } .rtbm-etable.has-pay .rtbm-erow { min-width: 680px; }
  .rtbm-moregrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rtbm-more-tile, .rtbm-band, .rtbm-link { min-height: 44px; }
  .rtbm-eyebrow { flex-wrap: wrap; gap: 4px 14px; letter-spacing: .2em; }
  .rtbm-lhead-t, .rtbm-lhead-c { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { .rtbm *, .rtbm-switch-ui, .rtbm-switch-ui::after { transition: none !important; } }
.modal.rtbm-drawer .modal-body input.input, .modal.rtbm-drawer .modal-body textarea.input, .modal.rtbm-drawer .modal-body select { width: 100%; box-sizing: border-box; }
.rtbm-donut-svg { display: block; line-height: 0; }

@media (max-width: 860px) {
  .rtbm-seg-btn { min-width: 44px; }
  .rtbm-bhead .rtbm-sel { height: 44px; }
  .rtbm-pane-in tr.row-click td { padding-top: 14px; padding-bottom: 14px; }
  .rtbm-pane-in summary { min-height: 44px; display: flex; align-items: center; }
  .rtbm-pane-in input[type="checkbox"] { width: 44px; height: 44px; margin: 0; }
  .rtbm-lbody .books-amt, .rtbm-lbody a.books-link { display: inline-flex; align-items: center; min-height: 44px; }
}
.rtbm-two.is-one { grid-template-columns: minmax(0, 1fr); }
.rtbm-pick:focus-within { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbm-colper { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--rtbm-t3); }
.rtbm-need[role="button"] { cursor: pointer; }
.rtbm-need[role="button"]:hover { background: var(--hover); }
.rtbm-refund { padding: 4px 0; }
.modal.rtbm-drawer .modal-close { width: 44px; height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 860px) {
  .rtbm-hrow, .rtbm-titlegroup, .rtbm-tools { min-width: 0; max-width: 100%; }
  .rtbm-tools > .rtbm-seg { max-width: 100%; overflow-x: auto; }
  .rtbm-tools > .rtbm-seg .rtbm-seg-btn { padding: 0 10px; }
  .rtbm-prow { grid-template-columns: minmax(0, 1fr) 40px 56px; white-space: normal; row-gap: 0; }
  .rtbm-prow > span:nth-child(4) { grid-column: 1 / -1; text-align: left; padding: 0 0 6px 16px; }
  .rtbm-prow--h > span:nth-child(4) { display: none; }
  .rtbm-pipebody { min-width: 0; }
  .rtbm-ptable { width: 100%; }
}
@media (max-width: 860px) {
  .rtbm-irow-t, .rtbm-irow-m, .rtbm-urow-m { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  .rtbm-irow { grid-template-columns: minmax(0, 1fr) minmax(0, auto); }
  .rtbm-amt-s { white-space: normal; text-align: right; }
}
@media (max-width: 860px) {
  .rtbm-ifoot { flex-wrap: wrap; }
  .rtbm-ifoot-n { white-space: normal; }
  .rtbm-pane-in label { min-height: 44px; display: inline-flex; align-items: center; }
}
/* RTB-MONEY:END */

/* ===== RTB-JOBPAGE:BEGIN (gen/hub-jobpage.css, hand-written; the build only appends it; it lives INSIDE the RTB-SHELL section) ===== */
/* ==========================================================================
   RTB-JOBPAGE (app v106): the Job page. Boards Job, PhoneJob, PhoneJobMore. Hand-written (gen/hub-jobpage.css); the build only appends it to hub.css
   (after the RTB-JOBS block, inside the RTB-SHELL section). EVERY rule is scoped to .rtbjp (the Job page root), to #view:has(.rtbjp), or to the sheet class
   .rtbjp-sheet that only this page writes, so no other screen moves. Law tokens as in the shell block (--panel, --card, --raised, --border, --divider, --muted,
   --rtb-t3, --rtb-accent, --rtbj-sub, --rtbj-label). Type ramp used: 12, 14, 15, 17, 20, 24 (sheet title), 32 and 44 (h1). Readability (owner, 2026-10-06): cells
   and sub-lines 14px, labels 12px in the lighter colour, secondary text 7:1 on dark and 4.5:1 on light.
   ========================================================================== */
:root { --rtbjp-bar: #c8aa74; --rtbjp-bar-off: var(--raised); --rtbjp-rail: #f1f0ec; --rtbjp-ok: #25764a; --rtbjp-warn: #b45309; --rtbjp-steel: #2b608f; }   /* ok green one notch darker than the law's light token (#2f8a57 is 4.29:1 on white; this is 5.6:1) */
html[data-theme="dark"] { --rtbjp-bar: #e6d2b1; --rtbjp-rail: #111113; --rtbjp-ok: #7fbf9a; --rtbjp-warn: #f0a85b; --rtbjp-steel: #67b3d5; }

#view:has(.rtbjp) { max-width: none; margin: 0; padding: 0; }
.rtbjp { max-width: none; margin: 0; line-height: normal; color: var(--text); }
.rtbjp button, .rtbjp a { font-family: inherit; }
.rtbjp-cols { display: flex; align-items: flex-start; min-width: 0; }
.rtbjp-main { flex: 1 1 auto; min-width: 0; position: relative; display: flex; flex-direction: column; }
.rtbjp-h1--plain { font-size: 32px; font-weight: 800; letter-spacing: -.03em; margin: 40px 48px 8px; }
.rtbjp > .muted, .rtbjp > .rtb-btn { margin-left: 48px; }

/* ---------- top row: back, More ---------- */
.rtbjp-top { position: absolute; left: 48px; right: 48px; top: 24px; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rtbjp-back { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 12px 0 4px; border: 0; background: transparent; color: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
.rtbjp-back .rtbjp-ic { transform: rotate(180deg); }
.rtbjp-back:hover { color: var(--rtb-accent-on-photo, #e6d2b1); }
.rtbjp-more { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .45); background: rgba(13, 13, 13, .55); color: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.rtbjp-more:hover { background: rgba(13, 13, 13, .75); }
.rtbjp-ic { display: inline-flex; line-height: 0; flex: 0 0 auto; }

/* ---------- the hero (cover photo, street picture or designed panel) ---------- */
.rtbjp-card { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 300px auto; }
.rtbjp-hero { position: relative; grid-row: 1; grid-column: 1; overflow: hidden; background: var(--card); min-height: 0; }
.rtbjp-media { position: absolute; inset: 0; }
.rtbjp-media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rtbjp-plain { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--muted); font-size: 24px; font-weight: 800; }
.rtbjp-media.is-street { background: #1b1b1e; }
.rtbjp-media .rtb-dp { padding: 24px 48px; justify-content: flex-end; align-items: flex-start; }
.rtbjp-media .rtb-dp-main { display: none; }
.rtbjp-media .rtb-dp .rtb-tier { display: none; }
.rtbjp-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 13, 13, .55) 0%, rgba(13, 13, 13, 0) 30%, rgba(13, 13, 13, .62) 60%, rgba(13, 13, 13, .92) 100%); pointer-events: none; }
.rtbjp-media.is-street ~ .rtbjp-shade { background: linear-gradient(180deg, rgba(13, 13, 13, .55) 0%, rgba(13, 13, 13, 0) 30%, rgba(13, 13, 13, .8) calc(100% - 76px), rgba(13, 13, 13, .55) calc(100% - 44px), rgba(13, 13, 13, 0) calc(100% - 30px)); }
.rtbjp-media .rtb-street-pill { top: auto; bottom: 14px; right: 14px; }
.rtbjp-titlebox { position: absolute; left: 48px; right: 340px; bottom: 28px; display: flex; flex-direction: column; gap: 10px; min-width: 0; color: #fff; }
.rtbjp-media.is-street ~ .rtbjp-titlebox { bottom: 40px; }
.rtbjp-eyebrow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: #e6d2b1; }
.rtbjp-words { text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
.rtbjp-eyebrow .rtb-tier { background: rgba(13, 13, 13, .72); }
.rtbjp-eyebrow .rtb-tier--debut, .rtbjp-eyebrow .rtb-tier--other { border-color: rgba(255, 255, 255, .6); color: #fff; }
.rtbjp-eyebrow .rtb-tier--premiere { border-color: #e6d2b1; color: #e6d2b1; }
.rtbjp-eyebrow .rtb-tier--signature { background: #e6d2b1; border-color: #e6d2b1; color: #0d0d0d; }
.rtbjp-h1 { margin: 0; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.02; color: #fff; overflow-wrap: anywhere; text-shadow: 0 1px 4px rgba(0, 0, 0, .35); }
.rtbjp-sub { font-size: 15px; color: #e7e8ea; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
.rtbjp-sub b { font-weight: 700; color: #fff; }
.rtbjp-crew { display: inline-flex; align-items: center; }
.rtbjp-crew--hero { display: none; }
.rtbjp-av { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px; color: #fff; font-size: 12px; font-weight: 700; border: 2px solid var(--bg); margin-left: -6px; box-sizing: border-box; }
.rtbjp-crew .rtbjp-av:first-child { margin-left: 0; }
.rtbjp-actions { grid-row: 1; grid-column: 1; align-self: end; justify-self: end; margin: 0 48px 28px 0; display: flex; gap: 12px; align-items: center; z-index: 3; }
.rtbjp-actions .rtb-btn { min-height: 44px; padding: 0 22px; font-size: 15px; font-weight: 700; white-space: nowrap; border-radius: 10px; }
.rtbjp-actions .rtb-btn:not(.rtb-btn--accent) { background: rgba(13, 13, 13, .55); border-color: rgba(255, 255, 255, .45); color: #fff; }
.rtbjp-actions .rtb-btn--accent { background: #e6d2b1; border-color: #e6d2b1; color: #0d0d0d; }
.rtbjp-below { grid-row: 2; grid-column: 1; padding: 24px 48px 0; display: flex; flex-direction: column; gap: 14px; }
.rtbjp-pfhost { padding: 20px 48px 0; }
.rtbjp-pfhost:empty { display: none; }
.rtbjp-pf { border: 1px solid var(--border); border-radius: 14px; background: var(--panel); padding: 4px 4px; }
.rtbjp-pf > * { margin: 0; }

/* ---------- progress ---------- */
.rtbjp-prog { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.rtbjp-seg { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rtbjp-bar { height: 4px; border-radius: 4px; background: var(--rtbjp-bar-off); display: block; }
.rtbjp-seg.is-done .rtbjp-bar { background: var(--rtbjp-bar); }
.rtbjp-seg.is-now .rtbjp-bar { background: var(--rtbjp-bar); }   /* v111: the current step is a full segment (was a 50% gradient) */
.rtbjp-seg-l { font-size: 14px; font-weight: 600; color: var(--rtbj-sub); }
.rtbjp-seg.is-now .rtbjp-seg-l { color: var(--text); font-weight: 700; }
.rtbjp-seg:not(.is-done):not(.is-now) .rtbjp-seg-l { color: var(--rtbj-label); }
.rtbjp-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-step { font-weight: 600; color: var(--text); }
.rtbjp-meta-r { display: inline-flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.rtbjp-crew--meta .rtbjp-av { width: 26px; height: 26px; }
.rtbjp-paid { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--rtbj-sub); }
.rtbjp-dot { display: inline-block; width: 8px; height: 8px; border-radius: 999px; background: currentColor; flex: 0 0 auto; }
.rtbjp-paid .rtbjp-dot { background: var(--rtbjp-ok); }
.rtbjp-lead { color: var(--rtbj-sub); }

/* ---------- section doors (tabs on the desktop, tiles on the phone) ---------- */
.rtbjp-tabs { display: flex; gap: 4px; padding: 6px 48px 0; margin-top: 12px; border-bottom: 1px solid var(--divider); overflow-x: auto; scrollbar-width: none; }
.rtbjp-tab { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: transparent; color: var(--rtbj-sub); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; white-space: nowrap; border-radius: 10px 10px 0 0; }
.rtbjp-tab:hover { color: var(--text); background: var(--rtbj-hover); }
.rtbjp-tab.is-active { color: var(--text); }
.rtbjp-tab.is-active::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--rtb-accent); }
.rtbjp-tab-n { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--raised); color: var(--rtbj-sub); font-size: 12px; font-weight: 700; box-sizing: border-box; }
.rtbjp-tab-s { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--rtbj-sub); }
.rtbjp-tab-s .rtbjp-dot { background: var(--rtbjp-ok); }
.rtbjp-secbar { display: none; }
.rtbjp-panel { padding: 24px 48px 48px; display: flex; flex-direction: column; gap: 44px; min-height: 160px; }
.rtbjp-panel:focus { outline: none; }
.rtbjp[data-tab="overview"] .rtbjp-panel { gap: 36px; }
.rtbjp-panel > .card { margin: 0; }

/* ---------- sections ---------- */
.rtbjp-sec { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rtbjp-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.rtbjp-sec-title { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; min-width: 0; }
.rtbjp-sec h2, .rtbjp-convo-h h2 { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: -.015em; color: var(--text); }
.rtbjp-sec-note { font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-link { border: 0; background: transparent; padding: 0; min-height: 44px; display: inline-flex; align-items: center; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbjp-link:hover { color: var(--text); }
.rtbjp-empty { margin: 0; font-size: 15px; color: var(--rtbj-sub); }

/* What we're delivering */
.rtbjp-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rtbjp-tile { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; text-align: left; padding: 0; margin: 0; border-radius: 12px; overflow: hidden; background: var(--card); border: 1px solid var(--border); color: var(--text); font: inherit; cursor: default; min-width: 0; }
button.rtbjp-tile { cursor: pointer; }
button.rtbjp-tile:hover { border-color: var(--border-strong); }
.rtbjp-tile.is-review { border-color: var(--rtb-accent-line); }
.rtbjp-tile-media { position: relative; height: 108px; background: var(--raised); }
.rtbjp-tile-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rtbjp-play { position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; border-radius: 999px; background: rgba(13, 13, 13, .7); display: flex; align-items: center; justify-content: center; }
.rtbjp-play i { display: block; width: 0; height: 0; margin-left: 3px; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; }
.rtbjp-tile-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 12px 14px 0; }
.rtbjp-tile-t { font-size: 15px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbjp-tile-s { display: none; font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-state { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 12px; font-size: 14px; font-weight: 600; color: var(--rtbj-sub); }
.rtbjp-state--ok { color: var(--rtbjp-ok); }
.rtbjp-state--accent { color: var(--rtb-accent); }
.rtbjp-state--steel { color: var(--rtbjp-steel); }
.rtbjp-state--warn { color: var(--rtbjp-warn); }
.rtbjp-state .rtbjp-dot { display: none; }
.rtbjp-tile.is-plain { background: var(--panel); border-style: dashed; border-color: var(--rtb-ctl-line); justify-content: center; align-items: center; text-align: center; padding: 16px; min-height: 108px; gap: 6px; }
.rtbjp-tile.is-plain .rtbjp-tile-body { padding: 0; align-items: center; }
.rtbjp-tile.is-plain .rtbjp-state { padding: 0; }

/* Manage deliverables: every control of the old Overview, one tap deeper */
.rtbjp-manage { border: 1px solid var(--border); border-radius: 14px; background: var(--panel); }
.rtbjp-manage > summary { list-style: none; cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; font-size: 15px; font-weight: 600; color: var(--text); }
.rtbjp-manage > summary::-webkit-details-marker { display: none; }
.rtbjp-manage > summary::after { content: ''; width: 8px; height: 8px; border-right: 1.6px solid var(--rtbj-sub); border-bottom: 1.6px solid var(--rtbj-sub); transform: rotate(45deg); margin-top: -3px; }
.rtbjp-manage[open] > summary::after { transform: rotate(-135deg); margin-top: 3px; }
.rtbjp-manage-body { padding: 4px 18px 18px; display: flex; flex-direction: column; gap: 6px; }
.rtbjp-manage-body .so-table-card { margin: 0; }

/* the numbered Brief */
.rtbjp-brief { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rtbjp-bcard { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 12px; background: var(--panel); border: 1px solid var(--divider); min-width: 0; }
.rtbjp-bl { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbj-label); }
.rtbjp-bl b { font-weight: 600; color: var(--rtb-accent); }
.rtbjp-bt { font-size: 15px; font-weight: 600; color: var(--text); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; overflow-wrap: anywhere; white-space: pre-line; }
.rtbjp-bs { font-size: 14px; color: var(--rtbj-sub); }

/* ---------- the right rail: preferences + conversation ---------- */
.rtbjp-rail { flex: 0 0 380px; width: 380px; box-sizing: border-box; position: sticky; top: 0; align-self: flex-start; height: calc(100vh - 72px); display: flex; flex-direction: column; border-left: 1px solid var(--divider); background: var(--rtbjp-rail); min-width: 0; }
.rtbjp-prefshost:empty { display: none; }
.rtbjp-prefs { margin: 24px 20px 0; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--rtb-accent-line); background: var(--rtb-accent-fill); display: flex; flex-direction: column; gap: 10px; }
.rtbjp-prefs-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rtbjp-prefs-t { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--rtb-accent); }
.rtbjp-prefs-n { font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-prefs-l { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.rtbjp-prefs-l li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; font-weight: 500; color: var(--text); line-height: 1.45; }
.rtbjp-bullet { width: 6px; height: 6px; margin-top: 7px; border-radius: 999px; background: var(--rtb-accent); flex: 0 0 auto; }
.rtbjp-prefs-e { margin: 0; font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-prefs-more { font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-redo { font-size: 14px; font-weight: 500; color: var(--rtbj-sub); }
.rtbjp-redo span { color: var(--rtbj-label); }
.rtbjp-prefs-note { margin-top: 12px; font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-convo-h { padding: 22px 28px 14px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--divider); }
.rtbjp-convo-h h2 { font-size: 17px; }
.rtbjp-convo-h span { font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-thread { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.rtbjp .rtbjp-thread .jp-thread { width: auto; flex: 1 1 auto; min-height: 0; max-height: none; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.rtbjp .rtbjp-thread .jt-head { height: 44px; padding: 0 20px; border-bottom: 0; justify-content: flex-end; }
.rtbjp .rtbjp-thread .jt-head-title, .rtbjp .rtbjp-thread .jt-head > svg { display: none; }
.rtbjp .rtbjp-thread .jt-count { color: var(--rtbj-sub); font-size: 14px; }
.rtbjp .rtbjp-thread .jt-body { padding: 4px 8px 12px; min-height: 0; }
.rtbjp .rtbjp-thread .jt-msg { padding: 10px 20px; gap: 12px; }
.rtbjp .rtbjp-thread .jt-msg p { font-size: 15px; line-height: 1.55; color: var(--muted); }
.rtbjp .rtbjp-thread .jt-msg-who { font-size: 14px; font-weight: 700; color: var(--text); }
.rtbjp .rtbjp-thread .jt-msg-who span { font-size: 14px; font-weight: 500; color: var(--rtbj-sub); }
.rtbjp .rtbjp-thread .jt-empty { padding: 20px; color: var(--rtbj-sub); font-size: 15px; text-align: left; }
.rtbjp .rtbjp-thread .jt-composer-host { border-top: 1px solid var(--divider); padding: 18px 20px 22px; }
.rtbjp .rtbjp-thread .jt-composer { border-radius: 12px; background: var(--card); border-color: var(--border); }
.rtbjp .rtbjp-thread .jt-ta { font-size: 15px; color: var(--text); }
.rtbjp .rtbjp-thread .jt-aud-fixed { font-size: 12px; color: var(--rtbj-sub); }
.rtbjp .rtbjp-thread .jt-send { width: 36px; height: 36px; border-radius: 9px; background: #e6d2b1; color: #0d0d0d; }
.rtbjp .rtbjp-thread .jt-send:hover { background: #efdfc4; }
.rtbjp .rtbjp-thread .jt-openchat { min-width: 44px; min-height: 44px; }

/* ---------- More for this job (a sheet) ---------- */
.modal.rtbjp-sheet { max-width: 560px; }
.modal.rtbjp-sheet .modal-head h3 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: normal; }
.rtbjp-more-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtb-accent); margin-bottom: 4px; }
.rtbjp-mrows { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 14px; background: var(--card); overflow: hidden; margin-bottom: 20px; }
.rtbjp-mrows:empty { display: none; }
.rtbjp-mrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 10px 16px; border: 0; border-bottom: 1px solid var(--divider); background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.rtbjp-mrow:last-child { border-bottom: 0; }
.rtbjp-mrow:hover { background: var(--rtbj-hover); }
.rtbjp-mrow-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbjp-mrow-t { font-size: 15px; font-weight: 700; }
.rtbjp-mrow-s { font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-mgroup { margin-bottom: 18px; }
.rtbjp-mlabel { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtbj-label); margin-bottom: 10px; }
.rtbjp-mgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.rtbjp-mbtn { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--text); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; }
.rtbjp-mbtn:hover { background: var(--rtbj-hover); }
.rtbjp-mbtn.is-off, .rtbjp-mbtn[disabled] { opacity: .5; cursor: default; }
.rtbjp-mbtn:last-child:nth-child(odd) { grid-column: 1 / -1; }
.rtbjp-mbtn .rtbjp-ic { color: var(--rtbj-sub); }
.rtbjp-sheet .modal-foot .rtb-btn { min-height: 44px; }
.rtbjp-prefs-sheet { display: flex; flex-direction: column; gap: 12px; }
.rtbjp-details .modal-body { max-height: 70vh; overflow-y: auto; }

/* ---------- the tab bodies that keep today's layout: sit them on the page's rhythm ---------- */
.rtbjp-panel .card-title, .rtbjp-panel .card-title-row h3 { color: var(--text); }

/* ---------- phone ---------- */
@media (max-width: 860px) {
  #view:has(.rtbjp) { padding: 8px 20px 100px; }
  .rtbjp-cols { display: block; }
  .rtbjp-main { display: flex; flex-direction: column; gap: 20px; }
  .rtbjp-top { position: static; order: 0; padding: 0; }
  .rtbjp-herohost { display: flex; flex-direction: column; gap: 20px; }
  .rtbjp-back, .rtbjp-more { text-shadow: none; }
  .rtbjp-back { color: var(--rtb-accent); }
  .rtbjp-more { background: transparent; color: var(--text); border-color: var(--rtb-ctl-line); }
  .rtbjp-card { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 18px; background: var(--card); overflow: hidden; }
  .rtbjp-hero { flex: 0 0 auto; height: 180px; }
  .rtbjp-titlebox { left: 16px; right: 16px; bottom: 14px; gap: 6px; }
  .rtbjp-h1 { font-size: 32px; line-height: 1.05; }
  .rtbjp-sub { font-size: 15px; }
  .rtbjp-eyebrow { gap: 10px; }
  .rtbjp-crew--hero { display: inline-flex; position: absolute; right: 14px; top: 14px; }
  .rtbjp-crew--meta { display: none; }
  .rtbjp-av { width: 36px; height: 36px; font-size: 12px; border: 2px solid var(--card); }
  .rtbjp-below { padding: 16px 16px 0; gap: 12px; }
  .rtbjp-prog { gap: 6px; }
  .rtbjp-seg { gap: 0; }
  .rtbjp-seg-l { display: none; }
  .rtbjp-bar { height: 5px; }
  .rtbjp-actions { margin: 0; padding: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-self: stretch; justify-self: stretch; }
  .rtbjp-actions .rtb-btn { min-height: 48px; width: 100%; justify-content: center; white-space: normal; }
  .rtbjp-actions .rtb-btn:only-child { grid-column: 1 / -1; }
  .rtbjp-actions .rtb-btn:not(.rtb-btn--accent) { background: transparent; border-color: var(--rtb-ctl-line); color: var(--text); }
  .rtbjp-actions:empty { display: none; padding: 0; }
  .rtbjp-meta { font-size: 14px; }
  .rtbjp-meta-r { gap: 12px; }
  .rtbjp-pfhost { padding: 0; }
  .rtbjp-tabs { order: 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0; margin: 0; border: 0; overflow: visible; }
  .rtbjp[data-tab="overview"] .rtbjp-panel { order: 2; }
  .rtbjp-tab { justify-content: space-between; min-height: 52px; padding: 0 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--card); color: var(--text); }
  .rtbjp-tab.is-active::after { display: none; }
  .rtbjp-tab--overview { display: none; }
  .rtbjp-tab--money { grid-column: auto; }
  .rtbjp-tab-s { font-size: 14px; }
  .rtbjp[data-tab]:not([data-tab="overview"]) .rtbjp-herohost, .rtbjp[data-tab]:not([data-tab="overview"]) .rtbjp-pfhost, .rtbjp[data-tab]:not([data-tab="overview"]) .rtbjp-tabs { display: none; }
  .rtbjp-secbar { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
  .rtbjp-secbar-t { margin: 0; font-size: 32px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
  .rtbjp-panel { padding: 0; gap: 22px; }
  .rtbjp-sec--brief { display: none; }
  .rtbjp[data-tab="brief"] .rtbjp-sec--brief { display: flex; }
  .rtbjp-manage { order: 2; }
  .rtbjp-sec--deliver .rtbjp-sec-head { margin-bottom: 0; }
  .rtbjp-sec h2 { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtbj-label); }
  .rtbjp-tiles { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); overflow: hidden; }
  .rtbjp-tile { flex-direction: row; align-items: center; gap: 14px; padding: 12px 16px; border: 0; border-bottom: 1px solid var(--divider); border-radius: 0; background: transparent; min-height: 64px; }
  .rtbjp-tile:last-child { border-bottom: 0; }
  .rtbjp-tile.is-plain { border: 0; border-bottom: 1px solid var(--divider); min-height: 64px; justify-content: flex-start; text-align: left; padding: 12px 16px; flex-direction: row; gap: 14px; }
  .rtbjp-tile.is-plain:last-child { border-bottom: 0; }
  .rtbjp-tile.is-review { border-color: var(--divider); }
  .rtbjp-tile-media { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; overflow: hidden; }
  .rtbjp-play { display: none; }
  .rtbjp-tile-body { flex: 1 1 auto; padding: 0; }
  .rtbjp-tile.is-plain .rtbjp-tile-body { align-items: flex-start; }
  .rtbjp-tile-t { font-size: 17px; font-weight: 700; }
  .rtbjp-tile-s { display: block; }
  .rtbjp-state { padding: 0; flex: 0 0 auto; }
  .rtbjp-state .rtbjp-dot { display: inline-block; width: 8px; height: 8px; }
  .rtbjp-state--accent { display: inline-flex; min-height: 44px; padding: 0 18px; border: 1px solid var(--rtb-ctl-line); border-radius: 10px; color: var(--text); }
  .rtbjp-state--accent .rtbjp-dot { display: none; }
  .rtbjp-brief { grid-template-columns: minmax(0, 1fr); }
  .rtbjp-rail { display: none; }
  .rtbjp[data-tab="messages"] .rtbjp-panel .rtbjp-thread { display: flex; min-height: 60vh; }
  .rtbjp[data-tab="messages"] .rtbjp-thread .jp-thread { width: 100%; }
  .rtbjp[data-tab="messages"] .rtbjp-thread .jt-barbtn { display: none; }
  .rtbjp[data-tab="messages"] .rtbjp-thread .jt-body { display: block; max-height: none; min-height: 40vh; }
  .rtbjp[data-tab="messages"] .rtbjp-thread .jt-composer-host { display: block; }
  .rtbjp .rtbjp-thread .jt-ta { font-size: 16px; }
  .modal-overlay:has(.rtbjp-sheet) { align-items: flex-end; padding-bottom: 84px; box-sizing: border-box; }
  .modal.rtbjp-sheet { max-width: none; width: 100%; border-radius: 18px 18px 0 0; max-height: calc(100vh - 100px); overflow-y: auto; }
  .rtbjp-details .modal-body { max-height: none; }
  .rtbjp-mbtn { min-height: 48px; }
}
@media (max-width: 1100px) and (min-width: 861px) {
  .rtbjp-rail { flex-basis: 320px; width: 320px; }
  .rtbjp-titlebox { right: 24px; bottom: 96px; }
  .rtbjp-actions { margin-right: 32px; }
  .rtbjp-top { left: 32px; right: 32px; }
  .rtbjp-titlebox, .rtbjp-below { padding-left: 0; }
  .rtbjp-titlebox { left: 32px; }
  .rtbjp-below, .rtbjp-pfhost, .rtbjp-panel { padding-left: 32px; padding-right: 32px; }
  .rtbjp-tabs { padding-left: 32px; padding-right: 32px; }
  .rtbjp-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rtbjp-brief { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 861px) and (max-width: 1280px) {
  /* a narrower page: the action sits under the title inside the same 300px hero */
  .rtbjp-titlebox { right: 24px; bottom: 84px; }
  .rtbjp-media.is-street ~ .rtbjp-titlebox { bottom: 96px; }
  .rtbjp-actions { align-self: end; justify-self: start; margin: 0 0 24px 48px; }
  .rtbjp-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 861px) and (max-width: 1100px) {
  .rtbjp-actions { margin-left: 32px; }
  .rtbjp-titlebox { left: 32px; }
}

/* the round quick-add button: hidden on the phone only, as the Jobs screens do */
@media (max-width: 860px) { body:has(.rtbjp) .fab-dial-btn, body:has(.rtbjp) .fab-dial-menu { display: none !important; } }   /* hidden where Jobs hides it (the phone); on the desktop the round button stays: its actions (New task, Voice memo, Log a tip) have no other door on this page */
.rtbjp .rtbjp-thread .jt-head > *:not(.jt-avs):not(.jt-openchat):not(.jt-count) { display: none; }
.rtbjp-more-title { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
@media (max-width: 860px) {
  .rtbjp-meta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; }
  .rtbjp-meta-r { display: contents; }
  .rtbjp-meta-r .rtbjp-due { grid-column: 2; grid-row: 1; }
  .rtbjp-meta-r .rtbjp-paid, .rtbjp-meta-r .rtbjp-lead { grid-column: 1 / -1; }
}

/* the old deliverable rows inside Manage keep their controls, in the page's quiet style: one accent button per screen (the hero's), no initials under 12px */
html[data-theme] .rtbjp .rtbjp-manage .btn.btn-primary { background: transparent; color: var(--text); border-color: var(--rtb-ctl-line); }
html[data-theme] .rtbjp .rtbjp-manage .btn.btn-primary:hover { background: var(--rtbj-hover); }
.rtbjp .avatar { font-size: 12px !important; min-width: 24px; min-height: 24px; }

/* the old thread collapses to a bar below 1100px; on this page the conversation is a rail (or the Thread door), always open */
.rtbjp .rtbjp-rail .jp-thread .jt-barbtn { display: none !important; }
.rtbjp .rtbjp-rail .jp-thread .jt-body, .rtbjp .rtbjp-rail .jp-thread .jt-composer-host { display: block !important; }
.rtbjp .rtbjp-rail .jp-thread .jt-body { overflow-y: auto; flex: 1 1 auto; max-height: none; }
@media (max-width: 1100px) and (min-width: 861px) {
  .rtbjp-tab { padding: 0 11px; gap: 6px; }
  .rtbjp-tabs { gap: 0; }
}
@media (max-width: 860px) {
  /* the board's order: Media, Brief, Thread, then Raw files, <First> sees, Money */
  .rtbjp-tab--media { order: 1; } .rtbjp-tab--brief { order: 2; } .rtbjp-tab--thread { order: 3; } .rtbjp-tab--raw { order: 4; } .rtbjp-tab--client { order: 5; } .rtbjp-tab--money { order: 6; }
  .rtbjp-tab-l { overflow: hidden; text-overflow: ellipsis; }
}
.rtbjp-mbtn { font-size: 14px; padding: 0 12px; gap: 8px; }
@media (max-width: 860px) {
  /* PhoneJob: the card's border is the accent line, the five steps are 4px with a 4px gap, the doors and the buttons are 44px, the rows are 56px with a 40px picture */
  .rtbjp-card { border-color: var(--rtb-accent-line); }
  .rtbjp-prog { gap: 4px; }
  .rtbjp-bar { height: 4px; }
  .rtbjp-tabs { gap: 10px; }
  .rtbjp-tab { height: 44px; min-height: 44px; font-size: 14px; padding: 0 12px; background: var(--panel); }
  .rtbjp-back, .rtbjp-more { font-size: 14px; }
  .rtbjp-tile, .rtbjp-tile.is-plain { padding: 8px 12px; min-height: 56px; }
}
@media (max-width: 860px) {
  .rtbjp-tab { gap: 4px; padding: 0 10px; }
  .rtbjp-tab-s { gap: 0; color: var(--rtbjp-ok); }
  .rtbjp-tab-s .rtbjp-dot { display: none; }
}

/* the tab bodies keep today's layout, but the page keeps ONE accent button (the hero's): the old primaries inside the sections are quiet buttons, and on the phone every control in them is a 44px target */
html[data-theme] .rtbjp .rtbjp-panel .btn.btn-primary { background: transparent; color: var(--text); border-color: var(--rtb-ctl-line); }
html[data-theme] .rtbjp .rtbjp-panel .btn.btn-primary:hover { background: var(--rtbj-hover); }
@media (max-width: 860px) {
  .rtbjp .rtbjp-panel .btn, .rtbjp .rtbjp-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .rtbjp .rtbjp-panel select { min-height: 44px !important; box-sizing: border-box; }
}

/* ===== round 2 ===== */
/* the QC check box under the hero is one line: how many must-fix checks, Details and Run QC; the full list opens on tap */
.rtbjp-pf { padding: 0; }
.rtbjp-pf-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 8px 8px 8px 16px; min-height: 52px; box-sizing: border-box; }
.rtbjp-pf-t { font-size: 14px; font-weight: 600; color: var(--text); }
.rtbjp-pf-acts { display: inline-flex; align-items: center; gap: 12px; }
.rtbjp-pf-run { min-height: 44px; padding: 0 18px; font-size: 14px; border-radius: 10px; }
.rtbjp-pf-body { padding: 4px 4px 8px; border-top: 1px solid var(--divider); }
.rtbjp-pf-body[hidden] { display: none; }
.rtbjp-pfhost { padding-top: 14px; }
/* Open cut next to the main button is the PHONE board's pair; on the desktop the film's own tile opens the cut */
@media (min-width: 861px) { .rtbjp-actions .rtbjp-secondary { display: none; } }
/* the eyebrow words sit on their own dark pill, so they read over any photo */
.rtbjp-words { background: rgba(13, 13, 13, .62); padding: 6px 12px; border-radius: 999px; text-shadow: none; color: #f0e2c8; }
.rtbjp-shade { background: linear-gradient(90deg, rgba(13, 13, 13, .5) 0%, rgba(13, 13, 13, 0) 55%), linear-gradient(180deg, rgba(13, 13, 13, .55) 0%, rgba(13, 13, 13, 0) 30%, rgba(13, 13, 13, .62) 60%, rgba(13, 13, 13, .92) 100%); }
/* the thread's Send is a 44px target on the phone */
@media (max-width: 860px) {
  .rtbjp .rtbjp-thread .jt-send, .rtbjp .jp-thread .jt-send { width: 44px; height: 44px; }
  /* the gallery's small controls (cover, before and after, remove) get a 44px hit area without changing how they look */
  .rtbjp .rtbjp-panel button[aria-label*="cover" i], .rtbjp .rtbjp-panel button[aria-label*="remove" i], .rtbjp .rtbjp-panel button[aria-label*="before" i], .rtbjp .rtbjp-panel .ge-btn, .rtbjp .rtbjp-panel [class*="ge-"] button { position: relative; }
  .rtbjp .rtbjp-panel button { min-width: 44px; min-height: 44px; }
  /* the More sheet fits the screen and scrolls inside itself */
  .modal.rtbjp-sheet { max-height: calc(100dvh - 120px); overflow-y: auto; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; }
  .modal.rtbjp-sheet .modal-body { overflow-y: auto; flex: 1 1 auto; min-height: 0; }
  .modal-overlay:has(.rtbjp-sheet) { padding-bottom: 96px; }
}

/* a due date that has passed: the date and how late, in the warning colour, with a weight (not colour alone) */
.rtbjp-due.is-late { color: var(--rtbjp-warn); font-weight: 700; }
/* the round quick-add button clears the conversation box the way the chat screen does: up and out of the composer's way */
@media (min-width: 861px) { body:has(.rtbjp) .fab-dial-btn { bottom: var(--rtbjp-fab-bottom, 200px); } body:has(.rtbjp) .fab-dial-menu { bottom: calc(var(--rtbjp-fab-bottom, 200px) + 68px); } }   /* the offset is set from the composer's own top by the page (rjpPlaceFab) */
/* ---------- WHO152 (v152): Booked by ... and History, top of a job's Overview ---------- */
.rtbjp-who { gap: 10px; }
.rtbjp-booked { margin: 0; font-size: 16px; line-height: 1.45; color: var(--rtbj-sub); }
.rtbjp-booked-v { font-weight: 700; color: var(--text); }
.rtbjp-askwho { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 14px; border: 1px solid var(--divider); border-radius: 12px; background: var(--card); }
.rtbjp-askwho-q { font-size: 15px; font-weight: 700; color: var(--text); }
.rtbjp-askwho-b { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.rtbjp-askwho-b .rtb-btn { min-height: 44px; min-width: 88px; }
.rtbjp-hist { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.rtbjp-hist[hidden] { display: none; }
.rtbjp-hist-h h3 { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: .02em; color: var(--rtbj-label); text-transform: none; }
.rtbjp-hist-b { display: flex; flex-direction: column; gap: 2px; }
.rtbjp-hlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.rtbjp-hrow { display: grid; grid-template-columns: 128px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 44px; border-top: 1px solid var(--divider); font-size: 15px; color: var(--text); }
.rtbjp-hrow:first-child { border-top: 0; }
.rtbjp-hwhen { font-size: 14px; color: var(--rtbj-sub); font-variant-numeric: tabular-nums; }
.rtbjp-hwhat { min-width: 0; overflow-wrap: anywhere; }
.rtbjp-hnote { font-style: normal; color: var(--rtbj-sub); }
.rtbjp-hask { border: 0; background: transparent; min-height: 44px; min-width: 44px; padding: 0 6px; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbjp-hask:hover { color: var(--text); }
@media (max-width: 640px) {
  .rtbjp-hrow { grid-template-columns: minmax(0, 1fr) auto; row-gap: 0; padding: 6px 0; }
  .rtbjp-hwhen { grid-column: 1 / -1; }
  .rtbjp-hwhat { grid-column: 1; }
  .rtbjp-hask { grid-column: 2; grid-row: 2; }
}
/* ===== JOBPAGE1018:BEGIN — the simpler Job page (app v153): six doors, one Overview that shows what to do now, Files & delivery with the cut playing in it, the client's page, the chat as a door. Appended after RTB-JOBPAGE; every rule is scoped to .rtbjp. ===== */
.rtbjp-panel { max-width: 1196px; box-sizing: border-box; }
.rtbjp[data-tab] .rtbjp-panel { gap: 28px; }
@media (min-width: 861px) { .rtbjp-card { grid-template-rows: 232px auto; } .rtbjp-below { padding-top: 18px; } }
.rtbjp-booked-s { color: var(--rtbj-sub); font-weight: 400; }
/* When / Where / Who, and the one-line brief */
.rtbjp-facts { display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: 12px; }
.rtbjp-fact { border: 1px solid var(--border); border-radius: 12px; padding: 12px 16px; background: var(--panel); min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rtbjp-fact small { display: block; font-size: 12px; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; color: var(--rtbj-label); margin-bottom: 2px; }
.rtbjp-fact-t { font-size: 15px; color: var(--text); overflow-wrap: anywhere; }
.rtbjp-fact-s { font-size: 14px; color: var(--rtbj-sub); overflow-wrap: anywhere; }
.rtbjp-fact-s.is-late { color: var(--rtbjp-warn); }
.rtbjp-fact-who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rtbjp-briefline { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-briefline b { color: var(--text); font-weight: 600; }
.rtbjp-briefline-t { min-width: 0; overflow-wrap: anywhere; }
.rtbjp-link.rtbjp-inline { min-height: 0; display: inline; padding: 0 2px; }
/* Services: the checklist that is also the delivered list */
.rtbjp-sfd > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between; font-size: 15px; font-weight: 600; color: var(--rtb-accent); }
.rtbjp-sfd > summary::after { content: ''; width: 8px; height: 8px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); margin-right: 6px; }
.rtbjp-sfd[open] > summary::after { transform: rotate(-135deg); }
.rtbjp-rows { border: 1px solid var(--border); border-radius: 14px; background: var(--panel); overflow: hidden; }
.rtbjp-svcwrap + .rtbjp-svcwrap { border-top: 1px solid var(--divider); }
.rtbjp-svc { display: flex; align-items: center; gap: 10px; padding: 8px 18px 8px 8px; min-height: 64px; }
.rtbjp-tick { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.rtbjp-tick i { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; border: 1.6px solid var(--rtbj-sub); box-sizing: border-box; }
.rtbjp-tick:hover:not(:disabled) i { border-color: var(--text); }
.rtbjp-tick.is-on i { background: var(--rtbjp-ok); border-color: var(--rtbjp-ok); }
.rtbjp-tick.is-on i::after { content: ''; width: 10px; height: 6px; border-left: 2px solid #0b0b0c; border-bottom: 2px solid #0b0b0c; transform: rotate(-45deg) translate(1px, -1px); }
.rtbjp-tick:disabled { cursor: default; opacity: .5; }
.rtbjp-tick:focus-visible, .rtbjp-svc-main:focus-visible, .rtbjp-type:focus-visible, .rtbjp-acc-hd:focus-visible, .rtbjp-chev:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbjp-svc-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 48px; padding: 6px 0; text-align: left; border: 0; background: transparent; color: var(--text); font: inherit; cursor: pointer; }
.rtbjp-svc-name { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; white-space: normal; }
.rtbjp-svc-sub { font-size: 13px; color: var(--rtbj-sub); }
.rtbjp-svc .rtbjp-state { padding: 0; font-size: 14px; white-space: nowrap; flex: 0 0 auto; }
.rtbjp-svc-acts { display: inline-flex; gap: 8px; flex-wrap: wrap; flex: 0 0 auto; }
.rtbjp .rtb-btn.rtbjp-sm { min-height: 36px; padding: 0 14px; font-size: 13px; }
.rtbjp-chev { flex: 0 0 28px; width: 28px; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--rtbj-sub); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.rtbjp-linkrow { padding: 0; }
.rtbjp-linkline { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; min-height: 44px; }
.rtbjp-linkedit { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.rtbjp-linkedit[hidden], .rtbjp-linkline[hidden] { display: none; }
.rtbjp-svcwrap > .rtbjp-linkrow { padding: 0 18px 12px 62px; }
.rtbjp-off { opacity: .45; cursor: not-allowed; pointer-events: none; }
.rtbjp-link-in { flex: 1 1 220px; min-width: 0; min-height: 44px; box-sizing: border-box; }
/* Notes: one box */
.rtbjp-composer { display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); padding: 14px; }
.rtbjp-types { display: flex; gap: 6px; flex-wrap: wrap; }
.rtbjp-type { min-height: 44px; padding: 0 18px; border: 1px solid var(--border); border-radius: 999px; background: transparent; color: var(--rtbj-sub); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbjp-type:hover { color: var(--text); }
.rtbjp-type.is-on { background: var(--rtb-accent-fill, rgba(230,210,177,.14)); border-color: var(--rtb-accent-line, rgba(230,210,177,.45)); color: var(--text); }
.rtbjp-svc-pickwrap[hidden] { display: none; }
.rtbjp-svc-pick { width: 100%; min-height: 44px; }
.rtbjp-field { display: flex; gap: 10px; align-items: flex-end; }
.rtbjp-note-in { flex: 1 1 auto; min-width: 0; min-height: 48px; box-sizing: border-box; resize: vertical; font-size: 15px; }
.rtbjp-nlist { list-style: none; margin: 0; padding: 0; }
.rtbjp-nrow { display: flex; gap: 12px; padding: 12px 0; border-top: 1px solid var(--divider); font-size: 14px; align-items: flex-start; }
.rtbjp-nrow:first-child { border-top: 0; }
.rtbjp-nrow.rtbjp-empty { color: var(--rtbj-sub); font-size: 14px; }
.rtbjp-k { flex: 0 0 auto; font-size: 12px; font-weight: 600; border-radius: 6px; padding: 3px 8px; background: var(--raised); color: var(--text); white-space: nowrap; }
.rtbjp-k.is-pin { background: var(--rtb-accent-fill, rgba(230,210,177,.14)); color: var(--rtb-accent); }
.rtbjp-nrow-t { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; white-space: pre-line; color: var(--text); }
.rtbjp-nrow-w { margin-left: auto; color: var(--rtbj-sub); font-size: 13px; white-space: nowrap; }
.rtbjp-nrow .jf-field, .rtbjp-nrow .field { flex: 1 1 auto; min-width: 0; }
.rtbjp-nrow .rtbjp-link { align-self: flex-start; }
/* the newest chat line */
.rtbjp-msg { display: flex; gap: 12px; align-items: center; border: 1px solid var(--border); border-radius: 14px; padding: 10px 18px; background: var(--panel); font-size: 14px; min-height: 56px; }
.rtbjp-msg .rtbjp-av { margin-left: 0; border-color: var(--panel); }
.rtbjp-msg-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--rtbj-sub); }
.rtbjp-msg-t b { color: var(--text); font-weight: 600; }
/* Files & delivery */
.rtbjp-upbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.rtbjp .rtb-btn.rtbjp-upbtn { min-height: 44px; padding: 0 28px; }
.rtbjp-upnote { font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-acc { border: 1px solid var(--border); border-radius: 14px; background: var(--panel); min-width: 0; }
.rtbjp-acc-hd { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 56px; padding: 6px 18px; background: transparent; border: 0; color: var(--text); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; text-align: left; border-radius: 14px; }
.rtbjp-acc-t { overflow-wrap: anywhere; }
.rtbjp-acc-hd .rtbjp-state { padding: 0; font-size: 14px; }
.rtbjp-acc-n { margin-left: auto; font-size: 14px; font-weight: 400; color: var(--rtbj-sub); text-align: right; }
.rtbjp-acc-chev { flex: 0 0 8px; width: 8px; height: 8px; border-right: 1.6px solid var(--rtbj-sub); border-bottom: 1.6px solid var(--rtbj-sub); transform: rotate(-45deg); }
.rtbjp-acc.is-open .rtbjp-acc-chev { transform: rotate(45deg); }
.rtbjp-acc-bd { display: none; padding: 0 18px 18px; min-width: 0; }
.rtbjp-acc.is-open .rtbjp-acc-bd { display: block; }
.rtbjp-acc-bd > * + * { margin-top: 12px; }
.rtbjp-filmcols { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 24px; align-items: start; }
.rtbjp-filmside { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rtbjp-filmside > .rtb-btn { width: 100%; min-height: 44px; justify-content: center; }
.rtbjp-fline { font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-player { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; background: #10131a; overflow: hidden; }
.rtbjp-video { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; background: #0b0d12; }
.rtbjp-poster-play { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; padding: 0; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .45); background: rgba(13, 13, 13, .72); cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 2; }
.rtbjp-poster-play:hover { background: rgba(13, 13, 13, .88); }
.rtbjp-poster-play[hidden] { display: none; }
.rtbjp-poster-play i { display: block; width: 0; height: 0; margin-left: 5px; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #fff; }
.rtbjp-player.is-playing .rtbjp-poster-play { display: none; }
.rtbjp-player-note { position: absolute; left: 10px; right: 10px; top: 10px; z-index: 3; font-size: 13px; color: #fff; background: rgba(13, 13, 13, .72); border-radius: 8px; padding: 6px 10px; }
.rtbjp-player-note[hidden] { display: none; }
.rtbjp-oldlink { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-oldedit { margin-left: auto; font-size: 14px; }
.rtbjp-oldedit > summary { cursor: pointer; color: var(--rtb-accent); font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }
.rtbjp-sublab { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbj-label); }
.rtbjp-acc-bd .jp-subtitle { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbj-label); }
.rtbjp-acts { display: flex; gap: 10px; flex-wrap: wrap; }
/* Client view */
.rtbjp-cvbar { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; border: 1px solid var(--border); border-radius: 12px; background: var(--panel); padding: 8px 16px; font-size: 14px; color: var(--rtbj-sub); min-height: 52px; }
.rtbjp-cvacts { display: inline-flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.rtbjp-cvpage { border: 1px solid var(--border); border-radius: 14px; overflow: hidden; min-width: 0; }
.rtbjp-cvpage .cfd { max-width: 100%; }
/* Messages */
.rtbjp[data-tab="messages"] .rtbjp-convo-h { padding: 0 0 12px; border-bottom: 0; }
.rtbjp[data-tab="messages"] .rtbjp-panel .rtbjp-thread { display: flex; min-height: 56vh; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); overflow: hidden; }
.rtbjp[data-tab="messages"] .rtbjp-thread .jp-thread { width: 100%; }
.rtbjp[data-tab="messages"] .rtbjp-thread .jt-barbtn { display: none; }
.rtbjp[data-tab="messages"] .rtbjp-thread .jt-body { display: block; max-height: none; min-height: 36vh; overflow-y: auto; }
.rtbjp[data-tab="messages"] .rtbjp-thread .jt-composer-host { display: block; }
.rtbjp-textshost { min-width: 0; }
/* phone */
@media (max-width: 860px) {
  .rtbjp-facts { grid-template-columns: minmax(0, 1fr); }
  .rtbjp-fact[data-fact="who"] { display: none; }
  .rtbjp-eyebrow { padding-right: 104px; }
  .rtbjp-hero { height: 216px; }
  .rtbjp-svc { gap: 8px; padding: 8px 12px 8px 4px; flex-wrap: wrap; }
  .rtbjp-svc .rtbjp-state { margin-left: auto; }
  .rtbjp-svc-acts { flex: 1 0 100%; padding-left: 52px; }
  .rtbjp-svcwrap > .rtbjp-linkrow { padding-left: 52px; }
  .rtbjp .rtb-btn.rtbjp-sm { min-height: 44px; }
  .rtbjp-sec--svc h2, .rtbjp-sec--notes h2 { font-size: 18px; font-weight: 700; letter-spacing: -.01em; text-transform: none; color: var(--text); }
  .rtbjp-filmcols { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .rtbjp-field { flex-direction: column; align-items: stretch; }
  .rtbjp-field .rtb-btn { min-height: 48px; }
  .rtbjp-msg-t { white-space: normal; }
  .rtbjp-nrow { flex-wrap: wrap; }
  .rtbjp-nrow-w { margin-left: 0; flex: 1 0 100%; }
  .rtbjp-acc-hd { flex-wrap: wrap; }
  .rtbjp-acc-n { margin-left: 0; flex: 1 0 100%; text-align: left; order: 5; }
  .rtbjp-tab { min-width: 0; }
  .rtbjp-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rtbjp-chev { display: none; }
}
/* ===== JOBPAGE1018:END ===== */
/* ===== JOBHDR1021:BEGIN — the Job page header at 861-1280px. The title block (package tag, street, area and agent) used to hang from the BOTTOM of a fixed 232px hero with the action button under it, so a package tag + a street + the agent line (about 113px tall, more when the street wraps) grew UP into the Back and More row: the "Messages" back link sat on top of the REAL ESTATE tag. In this width range only, the hero now sizes to its content: the Back/More row keeps its own 76px band at the top, the title sits below it, and the action keeps the band at the bottom. Wide (1281px and up) and phone (860px and down) are untouched. ===== */
@media (min-width: 861px) and (max-width: 1280px) {
  .rtbjp-card { grid-template-rows: auto auto; }
  .rtbjp-hero { display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; min-height: 232px; padding: 76px 24px 84px 48px; }
  .rtbjp-hero:has(.rtbjp-media.is-street) { padding-bottom: 96px; }
  .rtbjp-hero .rtbjp-titlebox, .rtbjp-hero .rtbjp-media.is-street ~ .rtbjp-titlebox { position: relative; left: auto; right: auto; bottom: auto; flex: 0 0 auto; }
}
@media (min-width: 861px) and (max-width: 1100px) { .rtbjp-hero { padding-left: 32px; } }
/* ===== JOBHDR1021:END ===== */
/* UPLOADUX 2026-10-21 -- the Overview's "What the client sees" strip, and the small tiles of the upload tray. Tokens only (dark by default, light follows the theme vars). */
.rtbjp-glance-strip { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.rtbjp-glance-ph { flex: 0 0 auto; width: 132px; height: 88px; padding: 0; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; background: var(--panel); cursor: zoom-in; }
.rtbjp-glance-ph:focus-visible, .rtbjp-glance-more:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; }
.rtbjp-glance-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rtbjp-glance-more { flex: 0 0 auto; width: 88px; height: 88px; border: 1px dashed var(--border-strong, var(--border)); border-radius: 12px; background: transparent; color: var(--rtbj-sub); font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.rtbjp-glance-acts { display: flex; gap: 12px; flex-wrap: wrap; }
.rtbjp-glance-acts .rtb-btn { min-height: 44px; }
@media (max-width: 860px) { .rtbjp-glance-ph { width: 112px; height: 76px; } .rtbjp-glance-more { width: 76px; height: 76px; } }
/* UPLOADUX 2026-10-21 -- "Can't move to Review yet" sits right under the button, with the fix in the same place */
.rtbjp-why { grid-column: 1 / -1; margin: 12px 18px 16px; padding: 14px 16px; border: 1px solid var(--warn, #d9a441); border-radius: 12px; background: color-mix(in srgb, var(--warn, #d9a441) 9%, transparent); display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.rtbjp-why-t { font-weight: 700; font-size: 15px; }
.rtbjp-why-p { margin: 0; font-size: 14px; color: var(--rtbj-sub); }
.rtbjp-why-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.rtbjp-why .rtb-btn { min-height: 44px; }

/* RTB-JOBPAGE:END */

/* ===== CHAT-FORMAT:BEGIN (gen/hub-chatfmt.css, hand-written; the build only appends it; it lives INSIDE the RTB-SHELL section) ===== */
/* ==========================================================================
   CHAT-FORMAT (app v110 candidate): how a message's text is laid out (chat-format.js). Paragraphs, lists, the 12-line fold.
   Every rule hangs on a class that only chat-format.js makes (chat-fmt-*) or on the fold class, so no other text on any screen moves.
   Sizes follow the message text they sit in (em), so the redesigned Chat (17px), the peek box (13.5px) and the job thread keep their own scale.
   ========================================================================== */
.chat-text .chat-fmt-p { margin: 0; padding: 0; }
.chat-text .chat-fmt-p + .chat-fmt-p, .chat-text .chat-fmt-p + .chat-fmt-list, .chat-text .chat-fmt-list + .chat-fmt-p, .chat-text .chat-fmt-list + .chat-fmt-list { margin-top: .7em; }
.chat-text .chat-fmt-list { display: block; margin: 0; padding: 0; }
/* a list line is one inline run (marker, then words) with a hanging indent: wrapped lines line up under the words, not under the marker */
.chat-text .chat-fmt-li { display: block; padding-left: 1.5em; text-indent: -1.5em; margin-top: .25em; min-width: 0; overflow-wrap: anywhere; }
.chat-text .chat-fmt-li:first-child { margin-top: 0; }
.chat-text .chat-fmt-li.is-num { padding-left: 2.1em; text-indent: -2.1em; }
.chat-text .chat-fmt-mark { display: inline-block; width: 1.5em; text-indent: 0; white-space: pre; text-align: left; font-variant-numeric: tabular-nums; }
.chat-text .chat-fmt-li.is-num .chat-fmt-mark { width: 2.1em; }

.chat-text .chat-fmt-l1 { margin-left: 1.4em; }
.chat-text .chat-fmt-l2 { margin-left: 2.8em; }
.chat-text .chat-fmt-l3 { margin-left: 4.2em; }
/* the 12-line fold: the text is cut (overflow: clip, so the box can never scroll inside itself) with a soft fade on its last line; the button is the node after it, 44px tall on every screen. A find-in-page match below the cut is not shown until the message is opened. */
.chat-text.is-folded { overflow: hidden; overflow: clip; -webkit-mask-image: linear-gradient(#000 calc(100% - 2.4em), transparent); mask-image: linear-gradient(#000 calc(100% - 2.4em), transparent); }
.chat-fmt-more { display: block; align-self: flex-start; appearance: none; -webkit-appearance: none; border: 0; background: transparent; margin: 2px 0 0; padding: 10px 0; min-height: 44px; box-sizing: border-box; font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; color: var(--rtb-accent, var(--accent)); cursor: pointer; text-align: left; border-radius: 8px; }
.chat-fmt-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.chat-fmt-more:focus-visible { outline: 2px solid var(--rtb-accent, var(--accent)); outline-offset: 2px; }
/* CHAT-FORMAT:END */

/* ===== RTB-READABLE:BEGIN (gen/hub-readable.css, hand-written; the build only appends it; it lives INSIDE the RTB-SHELL section) ===== */
/* ==========================================================================
   RTB-READABLE (app v110 candidate): ONE readability step across the redesigned screens, dark theme only.
   Owner, 2026-10-07: "the text is a little harder to read since the white isn't as white or maybe its not as bold or something".
   MEASURED (runs/measure/, runs/readable-table.md): titles were already #ffffff at 600 to 800, but body text sat at weight 400 (message text #e3e5e8, sub-lines #c4c7cc,
   Today's labels and meta #8b8f97 and #9a9ea6 at 5.1 to 6.8:1, under the 7:1 the owner rule asks for), and the whole app draws with -webkit-font-smoothing: antialiased,
   which on a Mac thins light-on-dark text (measured: about 26% less ink than the default smoothing).
   THE RULE (dark), THREE LEVELS:
     1. primary   = #ffffff at weight 500 or more (600 for prices and counts): titles, addresses, names, numbers, message text;
     2. second    = the bright grey (--muted, #c4c7cc, 10.8:1) at weight 500: client lines, dates, sub-lines, ledes;
     3. third     = --faint / --rtb-t3 (#b3b6bc, 8.2 to 9.6:1, never under 7:1) at weight 500: meta, hints, labels.
   Text is drawn with the default font smoothing, not antialiased. A weight-500 face is about 1.2% wider than 400, so the screens trim 0.01em of letter-spacing (the face is 0.5 to 0.7% wider per letter: the trim is a hair more than that, so no line gets longer): no line
   gets longer than it was (runs/lines-*.txt counts the lines of every text block, base against candidate, on every framed view at four widths).
   Light theme: unchanged (every redesigned screen is already 4.5:1 or better there; nothing gets heavier).
   SCOPE: the redesigned screens (their roots), every old tab drawn inside one of their frames (one consistent look in a frame: Workload, On site, Hours, Time off, Gear, Kudos,
   Me, Learn, the editors' pipeline tabs, Today's sub-tabs), and the overlays opened FROM such a screen (the old job form, toasts, the notification panel, confirm boxes, the Chat
   menus): those follow the screen behind them while one is mounted. Overlays opened from a screen that is not redesigned are not touched. Tokens are re-declared on these
   scopes, never on :root.
   ========================================================================== */
html[data-theme="dark"] { --rtbch-body: #ffffff; }
html[data-theme="dark"] :is(
    #view:has(.rtb-today), #view:has(.rtbj-head), #view:has(.rtbt), #view:has(.rtbch), #view:has(.rtbm-head), #view:has(.rtbjp),
    .rtb-today, .rtbj, .rtbt, .rtbch, .rtbm, .rtbjp, .modal.rtbj-sheet, .modal.rtbt-drawer, .modal.rtbm-drawer, .rtb-drawer,
    body:has(#view :is(.rtb-today, .rtbj-head, .rtbt, .rtbch, .rtbm-head, .rtbjp)) :is(#overlays, #toast-zone, #chat-banner-zone),
    body:has(#view :is(.rtb-today, .rtbj-head, .rtbt, .rtbch, .rtbm-head, .rtbjp)) > :is(.rtbch-menu, .chat-plus-menu, .chat-organize-pop)) {
  --muted: #c4c7cc; --text-soft: #c4c7cc; --faint: #b3b6bc; --rtb-t3: #b3b6bc; --rtbm-t3: #b3b6bc; --danger: #f39a8b; --danger-ink: #f39a8b;
  -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;
  font-weight: 500; letter-spacing: -0.01em;
}
/* level 1: a price is white at 600; level 2: the client line and the dates keep the bright grey (they are NOT white, so a Jobs row is not all white) */
html[data-theme="dark"] .rtbj .rtbj-plain.rtbj-num { color: var(--text); font-weight: 600; }
html[data-theme="dark"] .rtbt .rtbt-strike { color: var(--text); }
/* secondary lines that were explicitly 400: the same 500 as the rest (never lighter than 400 is the floor, not the target) */
html[data-theme="dark"] :is(.rtb-lede, .rtbj-lede, .rtbt-lede, .rtbm-lede, .rtbt-nm-s, .rtbt-sub, .rtbj-chip-n) { font-weight: 500; }
/* RTB-READABLE:END */

/* ===== RTB-CALENDAR:BEGIN (gen/hub-calendar.css, hand-written; the build only appends it; it lives INSIDE the RTB-SHELL section) ===== */
/* ==========================================================================
   RTB-CALENDAR (app v109): the Calendar screens. Boards Calendar, PhoneCalendar, PhoneCalendarContent.
   Hand-written (gen/hub-calendar.css); the build appends it to hub.css after the RTB-JOBS block. EVERY rule is scoped under the area root `.rtbc` (the Calendar page and its
   panel) or the page rule `#view:has(.rtbc)`, so no screen that is not redesigned moves. Law tokens as in the shell block (--panel, --raised, --border, --divider, --muted,
   --rtb-t3, --rtb-accent). Readability (owner): cell and card text 14px, sub-lines 14px, labels 12px in a lighter colour, secondary text 7:1 on dark and 4.5:1 on light.
   ========================================================================== */
:root { --rtbc-t3: #475467; --rtbc-line: rgba(16, 24, 40, .10); --rtbc-card: #ffffff; --rtbc-sub: #475467; --rtbc-dim: #5b6575; --rtbc-ring: rgba(122, 92, 46, .45); --rtbc-accent-ink: #7a5c2e; --rtbc-today: rgba(122, 92, 46, .08);
  --rtbc-chip-line: rgba(122, 92, 46, .45); --rtbc-chip-fill: rgba(122, 92, 46, .08); --rtbc-hatch: rgba(16, 24, 40, .05);
  --rtbc-warn: #8a5a00; --rtbc-sun: rgba(122, 92, 46, .55);
  /* who is who, light theme (work/pal6.mjs): pc swatch (bar, edge, chip, legend dot), pt chip ink, pw tinted card background, pb bright band for the Twilight card */
  --rtbc-pc0: #ac5503; --rtbc-pc1: #017980; --rtbc-pc2: #6c4cfa; --rtbc-pc3: #d60065; --rtbc-pc4: #6e7202; --rtbc-pc5: #097d4b; --rtbc-pc6: #db061c; --rtbc-pc7: #c304bb;
  --rtbc-pt0: #ffffff; --rtbc-pt1: #ffffff; --rtbc-pt2: #ffffff; --rtbc-pt3: #ffffff; --rtbc-pt4: #ffffff; --rtbc-pt5: #ffffff; --rtbc-pt6: #ffffff; --rtbc-pt7: #ffffff;
  --rtbc-pw0: #feaf78; --rtbc-pw1: #13d5e0; --rtbc-pw2: #cdb5fe; --rtbc-pw3: #fea9bd; --rtbc-pw4: #c2c901; --rtbc-pw5: #04dd86; --rtbc-pw6: #ffac9d; --rtbc-pw7: #ffa1f4;
  --rtbc-pb0: #fe8e34; --rtbc-pb1: #18bdc7; --rtbc-pb2: #b99aff; --rtbc-pb3: #fe86a5; --rtbc-pb4: #acb201; --rtbc-pb5: #02c477; --rtbc-pb6: #ff8a77; --rtbc-pb7: #fe77f2; }
html[data-theme="dark"] { --rtbc-t3: #c0c3c9; --rtbc-line: rgba(255, 255, 255, .07); --rtbc-card: #1e1e21; --rtbc-sub: #c9ccd2; --rtbc-dim: #b3b6bc; --rtbc-ring: rgba(230, 210, 177, .45); --rtbc-accent-ink: #e6d2b1; --rtbc-today: rgba(230, 210, 177, .07);
  --rtbc-chip-line: rgba(230, 210, 177, .28); --rtbc-chip-fill: rgba(230, 210, 177, .08); --rtbc-hatch: rgba(255, 255, 255, .04);
  --rtbc-warn: #ffcf70; --rtbc-sun: rgba(230, 210, 177, .6);
  /* who is who, dark theme (work/pal6.mjs): pc swatch (bar, edge, chip, legend dot), pt chip ink, pw tinted card background, pb bright band for the Twilight card */
  --rtbc-pc0: #fe8e34; --rtbc-pc1: #18bdc7; --rtbc-pc2: #b99aff; --rtbc-pc3: #fe86a5; --rtbc-pc4: #acb201; --rtbc-pc5: #02c477; --rtbc-pc6: #ff8a77; --rtbc-pc7: #fe77f2;
  --rtbc-pt0: #0f1012; --rtbc-pt1: #0f1012; --rtbc-pt2: #0f1012; --rtbc-pt3: #0f1012; --rtbc-pt4: #0f1012; --rtbc-pt5: #0f1012; --rtbc-pt6: #0f1012; --rtbc-pt7: #0f1012;
  --rtbc-pw0: #8b4301; --rtbc-pw1: #006167; --rtbc-pw2: #543ad1; --rtbc-pw3: #ad0251; --rtbc-pw4: #585b02; --rtbc-pw5: #01653a; --rtbc-pw6: #b20014; --rtbc-pw7: #9e0197;
  --rtbc-pb0: #fe8e34; --rtbc-pb1: #18bdc7; --rtbc-pb2: #b99aff; --rtbc-pb3: #fe86a5; --rtbc-pb4: #acb201; --rtbc-pb5: #02c477; --rtbc-pb6: #ff8a77; --rtbc-pb7: #fe77f2; }

/* ---------- the page ---------- */
#view:has(.rtbc) { max-width: none; margin: 0; padding: 2px 56px 40px; }
#view:has(.rtbc) .subtab-body { padding: 0; }
.rtbc-parent > .crumb, .rtbc-parent > .subtabs { display: none; }
.rtbc.calview { display: flex; flex-direction: column; gap: 20px; min-width: 0; line-height: normal; }
.rtbc .rtbc-ic { display: inline-flex; line-height: 0; flex: 0 0 auto; }

/* ---------- the header ---------- */
.rtbc-head { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rtbc-toprow { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; min-height: 18px; }
.rtbc-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--rtbc-accent-ink); line-height: normal; }
.rtbc-needlink { all: unset; box-sizing: border-box; font-size: 14px; font-weight: 600; color: var(--rtbc-accent-ink); cursor: pointer; white-space: nowrap; border-radius: 6px; }
.rtbc-needlink:hover { color: var(--text); }
.rtbc-needlink:focus-visible, .rtbc-thisday:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 3px; }
.rtbc-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; min-width: 0; }
.rtbc-titlegroup { display: flex; align-items: center; gap: 24px; min-width: 0; flex-wrap: wrap; }
.rtbc-h1 { margin: 0; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: var(--text); }
.rtbc-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rtbc-seg { display: flex; padding: 4px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); box-sizing: border-box; }
.rtbc-seg-btn { display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 16px; border-radius: 7px; border: 0; background: transparent; color: var(--rtbc-t3); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rtbc-seg-btn:hover { color: var(--text); }
.rtbc-seg-btn[aria-pressed="true"] { background: var(--raised); color: var(--text); }
.rtbc-nav { display: flex; align-items: center; padding: 4px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); box-sizing: border-box; }
.rtbc-nav-b { width: 36px; height: 36px; border-radius: 7px; border: 0; background: transparent; color: var(--muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.rtbc-nav-t { height: 36px; padding: 0 24px; border-radius: 7px; border: 0; background: transparent; color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbc-nav-b:hover, .rtbc-nav-t:hover { background: var(--hover); color: var(--text); }
.rtbc-menu-btn { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 16px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; box-sizing: border-box; white-space: nowrap; }
.rtbc-menu-btn .rtbc-ic { color: var(--rtbc-t3); }
.rtbc-menu-btn:hover { border-color: var(--rtbc-ring); }
.rtbc-menu-t { max-width: 170px; overflow: hidden; text-overflow: ellipsis; }
.rtbc .rtbc-book { flex: 0 0 auto; }
.rtbc .rtbc-hours { height: 46px; }
.rtbc-armed { display: flex; align-items: center; gap: 14px; padding: 10px 14px; border-radius: 10px; border: 1px dashed var(--rtbc-ring); background: var(--rtbc-chip-fill); color: var(--text); font-size: 14px; font-weight: 600; }
.rtbc-armed-x { all: unset; box-sizing: border-box; font-size: 14px; font-weight: 600; color: var(--rtbc-accent-ink); cursor: pointer; padding: 10px 6px; margin: -10px 0; }

/* the Everyone / brand menu (a popover on the page) */
.rtbc-pop { padding: 6px; border-radius: 12px; min-width: 230px; max-width: 320px; }
.rtbc-menu { display: flex; flex-direction: column; gap: 2px; }
.rtbc-mi { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 12px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--text); cursor: pointer; flex-wrap: wrap; }
.rtbc-mi:hover, .rtbc-mi:focus-visible { background: var(--hover); }
.rtbc-mi.is-on { color: var(--rtbc-accent-ink); }
.rtbc-mi-t { flex: 1 1 auto; min-width: 0; }
.rtbc-mi-s { flex: 1 0 100%; order: 3; font-size: 13px; font-weight: 400; color: var(--rtbc-sub); margin-top: -4px; }
.rtbc-mlabel { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbc-t3); padding: 10px 12px 4px; }
.rtbc-msep { height: 1px; background: var(--rtbc-line); margin: 6px 4px; }

/* ---------- the grid card (Week, Day) ---------- */
.rtbc .cal-body-row { align-items: stretch; gap: 20px; }
.rtbc .cal-hourgrid-card { border-radius: 14px; background: var(--panel); border: 1px solid var(--border); box-shadow: none; }
.rtbc .cal-hourgrid-topbar { padding: 14px 18px; background: transparent; border-bottom: 1px solid var(--rtbc-line); font-size: 15px; font-weight: 700; }
.rtbc .cal-hourgrid-topbar .muted-line { font-size: 14px; color: var(--rtbc-sub); font-weight: 500; }
.rtbc .cal-today-tag { color: var(--rtbc-accent-ink); font-weight: 700; }
.rtbc .cal-dow-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); height: 56px; padding: 0 0 0 56px; column-gap: 0; border-bottom: 1px solid var(--rtbc-line); box-sizing: border-box; flex: none; }
.rtbc .cal-dow-week > .rtbc-dayhead { all: unset; text-transform: none; letter-spacing: normal; font-weight: 400; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 8px 12px; border-left: 1px solid var(--rtbc-line); cursor: pointer; min-width: 0; text-align: left; }
.rtbc .cal-dow-week > .rtbc-dayhead:hover { background: var(--hover); }
.rtbc .cal-dow-week > .rtbc-dayhead:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: -3px; }
.rtbc-dayhead.is-today { background: var(--rtbc-today); }
.rtbc-dayhead-t { display: flex; align-items: center; gap: 8px; height: 26px; }
.rtbc-dow { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbc-t3); }
.rtbc-dom { font-size: 20px; font-weight: 800; letter-spacing: -.015em; color: var(--text); height: 26px; min-width: 26px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; }
.rtbc-dayhead-c { font-size: 14px; color: var(--rtbc-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbc-dayhead.is-today .rtbc-dow, .rtbc-dayhead.is-today .rtbc-dayhead-c { color: var(--rtbc-accent-ink); font-weight: 600; }
.rtbc-dayhead.is-today .rtbc-dom { background: #e6d2b1; color: #0d0d0d; border-radius: 999px; padding: 0 7px; }
html[data-theme="light"] .rtbc-dayhead.is-today .rtbc-dom { background: #7a5c2e; color: #ffffff; }

/* the strip under the day heads: time off, busy (all day) and the "Any time" shoots */
.rtbc .cal-hourgrid-blocked-wrap { flex: none; display: flex; flex-wrap: nowrap; gap: 0; padding: 0; border-bottom: 1px solid var(--rtbc-line); align-items: stretch; }
.rtbc .cal-hourgrid-blocked-wrap > .cal-hour-gutter { width: 56px; border-right: 0; }
.rtbc .cal-hourgrid-blocked { flex: 1; min-width: 0; display: flex; }
.rtbc .cal-hourgrid-blocked-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 4px 8px; border-left: 1px solid var(--rtbc-line); min-height: 32px; box-sizing: border-box; justify-content: center; }
.rtbc .cal-hourgrid-blocked-wrap--day { padding: 6px 12px 6px 68px; gap: 8px; flex-wrap: wrap; }
.rtbc .rtbc-anyrow { align-items: center; }
.rtbc-off { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--raised); color: var(--rtbc-sub); font-size: 14px; font-weight: 600; max-width: 100%; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbc-off.is-unknown { background: transparent; border: 1px dashed var(--border); }
.rtbc-any { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 4px 0 10px; border-radius: 999px; border: 1px dashed var(--rtbc-ring); background: var(--rtbc-chip-fill); color: var(--text); font-size: 14px; font-weight: 600; cursor: pointer; max-width: 100%; min-width: 0; }
.rtbc-any:hover { border-style: solid; }
.rtbc-any:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 2px; }
.rtbc-any-t { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--rtbc-accent-ink); white-space: nowrap; }
.rtbc-any-a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbc-any .rtbc-av { width: 24px; height: 24px; font-size: 12px; }

/* the hour gutter and the columns */
.rtbc .cal-hour-gutter { width: 56px; border-right: 0; }
.rtbc .cal-hour-label { top: 4px; right: 10px; font-size: 12px; font-weight: 600; color: var(--rtbc-t3); }
.rtbc .cal-hour-row.cal-hour-off .cal-hour-label { color: var(--rtbc-t3); }
html .rtbc.calview .cal-hour-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *), html .rtbc.calview .cal-hour-row.cal-hour-off .cal-hour-label:not(:where(.cstatus,.cfd,.site-page,.vvt-phone-frame,.tpl-card,.cstatus-lightbox,.reel-ov,.ss-ov) *) { color: var(--rtbc-t3); }
.rtbc .cal-hourgrid-col { border-left: 1px solid var(--rtbc-line); border-right: 0; }
.rtbc .cal-hour-cell { border-bottom: 1px solid var(--rtbc-line); }
.rtbc .cal-hour-cell.cal-hour-off { background: transparent; }
.rtbc .cal-hourgrid-col.today { background: var(--rtbc-today); }
.rtbc .cal-hourgrid-col.today .cal-hour-cell:hover { background: var(--hover); }
.rtbc .cal-hlane-heads { background: transparent; border-bottom: 1px solid var(--rtbc-line); }
.rtbc .cal-hlane-heads > .cal-hour-gutter { width: 56px; }
.rtbc .cal-hlane-head { border-right: 0; border-left: 1px solid var(--rtbc-line); padding: 10px 12px; }
.rtbc .cal-hlane-head-name { font-size: 15px; font-weight: 700; }
.rtbc .cal-hlane-head-meta { font-size: 14px; color: var(--rtbc-sub); }
.rtbc .cal-hlane-head-worth { font-size: 14px; color: var(--rtbc-sub); }

/* the shoot block */
/* ---------- the shoot block: ONE section, written from runs/block-layout-spec.md ----------
   A block is a flex column: the top row (time, the client beside it when it fits, the alert words), the street, the client line, the foot (package chip, avatar).
   App.rtbCal.settle measures each block's own box and sets data-hide / data-ap ; every rule below that reads them is here and nowhere else. */
.rtbc .cal-hblock.rtbc-block { left: 4px; right: 4px; box-sizing: border-box; padding: 6px 10px; border-radius: 10px; background: var(--rtbc-card); color: var(--text); border: 1px solid var(--border) !important; display: flex; flex-direction: column; gap: 2px; overflow: hidden; z-index: 2; text-decoration: none; font-size: 14px; cursor: pointer; }
/* nothing in a block ever shrinks to fit: the planner decides what shows, a row is whole or gone */
.rtbc .cal-hblock.rtbc-block:not(.is-card) { contain: layout style; }   /* a block's content never moves its neighbours: settle re-lays one block at a time */
.rtbc .cal-hourgrid-col { contain: layout style; }   /* re-laying a column (settle, a stack) never re-lays its neighbours */
.rtbc .rtbc-block > * { flex: 0 0 auto; }
.rtbc .rtbc-btop { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; column-gap: 6px; row-gap: 0; min-width: 0; font-size: 14px; font-weight: 700; line-height: 18px; }
.rtbc .cal-hblock.rtbc-block .rtbc-btime { flex: 0 0 auto; white-space: nowrap; font-size: 14px; line-height: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }   /* beats the compact block's 12px */
.rtbc .rtbc-btop-agent { display: none; flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; color: var(--rtbc-sub); }
.rtbc .rtbc-block[data-ap="top"] .rtbc-btop-agent { display: block; }
.rtbc-bnote { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; column-gap: 6px; font-size: 13px; font-weight: 600; line-height: 16px; color: var(--rtbc-sub); min-width: 0; }
.rtbc-w { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.rtbc .cal-hblock.rtbc-block .rtbc-baddr { font-size: 15px; font-weight: 600; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0; min-width: 0; }   /* beats the compact block's 12px */
.rtbc .cal-hblock.rtbc-block .rtbc-bagent { font-size: 14px; line-height: 18px; }   /* beats the compact block's 10.5px */
.rtbc .rtbc-bagent { display: block; font-size: 14px; line-height: 18px; color: var(--rtbc-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.rtbc .rtbc-block[data-ap="top"] .rtbc-bagent, .rtbc .rtbc-block[data-ap="x"] .rtbc-bagent, .rtbc .rtbc-block[data-hide~="agent"] .rtbc-bagent { display: none; }
.rtbc-bfoot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; }
.rtbc-bfoot .rtbc-av, .rtbc-bfoot .rtbc-avs { margin-left: auto; }
.rtbc .rtbc-block[data-hide~="avatar"] .rtbc-av, .rtbc .rtbc-block[data-hide~="avatar"] .rtbc-avs { display: none; }
.rtbc .rtbc-block[data-hide~="chip"] .rtbc-bfoot { display: none; }
.rtbc .rtbc-block.is-slim .rtbc-baddr { margin-top: 0; }
/* the row height is the same number the block geometry uses (App.rtbCal.hourPx): 48 on desktop, 36 on a phone */
.rtbc .cal-hourgrid-col, .rtbc .cal-hour-gutter { --cal-hour-h: 48px; }
.rtbc .cal-hblock.rtbc-block.blk-tight { padding-left: 6px; padding-right: 6px; }
.rtbc .blk-tight .rtbc-bnote { font-size: 12px; }
.rtbc .blk-tight .rtbc-w { white-space: normal; }
.rtbc .is-card .rtbc-baddr { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.rtbc .cal-lane .cal-ev-street { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.rtbc .chip-tight .rtb-tier { padding: 4px 8px; letter-spacing: .04em; }
.rtbc .cal-event[data-hide~="chip"] .rtb-tier, .rtbc .cal-event[data-hide~="agent"] .cal-ev-sub { display: none; }
/* a shoot that has ended reads as ended: hollow with a solid dim edge (dashed already means "No shooter") */
.rtbc .cal-hblock.rtbc-block.is-past { background: transparent; border-color: var(--rtbc-line) !important; border-style: solid !important; }
/* while a job is picked a block's padding (the part under the shoot's true end) is drawn lighter: it books the hour */
.rtbc.is-armed .cal-hblock.rtbc-block.has-pad:not(.is-card)::before { content: ""; position: absolute; left: 0; right: 0; top: var(--rtbc-true); bottom: 0; background: var(--panel); opacity: .72; border-top: 1px dashed var(--rtbc-ring); z-index: -1; pointer-events: none; }
/* touching shoots that need more lanes than the column holds: a bracketed list that starts at the first one's hour; the hours under it stay bookable through the gaps and its Book a time row */
.rtbc .rtbc-colstack { position: absolute; top: 0; left: 0; right: 0; display: flex; flex-direction: column; gap: 6px; padding: 0 4px 6px 6px; box-sizing: border-box; z-index: 2; border-left: 2px solid var(--rtbc-ring); border-radius: 6px 0 0 6px; pointer-events: none; }
.rtbc .rtbc-colstack > * { pointer-events: auto; }
.rtbc .rtbc-stackfoot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; min-height: 28px; }   /* the label and the Book row each stay on ONE line; when the column is too narrow for both, the Book row drops under the label */
.rtbc .rtbc-stacklabel { font-size: 12px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--rtbc-accent-ink); line-height: 16px; white-space: nowrap; pointer-events: none; }
.rtbc .rtbc-stackbook, .rtbc .rtbc-stackmore { all: unset; pointer-events: auto; white-space: nowrap; box-sizing: border-box; display: inline-flex; align-items: center; gap: 4px; min-height: 28px; padding: 0 6px; border-radius: 8px; border: 1px dashed var(--rtbc-ring); background: var(--rtbc-chip-fill); color: var(--rtbc-accent-ink); font-size: 13px; font-weight: 600; cursor: pointer; align-self: flex-start; }
.rtbc .rtbc-stackbook:focus-visible, .rtbc .rtbc-stackmore:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 1px; }
.rtbc .cal-hblock.rtbc-capped { display: none; }
.rtbc .cal-hblock.rtbc-block.is-card { position: relative; left: auto; right: auto; top: auto; width: auto; height: auto; min-height: 84px; flex: 0 0 auto; }
.rtbc .cal-hblock.rtbc-block:hover, .rtbc .cal-hblock.rtbc-block:focus-visible { border-color: var(--rtbc-ring) !important; box-shadow: none; outline: none; }
.rtbc .cal-hblock.rtbc-block:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 1px; }
.rtbc .cal-hblock.rtbc-block.is-unassigned { border-style: dashed !important; border-color: var(--border-strong, rgba(255, 255, 255, .28)) !important; }
.rtbc .cal-hblock.rtbc-block.is-twilight { background: linear-gradient(180deg, rgba(35, 62, 107, .92) 0%, rgba(26, 46, 80, .85) 55%, rgba(122, 98, 70, .55) 100%); border-color: rgba(230, 210, 177, .45) !important; color: #ffffff; }
html[data-theme="light"] .rtbc .cal-hblock.rtbc-block.is-twilight { background: linear-gradient(180deg, #2c4a80 0%, #223a66 60%, #7a6246 100%); --rtbc-sub: #e3e5e9; }   /* v112: on every Twilight card (an unassigned one too), not only on a tinted one */
.rtbc .cal-hblock--dead { opacity: .55; text-decoration: line-through; }
.rtbc .cal-hblock.rtbc-block.is-twilight .rtbc-bnote { color: #e6d2b1; }
.rtbc-noshooter { color: var(--rtbc-sub); }
.rtbc-cancelled { color: #f0a29c; }
html[data-theme="light"] .rtbc-cancelled { color: #b42318; }
.rtbc .cal-hblock.rtbc-block.is-twilight .rtbc-bagent { color: #d2d4d8; }
.rtbc .rtbc-block .rtb-tier, .rtbc-wshoot .rtb-tier { padding: 6px 12px; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--rtbc-accent-ink); background: var(--rtbc-chip-fill); border: 1px solid var(--rtbc-chip-line); }
.rtbc .rtbc-block .rtb-tier--debut, .rtbc .rtbc-block .rtb-tier--other, .rtbc-wshoot .rtb-tier--debut, .rtbc-wshoot .rtb-tier--other { color: var(--rtbc-dim); background: transparent; border-color: var(--rtb-ctl-line); }
.rtbc .cal-hblock.rtbc-block.is-twilight .rtb-tier { color: #e6d2b1; background: rgba(230, 210, 177, .1); border-color: rgba(230, 210, 177, .4); }
.rtbc .cal-hblock.rtbc-block.is-twilight .rtbc-av.is-me { box-shadow: 0 0 0 2px #223a66, 0 0 0 3.5px rgba(230, 210, 177, .6); }
/* the 26px circle of the boards; the owner's own is champagne; "nobody" is a dashed ring */
.rtbc-av { width: 26px; height: 26px; box-sizing: border-box; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #ffffff; flex: 0 0 auto; line-height: 1; }
.rtbc-av.is-me { box-shadow: 0 0 0 2px var(--rtbc-card), 0 0 0 3.5px var(--rtbc-ring); }   /* the colour is the same for every viewer; "me" is only a ring */
.rtbc-av.is-empty { border: 1.5px dashed var(--rtbc-dim); background: transparent; }
/* busy ghost, now line, Book ghost */
.rtbc-col { }
.rtbc-busy { position: absolute; left: 4px; right: 4px; box-sizing: border-box; padding: 0 10px; border-radius: 10px; border: 1px dashed var(--border); background: repeating-linear-gradient(135deg, var(--rtbc-hatch) 0, var(--rtbc-hatch) 6px, transparent 6px, transparent 12px); display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--rtbc-sub); z-index: 1; overflow: hidden; white-space: nowrap; pointer-events: none; }
.rtbc-now { position: absolute; left: 0; right: 0; height: 2px; background: #e6d2b1; z-index: 3; pointer-events: none; }
html[data-theme="light"] .rtbc-now { background: #7a5c2e; }
.rtbc-now::before { content: ""; position: absolute; left: -5px; top: -4px; width: 10px; height: 10px; border-radius: 999px; background: inherit; }
.rtbc-bookghost { all: unset; box-sizing: border-box; position: absolute; left: 4px; right: 4px; padding: 0 10px; border-radius: 10px; border: 1px dashed var(--rtbc-ring); background: var(--rtbc-chip-fill); display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--rtbc-accent-ink); z-index: 2; cursor: pointer; overflow: hidden; white-space: nowrap; }
.rtbc-bookghost:hover { border-style: solid; }
.rtbc-bookghost:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 1px; }
.rtbc-bookghost.is-hover { pointer-events: none; opacity: .95; }

/* ---------- the right-hand cards (Day keeps them; Week and the phone open them in the panel) ---------- */
.rtbc .cal-sidebar { width: 320px; padding-left: 0; gap: 14px; }
.rtbc .cal-side-card { background: var(--panel); border: 1px solid var(--border); border-radius: 14px; box-shadow: none; padding: 16px 18px; }
.rtbc .cal-side-label { font-size: 12px; font-weight: 600; letter-spacing: .14em; color: var(--rtbc-t3); }
.rtbc .cal-side-count { font-size: 14px; color: var(--rtbc-sub); }
.rtbc .cal-side-hint { font-size: 14px; color: var(--rtbc-sub); }
.rtbc .cal-side-stat { font-size: 14px; }
.rtbc .cal-side-stat-label { color: var(--rtbc-sub); font-size: 14px; }
.rtbc .cal-unsched-item, .rtbc .cal-due-row, .rtbc .cal-ahead-row, .rtbc .cal-next-row { font-size: 14px; }
.rtbc .cal-unsched-sub, .rtbc .cal-due-sub, .rtbc .cal-next-sub { font-size: 14px; color: var(--rtbc-sub); }
.rtbc .cal-unsched-item { min-height: 44px; }
.rtbc .cal-unsched-item.is-armed { border-color: var(--rtbc-ring); background: var(--rtbc-chip-fill); }
.rtbc-sheet { position: fixed; top: 0; right: 0; bottom: 0; width: min(380px, 92vw); z-index: 60; background: var(--bg); border-left: 1px solid var(--border); display: flex; flex-direction: column; box-shadow: -12px 0 40px rgba(0, 0, 0, .35); }
.rtbc-sheet.is-dragging { pointer-events: none; opacity: .2; transition: opacity .12s; }
.rtbc-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 22px 14px; }
.rtbc-sheet-title { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.02em; color: var(--text); }
.rtbc-x { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--rtb-ctl-line); background: transparent; color: var(--muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.rtbc-x:hover { background: var(--hover); color: var(--text); }
.rtbc-sheet-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 22px 28px; }
.rtbc-sheet .cal-sidebar { width: auto; height: auto !important; padding: 0; overflow: visible; }
.rtbc-scrim { position: fixed; inset: 0; z-index: 59; background: rgba(0, 0, 0, .5); }

/* ---------- Month (restyled, same cells) ---------- */
.rtbc .cal-dow { border-bottom: 0; }
.rtbc .cal-grid { gap: 0; border: 1px solid var(--border); border-radius: 14px; overflow: hidden; background: var(--panel); }
.rtbc .cal-cell { border-radius: 0; border: 0; border-right: 1px solid var(--rtbc-line); border-bottom: 1px solid var(--rtbc-line); background: transparent; }
.rtbc .cal-cell.today { background: var(--rtbc-today); box-shadow: none; outline: 0; }
.rtbc .cal-cell.other-month { background: transparent; opacity: .55; }
.rtbc .cal-daynum { font-size: 14px; font-weight: 700; color: var(--text); }
.rtbc .cal-dow > div { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbc-t3); }
.rtbc .cal-event--dense { background: transparent !important; font-size: 14px; }
.rtbc .cal-event--dense .cal-ev-street { font-size: 14px; }
.rtbc .cal-event--dense .cal-ev-time { font-size: 13px; color: var(--rtbc-sub); }
.rtbc .cal-more { font-size: 14px; color: var(--rtbc-accent-ink); }
.rtbc .sched-off, .rtbc .sched-busy { font-size: 13px; color: var(--rtbc-sub); }
/* By person (week lanes) */
.rtbc .cal-lane-name { border-left-width: 3px; }
.rtbc .cal-lane-who { font-size: 15px; }
.rtbc .cal-lane-load { font-size: 14px; color: var(--rtbc-sub); }
.rtbc .cal-event:not(.cal-event--dense) { background: var(--rtbc-card) !important; border: 1px solid var(--border); border-left-width: 3px; border-radius: 10px; }
.rtbc .cal-event:not(.cal-event--dense) .cal-ev-street { font-size: 15px; font-weight: 600; line-height: 18px; }
.rtbc .cal-event:not(.cal-event--dense) .cal-ev-time { font-size: 14px; font-weight: 700; }
.rtbc .cal-ev-top { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; row-gap: 0; min-width: 0; }
.rtbc .cal-ev-time { white-space: nowrap; }
.rtbc-chipnote { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: 8px; font-size: 13px; font-weight: 600; line-height: 16px; color: var(--rtbc-sub); min-width: 0; }
.rtbc .cal-ev-sub { font-size: 14px; color: var(--rtbc-sub); }

/* ---------- Content (the week as day rows) ---------- */
.rtbc-plan.plan-view { display: flex; flex-direction: column; gap: 20px; padding: 0; }
.rtbc-plan .plan-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
.rtbc-plan .plan-body.has-composer { grid-template-columns: minmax(0, 1fr) 420px; }
.rtbc-plan .plan-grid-host, .rtbc-plan .plan-unplanned-rail { grid-column: 1; grid-row: auto; max-height: none; overflow: visible; }
.rtbc-plan .plan-composer-host { grid-column: 1; grid-row: auto; }
.rtbc-plan .plan-body.has-composer .plan-composer-host { grid-column: 2; grid-row: 1 / span 3; position: sticky; top: 12px; max-height: calc(100vh - 180px); min-height: 280px; overflow-y: auto; }
.rtbc-plan .plan-composer-head .btn, .rtbc-plan .plan-composer-head button { min-width: 44px; min-height: 44px; }
.rtbc-plan .plan-unplanned-rail, .rtbc-plan .plan-composer-host { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); padding: 16px 18px; font-size: 14px; }
.rtbc-plan .plan-composer-host:empty, .rtbc-plan .plan-unplanned-rail:empty { display: none; }
.rtbc-crows { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); overflow: hidden; display: flex; flex-direction: column; }
.rtbc-crow { display: flex; align-items: flex-start; gap: 18px; padding: 14px 18px; border-bottom: 1px solid var(--rtbc-line); min-height: 60px; box-sizing: border-box; }
.rtbc-crow:last-child { border-bottom: 0; }
.rtbc-crow.is-today { background: var(--rtbc-today); }
.rtbc-crow.drop-hot { outline: 2px dashed var(--rtbc-ring); outline-offset: -3px; }
.rtbc-cday { width: 52px; flex: 0 0 52px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.rtbc-cday-w { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbc-t3); }
.rtbc-cday-n { font-size: 20px; font-weight: 800; letter-spacing: -.015em; color: var(--text); }
.rtbc-crow.is-today .rtbc-cday-w { color: var(--rtbc-accent-ink); }
.rtbc-cwhat { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.rtbc-citem { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; width: 100%; cursor: pointer; border-radius: 8px; }
.rtbc-citem.is-line { cursor: default; min-height: 24px; }
.rtbc-citem.is-line .rtbc-ct-a { font-size: 14px; font-weight: 500; color: var(--rtbc-sub); }
.rtbc-citem:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 2px; }
.rtbc-ct { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rtbc-ct-a { font-size: 15px; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbc-ct-b { font-size: 14px; color: var(--rtbc-sub); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbc-cstat { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; white-space: nowrap; color: var(--rtbc-sub); }
.rtbc-cstat::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: currentColor; }
.rtbc-cstat.is-posted { color: #66c9a0; } .rtbc-cstat.is-wait { color: var(--rtbc-accent-ink); } .rtbc-cstat.is-set { color: #6fb3d9; } .rtbc-cstat.is-no { color: #f0a29c; } .rtbc-cstat.is-draft { color: var(--rtbc-sub); }
html[data-theme="light"] .rtbc-cstat.is-posted { color: #067647; } html[data-theme="light"] .rtbc-cstat.is-set { color: #1b6a97; } html[data-theme="light"] .rtbc-cstat.is-no { color: #b42318; }
.rtbc-cempty { font-size: 14px; color: var(--rtbc-t3); align-self: center; }
.rtbc-unplanned { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 14px; border: 1px dashed var(--rtbc-ring); background: transparent; min-height: 64px; box-sizing: border-box; }
.rtbc-unplanned-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rtbc-unplanned-a { font-size: 15px; font-weight: 700; color: var(--text); }
.rtbc-unplanned-b { font-size: 14px; color: var(--rtbc-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rtbc-unplanned-go { all: unset; box-sizing: border-box; font-size: 14px; font-weight: 600; color: var(--rtbc-accent-ink); cursor: pointer; padding: 12px 4px; min-height: 44px; display: inline-flex; align-items: center; }

/* Content, month: the old day cells in the new look */
.rtbc-plan .plan-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; background: var(--panel); gap: 0; }
.rtbc-plan .plan-grid-dow { padding: 12px 0; text-align: center; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbc-t3); border-bottom: 1px solid var(--rtbc-line); background: transparent; }
.rtbc-plan .plan-day { min-height: 104px; padding: 8px; border: 0; border-right: 1px solid var(--rtbc-line); border-bottom: 1px solid var(--rtbc-line); border-radius: 0; background: transparent; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rtbc-plan .plan-day--out { opacity: .5; }
.rtbc-plan .plan-day--today { background: var(--rtbc-today); outline: 0; box-shadow: inset 0 0 0 2px var(--rtbc-ring); }
.rtbc-plan .plan-day-num { font-size: 14px; font-weight: 700; color: var(--text); }
.rtbc-plan .plan-chip { font-size: 13px; line-height: 1.3; padding: 4px 6px; border-radius: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: var(--raised); color: var(--rtbc-sub); border: 0; }
.rtbc-plan .plan-chip--post { display: flex; align-items: center; gap: 6px; color: var(--text); cursor: pointer; }
.rtbc-plan .plan-chip-dot { width: 8px; height: 8px; border-radius: 999px; flex: 0 0 auto; }


/* round 2: status word, agent in the top line (phone only), editor sub-line, stacked Any time chip in a week column */
.rtbc-status { color: var(--rtbc-sub); font-weight: 600; }
.rtbc-sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--rtbc-sub); }
.rtbc .cal-hourgrid-blocked-col .rtbc-any { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; row-gap: 0; column-gap: 6px; height: auto; min-height: 26px; padding: 3px 4px 3px 10px; border-radius: 12px; width: 100%; box-sizing: border-box; }
.rtbc .cal-hourgrid-blocked-col .rtbc-any-t { grid-column: 1 / -1; }
.rtbc .cal-hourgrid-blocked-col .rtbc-any-a { grid-column: 1; }
.rtbc .cal-hourgrid-blocked-col .rtbc-any .rtbc-av, .rtbc .cal-hourgrid-blocked-col .rtbc-any .rtbc-avs { grid-column: 2; grid-row: 2; }
.rtbc-wshoot-p { font-weight: 600; color: var(--text); }
.rtbc-dlist { display: flex; flex-direction: column; gap: 8px; }
.rtbc-wshoot.is-dead { opacity: .6; } .rtbc-wshoot.is-dead .rtbc-wshoot-a { text-decoration: line-through; }
.rtbc-busy span { overflow: hidden; text-overflow: ellipsis; }
/* narrower screens: the page gives its side room back, the header tightens, and the day panel floats over the page (it never squeezes it) */
@media (min-width: 861px) and (max-width: 1500px) {
  #view:has(.rtbc) { padding: 2px 32px 40px; }
  .rtbc-h1 { font-size: 36px; }
  .rtbc-titlegroup, .rtbc-tools { gap: 10px; }
  .rtbc-seg-btn { padding: 0 12px; } .rtbc-nav-t { padding: 0 14px; } .rtbc .rtbc-book { padding: 13px 18px; }
  .rtbc-menu-btn { padding: 0 12px; } .rtbc-menu-t { max-width: 110px; }
  .rtbc.calview.has-sheet { margin-right: 0; }
  .rtbc .cal-body-row { gap: 12px; } .rtbc .cal-sidebar { width: 280px; }
}
@media (min-width: 861px) and (max-width: 1100px) {
  #view:has(.rtbc) { padding: 2px 24px 40px; }
  .rtbc-h1 { font-size: 30px; } .rtbc-row { flex-wrap: nowrap; } .rtbc-titlegroup { flex-wrap: nowrap; gap: 10px; } .rtbc-tools { flex-wrap: nowrap; gap: 8px; }
  .rtbc-seg-btn { padding: 0 9px; } .rtbc-nav-t { padding: 0 10px; } .rtbc .rtbc-book { padding: 13px 14px; } .rtbc-menu-btn { padding: 0 10px; gap: 6px; } .rtbc-menu-t { max-width: 72px; } .rtbc-dom { font-size: 18px; } .rtbc-dayhead { padding: 8px 8px; } .rtbc-dayhead-c { font-size: 13px; } .rtbc .cal-hour-gutter, .rtbc .cal-dow-week { } }
@media (min-width: 1501px) { .rtbc.calview.has-sheet { margin-right: 400px; } }
.rtbc-sheet { top: 68px; }

/* the phone day list's "Book a time" row, the lock line */
.rtbc-bookrow { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border-radius: 10px; border: 1px dashed var(--rtbc-ring); background: var(--rtbc-chip-fill); color: var(--rtbc-accent-ink); font-size: 14px; font-weight: 600; cursor: pointer; }
.rtbc-bookrow-b { margin-left: auto; font-weight: 400; color: var(--rtbc-sub); }

/* ---------- the phone (PhoneCalendar, PhoneCalendarContent) ---------- */
@media (max-width: 860px) {
  #view:has(.rtbc) { padding: 2px 20px calc(158px + env(safe-area-inset-bottom, 0px)); }
  .rtbc.calview { gap: 12px; }
  .rtbc-head { gap: 12px; }
  .rtbc-phone-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
  .rtbc-phone-title { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
  .rtbc-head.is-phone .rtbc-eyebrow { letter-spacing: .24em; white-space: nowrap; }
  .rtbc-head.is-phone .rtbc-h1 { font-size: 32px; }
  .rtbc-phone-row { display: flex; gap: 8px; align-items: stretch; }
  .rtbc-head.is-phone .rtbc-seg { flex: 1 1 0; padding: 0; border-radius: 12px; overflow: hidden; background: var(--panel); }
  .rtbc-head.is-phone .rtbc-seg { min-width: 0; }
  .rtbc-head.is-phone .rtbc-phone-row .rtbc-seg:last-child { flex-grow: 1.25; }
  .rtbc-head.is-phone .rtbc-seg-btn { flex: 1 1 0; min-width: 0; padding: 0 4px; height: 44px; border-radius: 11px; color: var(--rtbc-dim); }
  .rtbc-head.is-phone .rtbc-seg-btn[aria-pressed="true"] { background: var(--rtbc-chip-fill); color: var(--rtbc-accent-ink); }
  .rtbc-head.is-phone .rtbc-nav { padding: 0; border-radius: 12px; border-color: var(--rtb-ctl-line); background: transparent; flex: 0 0 auto; overflow: hidden; }
  .rtbc-head.is-phone .rtbc-nav-b { width: 44px; height: 44px; border-radius: 0; color: var(--text); }
  .rtbc-head.is-phone .rtbc-nav-t { height: 44px; padding: 0 12px; border-radius: 0; border-left: 1px solid var(--rtbc-line); border-right: 1px solid var(--rtbc-line); }
  .rtbc-head.is-phone .rtbc-menu-btn { flex: 1 1 auto; justify-content: space-between; height: 46px; border-radius: 12px; background: transparent; border-color: var(--rtb-ctl-line); }
  .rtbc-head.is-phone .rtbc-menu-btn .rtbc-ic:first-child { display: none; }
  .rtbc-head.is-phone .rtbc-menu-t { max-width: none; }
  .rtbc-head.is-phone .rtb-btn { padding: 13px 20px; min-height: 46px; }
  .rtbc-strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
  .rtbc-strip-d { all: unset; box-sizing: border-box; height: 58px; min-height: 44px; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--rtbc-dim); cursor: pointer; border: 1px solid transparent; }
  .rtbc-strip-w { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--rtbc-t3); }
  .rtbc-strip-n { font-size: 15px; font-weight: 700; color: var(--rtbc-dim); }
  .rtbc-strip-dots { display: flex; gap: 3px; height: 4px; }
  .rtbc-strip-dots i { width: 4px; height: 4px; border-radius: 999px; background: var(--rtbc-t3); }
  .rtbc-strip-d.is-sel { border-color: var(--rtbc-ring); background: var(--rtbc-chip-fill); }
  .rtbc-strip-d.is-sel .rtbc-strip-w, .rtbc-strip-d.is-sel .rtbc-strip-n { color: var(--rtbc-accent-ink); }
  .rtbc-strip-d.is-sel .rtbc-strip-dots i { background: var(--rtbc-accent-ink); }
  .rtbc-strip-d:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 1px; }
  .rtbc-phone-links { align-items: stretch; }
  .rtbc-thisday { all: unset; box-sizing: border-box; flex: 1 1 auto; min-height: 46px; display: flex; align-items: center; gap: 8px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--border); background: var(--panel); cursor: pointer; min-width: 0; }
  .rtbc-thisday-a { font-size: 14px; font-weight: 600; color: var(--text); white-space: nowrap; }
  .rtbc-thisday-b { font-size: 14px; color: var(--rtbc-sub); flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rtbc-thisday .rtbc-ic { color: var(--rtbc-t3); }
  .rtbc-needchip { all: unset; box-sizing: border-box; flex: 0 0 auto; min-height: 46px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 12px; border: 1px dashed var(--rtbc-ring); color: var(--rtbc-accent-ink); font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
  .rtbc .cal-body-row { display: block; }
  .rtbc .cal-hourgrid-card { height: auto !important; border: 0; background: transparent; border-radius: 0; overflow: visible; }
  .rtbc .cal-hourgrid-topbar { display: none; }
  .rtbc .cal-hourgrid-scroll { overflow: visible; }
  .rtbc .cal-hour-gutter { width: 48px; }
  .rtbc .cal-hour-label { right: 6px; }
  .rtbc .cal-hourgrid-col { border-left: 0; }
  .rtbc .cal-hour-cell { border-bottom: 1px solid var(--rtbc-line); }
  .rtbc .cal-hourgrid-blocked-wrap--day { padding: 4px 0 8px 52px; }
  .rtbc.is-phone .cal-hour-gutter, .rtbc.is-phone .cal-hourgrid-col { --cal-hour-h: 36px; }
  /* the shoot block on the phone: row 1 time (client beside it) with the avatar at the right, row 2 street with the chip at the right (the board) */
  .rtbc .cal-hblock.rtbc-block { left: 6px; right: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-auto-rows: max-content; align-content: start; column-gap: 8px; row-gap: 2px; padding: 5px 10px; }
  .rtbc .rtbc-block .rtbc-btop { grid-column: 1; grid-row: 1; }
  .rtbc .rtbc-block .rtbc-baddr { grid-column: 1; grid-row: 2; }
  .rtbc .rtbc-block .rtbc-bagent { grid-column: 1 / -1; grid-row: 3; }
  .rtbc .rtbc-block .rtbc-bfoot { display: contents; }
  .rtbc .rtbc-block .rtbc-bfoot .rtb-tier { grid-column: 2; grid-row: 2; justify-self: end; padding: 3px 9px; }
  .rtbc .rtbc-block .rtbc-bfoot .rtbc-av, .rtbc .rtbc-block .rtbc-bfoot .rtbc-avs { grid-column: 2; grid-row: 1; justify-self: end; align-self: start; width: 22px; height: 22px; margin: 0; }
  .rtbc .rtbc-block .rtbc-bfoot .rtbc-avs { width: auto; height: auto; }
  .rtbc .rtbc-block .rtbc-bfoot .rtbc-avs .rtbc-av { grid-column: auto; grid-row: auto; }
  .rtbc .rtbc-block .rtbc-bfacts { grid-column: 1 / -1; grid-row: 4; flex-direction: row; flex-wrap: wrap; column-gap: 10px; }
  .rtbc-wshoot-f, .rtbc-wshoot-l { grid-column: 1 / -1; }
  .rtbc .rtbc-block.is-slim .rtbc-baddr { grid-column: 1 / -1; }
  .rtbc-wshoot-s { grid-column: 1 / -1; font-size: 14px; color: var(--rtbc-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rtbc-wshoot { grid-template-columns: auto minmax(0, 1fr) auto auto; row-gap: 2px; }
  .rtbc-sheet .cal-unsched-item, .rtbc-sheet .cal-due-row, .rtbc-sheet .cal-ahead-row { min-height: 44px; }
  .popover.cal-slot-menu button, .rtbc-pop .rtbc-mi { min-height: 44px; }

  .rtbc .rtbc-bookghost { left: 6px; right: 0; }
  /* the week as day rows */
  .rtbc-weekcard { border: 0 !important; }
  .rtbc-wlist { display: flex; flex-direction: column; gap: 10px; }
  .rtbc-wday { border-radius: 14px; border: 1px solid var(--border); background: var(--panel); padding: 6px 12px 12px; display: flex; flex-direction: column; gap: 8px; }
  .rtbc-wday.is-today { border-color: var(--rtbc-ring); }
  .rtbc-wday-h { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
  .rtbc-wday-w { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rtbc-t3); }
  .rtbc-wday.is-today .rtbc-wday-w, .rtbc-wday.is-today .rtbc-wday-c { color: var(--rtbc-accent-ink); }
  .rtbc-wday-n { font-size: 20px; font-weight: 800; color: var(--text); }
  .rtbc-wday-c { font-size: 14px; color: var(--rtbc-sub); margin-left: auto; }
  .rtbc-wshoot .rtb-tier { padding: 5px 8px; letter-spacing: .06em; max-width: 112px; }
  .rtbc-wshoot { all: unset; box-sizing: border-box; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border-radius: 10px; background: var(--rtbc-card); border: 1px solid var(--border); cursor: pointer; font-size: 14px; }
  .rtbc-wshoot-t { font-weight: 700; color: var(--text); white-space: nowrap; }
  .rtbc-wshoot-a { font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rtbc-wshoot:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 1px; }
  /* the panel becomes a bottom sheet */
  .rtbc.calview.has-sheet { margin-right: 0; }
  .rtbc-scrim { z-index: 99; }
  .rtbc-sheet { z-index: 100; top: auto; left: 0; right: 0; width: auto; max-height: 86vh; border-left: 0; border-top: 1px solid var(--border); border-radius: 18px 18px 0 0; box-shadow: 0 -12px 40px rgba(0, 0, 0, .4); }
  /* Month: the cell shows dots, not text */
  .rtbc .cal-event--dense .cal-ev-time, .rtbc .cal-event--dense .cal-ev-street { display: none; }
  /* the phone Month cell is the 44px target (it opens that day); its dots are not separate tiny buttons */
  .rtbc .cal-cell { min-height: 56px; }
  .rtbc .cal-more { min-height: 44px; min-width: 44px; display: flex; align-items: center; justify-content: center; }
  .rtbc .cal-event--dense { pointer-events: none; }   /* the dots are not buttons on a phone: the cell opens the day */
  /* Content */
  .rtbc-plan .plan-body.has-composer { grid-template-columns: minmax(0, 1fr); }
  .rtbc-plan .plan-body.has-composer .plan-composer-host { grid-column: 1; grid-row: auto; position: static; scroll-margin-top: 150px; }
  .rtbc-crow { padding: 12px 14px; gap: 14px; }
  .rtbc-cday { width: 40px; flex-basis: 40px; }
}

/* ---------- WHO IS WHO + SUNSET (owner ask 2026-10-08) ---------- */
/* the colour bar on a card's left edge (a block, a list row, an Any-time chip, a By-person chip, a Month chip): one colour, or equal bands for several shooters */
.rtbc-bar { position: absolute; left: 0; top: 0; bottom: 0; width: 6px; z-index: 0; pointer-events: none; border-radius: 10px 0 0 10px; background: var(--barbg); }   /* z 0 inside a host that is positioned: it paints OVER the host's own background (a negative z-index went behind it) */
.rtbc-bar.is-split { width: 6px; }
.rtbc .cal-hblock.rtbc-block.is-card, .rtbc-wshoot { position: relative; }
.rtbc .cal-hblock.rtbc-block { padding-left: 14px; }
.rtbc .cal-hblock.rtbc-block.blk-tight { padding-left: 12px; }
.rtbc-wshoot { overflow: hidden; padding-left: 18px; }
.rtbc .rtbc-any { position: relative; overflow: hidden; }
.rtbc .rtbc-any > .rtbc-bar { width: 5px; border-radius: 0; }
.rtbc .rtbc-any.has-bar { padding-left: 15px; }
.rtbc .cal-event.has-bar { position: relative; overflow: hidden; }
.rtbc .cal-event:not(.cal-event--dense).has-bar { border-left-width: 1px; padding-left: 12px; }
.rtbc .cal-event:not(.cal-event--dense).has-bar > .rtbc-bar { width: 5px; }
.rtbc .cal-event--dense.has-bar { padding-left: 10px; box-shadow: inset 4px 0 0 var(--pc); }
.rtbc .cal-event--dense .rtbc-avs .rtbc-av + .rtbc-av { margin-left: 2px; }   /* one line: the second chip sits beside the first, never on its initials */
.rtbc .cal-event--dense .rtbc-avs, .rtbc .cal-event--dense > .rtbc-av { margin-left: auto; }
.rtbc .cal-event--dense .rtbc-av { width: 20px; height: 20px; font-size: 12px; }
.rtbc .cal-event.is-unassigned:not(.cal-event--dense) { border-style: dashed; }
/* initials chips: filled in the person's colour (inline), two side by side for two shooters */
.rtbc-avs { display: inline-flex; align-items: center; flex: 0 0 auto; }
.rtbc-avs .rtbc-av + .rtbc-av { margin-left: -7px; }
.rtbc-avs .rtbc-av { box-shadow: 0 0 0 2px var(--rtbc-card); }
.rtbc .cal-hblock.rtbc-block.is-twilight .rtbc-avs .rtbc-av { box-shadow: 0 0 0 2px #223a66; }
.rtbc-av-more { margin-left: 4px; font-size: 12px; font-weight: 700; color: var(--rtbc-sub); line-height: 1; }
/* the legend row under the header */
.rtbc-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; }
.rtbc-lg { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px 0 10px; border-radius: 999px; border: 1px solid var(--border); background: transparent; color: var(--text); font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; }
button.rtbc-lg { cursor: pointer; }
button.rtbc-lg:hover { border-color: var(--lg); }
button.rtbc-lg:focus-visible { outline: 2px solid var(--rtbc-ring); outline-offset: 2px; }
.rtbc-lg.is-on { border-color: var(--lg); background: color-mix(in srgb, var(--lg) 20%, transparent); }
.rtbc-lg-dot { width: 12px; height: 12px; border-radius: 999px; background: var(--lg); flex: 0 0 auto; }
.rtbc-lg-c { color: var(--rtbc-sub); font-weight: 600; font-variant-numeric: tabular-nums; }
/* the Twilight facts and the warning */
.rtbc-bfacts { display: flex; flex-direction: column; font-size: 13px; line-height: 16px; font-weight: 600; color: #e6d2b1; min-width: 0; margin-top: 2px; }
.rtbc-fact { min-width: 0; overflow-wrap: anywhere; }
.rtbc-late { font-size: 13px; line-height: 16px; font-weight: 700; color: var(--rtbc-warn); }
.rtbc .cal-hblock.rtbc-block.is-twilight .rtbc-late { color: #ffcf70; }
.rtbc-bfacts .rtbc-late { margin-top: 2px; }
.rtbc-wshoot-f { font-size: 14px; line-height: 18px; color: var(--rtbc-sub); white-space: normal; }
.rtbc-twicard .rtbc-twirow + .rtbc-twirow { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--rtbc-line); }
.rtbc-twirow-a { font-size: 14px; font-weight: 600; color: var(--text); }
.rtbc-twirow-f { display: flex; flex-direction: column; font-size: 14px; line-height: 20px; color: var(--rtbc-sub); margin-top: 2px; }
/* the day's sunset line: under every card, never in the way of a click */
.rtbc-sunline { position: absolute; left: 0; right: 0; height: 0; border-top: 1px dashed var(--rtbc-sun); z-index: 1; pointer-events: none; }
.rtbc-sunlabel { position: absolute; right: 8px; bottom: 2px; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--rtbc-accent-ink); white-space: nowrap; }
.rtbc-sunline[data-pos="below"] .rtbc-sunlabel { bottom: auto; top: 2px; }
.rtbc-sunline[data-pos="none"] .rtbc-sunlabel { display: none; }
/* the legend on a phone: one row that scrolls sideways, never wraps; 44px targets (after the base rules, same specificity) */
@media (max-width: 860px) {
  .rtbc-legend { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
  .rtbc-legend::-webkit-scrollbar { display: none; }
  .rtbc-lg { min-height: 44px; flex: 0 0 auto; }
}

/* ---------- THE WHOLE CARD IS THE SHOOTER'S COLOUR (owner, round 2): tinted background + edge in the colour; two shooters = a hard diagonal split; Twilight keeps its blue night look with a 10px band in the bright colour ---------- */
.rtbc .cal-hblock.rtbc-block.has-who, .rtbc-wshoot.has-who, .rtbc .rtbc-any.has-who, .rtbc .cal-event.has-who:not(.cal-event--dense) {
  background: var(--pw) !important; border-color: var(--pc) !important; border-style: solid; }
.rtbc .cal-hblock.rtbc-block.has-who.is-split, .rtbc-wshoot.has-who.is-split, .rtbc .rtbc-any.has-who.is-split, .rtbc .cal-event.has-who.is-split:not(.cal-event--dense) {
  background: linear-gradient(105deg, var(--pw) 0, var(--pw) 50%, var(--pw2) 50%, var(--pw2) 100%) !important; }
.rtbc .cal-event--dense.has-who { background: var(--pw) !important; border: 1px solid var(--pc); border-left-width: 0; border-radius: 6px; }
.rtbc .cal-event--dense.has-who.is-split { background: linear-gradient(105deg, var(--pw) 0, var(--pw) 50%, var(--pw2) 50%, var(--pw2) 100%) !important; }
/* text on a tinted card (dark: white on a deep tint, >= 7:1; second line #d4d7dc >= 4.5:1; light: dark ink on a light tint, >= 4.5:1) */
html[data-theme="dark"] .rtbc :is(.cal-hblock.rtbc-block.has-who, .rtbc-wshoot.has-who, .rtbc-any.has-who, .cal-event.has-who) { color: #ffffff; --rtbc-sub: #d4d7dc; --rtbc-dim: #d4d7dc; }
html[data-theme="light"] .rtbc :is(.cal-hblock.rtbc-block.has-who, .rtbc-wshoot.has-who, .rtbc-any.has-who, .cal-event.has-who) { color: #1a1a1d; --rtbc-sub: #3d4757; --rtbc-dim: #3d4757; }
.rtbc .cal-hblock.rtbc-block.has-who .rtb-tier, .rtbc-wshoot.has-who .rtb-tier { background: rgba(0, 0, 0, .22); border-color: rgba(255, 255, 255, .35); color: #ffffff; }
html[data-theme="light"] .rtbc .cal-hblock.rtbc-block.has-who .rtb-tier, html[data-theme="light"] .rtbc-wshoot.has-who .rtb-tier { background: rgba(255, 255, 255, .55); border-color: rgba(0, 0, 0, .3); color: #1a1a1d; }
.rtbc .cal-hblock.rtbc-block.has-who:hover, .rtbc .cal-hblock.rtbc-block.has-who:focus-visible { border-color: var(--rtbc-accent-ink) !important; }
/* a past shoot is dimmed (still tinted, softer); cancelled keeps its opacity + strike */
.rtbc .cal-hblock.rtbc-block.is-past.has-who { background: color-mix(in srgb, var(--pw) 38%, transparent) !important; border-color: color-mix(in srgb, var(--pc) 45%, transparent) !important; }
/* the Twilight card: blue night look kept; a 10px band in the shooter's bright colour with a thin light separator so it reads on the blue in both themes (>= 3:1 against its neighbour) */
.rtbc .cal-hblock.rtbc-block.is-twilight.has-who { background: linear-gradient(180deg, rgba(35, 62, 107, .92) 0%, rgba(26, 46, 80, .85) 55%, rgba(122, 98, 70, .55) 100%) !important; border-color: rgba(230, 210, 177, .45) !important; color: #ffffff; --rtbc-sub: #d4d7dc; }
html[data-theme="light"] .rtbc .cal-hblock.rtbc-block.is-twilight.has-who { background: linear-gradient(180deg, #2c4a80 0%, #223a66 60%, #7a6246 100%) !important; color: #ffffff; --rtbc-sub: #e3e5e9; }
.rtbc .cal-hblock.rtbc-block.is-twilight > .rtbc-bar { width: 10px; background: var(--barbg-tw); box-shadow: 1.5px 0 0 #f3ecdf; }
.rtbc .cal-hblock.rtbc-block.is-twilight { padding-left: 20px; }
.rtbc .cal-hblock.rtbc-block.is-twilight .rtb-tier { background: rgba(230, 210, 177, .1); border-color: rgba(230, 210, 177, .4); color: #e6d2b1; }
.rtbc-fact-m { color: #d4d7dc; }
.rtbc-twirow-f span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rtbc-bfacts .rtbc-fact-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* motion off when asked */
@media (prefers-reduced-motion: reduce) { .rtbc * { transition: none !important; animation: none !important; } }

/* ---------- RTB-READABLE for the Calendar (v110): the same three levels, the same values as the shared rule (gen/hub-readable.css of v110), dark theme only ----------
   1 primary #ffffff at 500+ (time 700, street 600), 2 second #c4c7cc at 500, 3 third #b3b6bc at 500; default font smoothing; letter-spacing -0.01em on these scopes.
   Scope: the Calendar and Content pages (their roots), and the overlays opened FROM them while one is mounted (job form and confirm boxes in #overlays, toasts, the hour menu and time list popovers on body).
   Light theme unchanged. Tokens are re-declared on the scope, never on :root. */
html[data-theme="dark"] :is(#view:has(.rtbc), .rtbc, .rtbc-pop,
    body:has(#view .rtbc) :is(#overlays, #toast-zone, #chat-banner-zone),
    body:has(#view .rtbc) > :is(.popover, .rtbch-menu, .chat-plus-menu, .chat-organize-pop)) {
  --muted: #c4c7cc; --text-soft: #c4c7cc; --faint: #b3b6bc; --rtb-t3: #b3b6bc; --danger: #f39a8b; --danger-ink: #f39a8b;
  --rtbc-sub: #c4c7cc; --rtbc-t3: #b3b6bc; --rtbc-dim: #b3b6bc;
  -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;
  font-weight: 500; letter-spacing: -0.01em;
}
html[data-theme="dark"] :is(.rtbc-mi-s, .rtbc .cal-dow-week > .rtbc-dayhead, .rtbc-bookrow-b) { font-weight: 500; }
html[data-theme="dark"] body:has(#view .rtbc) > .popover :is(button, input, select, textarea) { font-weight: inherit; letter-spacing: inherit; }   /* browsers do not inherit these into form controls: the hour menu's Book / Block my time rows follow the popover */

/* ---------- v112 (judge round on v111): contrast, dimming, split, stack tint. Every rule is scoped under the Calendar (.rtbc / .rtbc-wshoot / .rtbc-any). Written last so equal-specificity rules above lose. ---------- */
/* 2: the amber late warning on a TINTED phone Twilight row (light theme): dark amber-brown ink, >= 4.5:1 on every tint */
html[data-theme="light"] .rtbc-wshoot.has-who .rtbc-late { color: #5c3a00; }
/* 4: the "Any time" label on a tinted chip (light theme) takes the card's second-line ink */
html[data-theme="light"] .rtbc .rtbc-any.has-who .rtbc-any-t { color: #3d4757; }
/* 5: By-person chips: the time and the package pill take the card's second-line colour (it is >= 4.5:1 on the tint in both themes) */
.rtbc .cal-event.has-who .cal-ev-time, .rtbc .cal-event.has-who .rtb-tier:not(.rtb-tier--signature) { color: var(--rtbc-sub); }   /* the Signature pill is a light gold fill with its own dark ink: it keeps it */
/* 6: past / out-of-month tinted chips: the BACKGROUND recedes (as the Week past block does), the text keeps its full colour; no whole-element opacity */
.rtbc .cal-cell.past .cal-event.has-who, .rtbc .cal-cell.other-month .cal-event.has-who { opacity: 1; background: color-mix(in srgb, var(--pw) 55%, transparent) !important; }   /* the edge keeps the full shooter colour */
.rtbc .cal-cell.past .cal-event.has-who.is-split, .rtbc .cal-cell.other-month .cal-event.has-who.is-split { background: linear-gradient(105deg, color-mix(in srgb, var(--pw) 55%, transparent) 0, color-mix(in srgb, var(--pw) 55%, transparent) 50%, color-mix(in srgb, var(--pw2) 55%, transparent) 50%, color-mix(in srgb, var(--pw2) 55%, transparent) 100%) !important; }
/* 6: cancelled, tinted: muted background + the second-line colour + the strike-through that was always there; text >= 3:1 (it is far above that). Untinted cancelled keeps a softer opacity (.72, was .55-.6). */
.rtbc .cal-cell .cal-event.cal-event--dead.has-who { opacity: 1; color: var(--rtbc-sub); background: color-mix(in srgb, var(--pw) 35%, transparent) !important; border-color: color-mix(in srgb, var(--pc) 40%, transparent) !important; }
.rtbc .cal-cell .cal-event.cal-event--dead.has-who.is-split { background: linear-gradient(105deg, color-mix(in srgb, var(--pw) 35%, transparent) 0, color-mix(in srgb, var(--pw) 35%, transparent) 50%, color-mix(in srgb, var(--pw2) 35%, transparent) 50%, color-mix(in srgb, var(--pw2) 35%, transparent) 100%) !important; }
.rtbc .cal-event.cal-event--dead.has-who :is(.cal-ev-street, .cal-ev-time, .cal-ev-sub, .rtb-tier, .rtbc-w:not(.rtbc-cancelled)) { color: var(--rtbc-sub); }
.rtbc .cal-event--dead:not(.has-who) { opacity: .72; }
.rtbc .cal-hblock.rtbc-block.cal-hblock--dead.has-who { opacity: 1; color: var(--rtbc-sub); background: color-mix(in srgb, var(--pw) 35%, transparent) !important; border-color: color-mix(in srgb, var(--pc) 40%, transparent) !important; }
.rtbc .cal-hblock.rtbc-block.cal-hblock--dead.has-who.is-split { background: linear-gradient(105deg, color-mix(in srgb, var(--pw) 35%, transparent) 0, color-mix(in srgb, var(--pw) 35%, transparent) 50%, color-mix(in srgb, var(--pw2) 35%, transparent) 50%, color-mix(in srgb, var(--pw2) 35%, transparent) 100%) !important; }
.rtbc .cal-hblock.rtbc-block.cal-hblock--dead.has-who :is(.cal-hblock-time, .cal-hblock-addr, .cal-ev-sub, .rtb-tier, .rtbc-w:not(.rtbc-cancelled)) { color: var(--rtbc-sub); }
.rtbc .cal-hblock--dead:not(.has-who) { opacity: .72; }
.rtbc-wshoot.is-dead.has-who { opacity: 1; color: var(--rtbc-sub); background: color-mix(in srgb, var(--pw) 35%, transparent) !important; border-color: color-mix(in srgb, var(--pc) 40%, transparent) !important; }
.rtbc-wshoot.is-dead.has-who.is-split { background: linear-gradient(105deg, color-mix(in srgb, var(--pw) 35%, transparent) 0, color-mix(in srgb, var(--pw) 35%, transparent) 50%, color-mix(in srgb, var(--pw2) 35%, transparent) 50%, color-mix(in srgb, var(--pw2) 35%, transparent) 100%) !important; }
.rtbc-wshoot.is-dead.has-who :is(.rtbc-wshoot-t, .rtbc-wshoot-a, .rtbc-wshoot-p, .rtbc-wshoot-s, .rtbc-w:not(.rtbc-cancelled)) { color: var(--rtbc-sub); }
.rtbc-wshoot.is-dead:not(.has-who) { opacity: .72; }
/* 8: a past two-shooter block keeps its split (the single-tint past rule above has the same specificity and came later) */
.rtbc .cal-hblock.rtbc-block.is-past.has-who.is-split { background: linear-gradient(105deg, color-mix(in srgb, var(--pw) 38%, transparent) 0, color-mix(in srgb, var(--pw) 38%, transparent) 50%, color-mix(in srgb, var(--pw2) 38%, transparent) 50%, color-mix(in srgb, var(--pw2) 38%, transparent) 100%) !important; }
/* 9: a Twilight card in a narrow lane (two side by side in Week at 1440 / 1280): the compact form (tighter sides, 12px / 14px lines, the short warning; the whole sentence is in its title), then the minimum form (no day-to-night or services line; both are in the card's title) */
.rtbc .cal-hblock.rtbc-block.is-twilight.twi-compact { padding-left: 16px; padding-right: 6px; }
.rtbc .cal-hblock.rtbc-block.is-twilight.twi-compact .rtbc-bfacts, .rtbc .cal-hblock.rtbc-block.is-twilight.twi-compact .rtbc-late { font-size: 12px; line-height: 14px; }
.rtbc .cal-hblock.rtbc-block.is-twilight.twi-min .rtbc-fact-d, .rtbc .cal-hblock.rtbc-block.is-twilight.twi-min .rtbc-fact-m { display: none; }

/* 10: the phone "+" button (Quick actions) is the only door to the quick actions there, so it stays. On the Calendar and on Today it is 48px (was 56) and 12px from the edge, and the list rows keep their buttons, package pills and initials chips clear of it
   (the content of a row ends 8px left of the button; the row's own box still reaches the edge). Phone only (<= 860px); the old Calendar and every other screen are untouched. */
@media (max-width: 860px) {
  body:has(.rtbc) .fab-dial-btn, body:has(.rtb-today) .fab-dial-btn { width: 48px; height: 48px; right: 12px; }
  .rtbc .rtbc-wshoot { padding-right: 48px; }
  .rtbc .rtbc-wday .rtbc-wshoot { padding-right: 35px; }
  .rtb-today .rtb-row:not(.rtb-row--more), .rtb-today .rtb-later-row { padding-right: 48px; }
  .rtb-today .new-for-you-row { padding-right: 48px !important; }
  .rtb-today .rtb-row--more .rtb-link { max-width: calc(100% - 48px); }
  .rtb-today .rtb-hero-actions { margin-right: 32px; }   /* On my way / Open job / Done shooting: the right button ends 8px left of the round button */
  .rtb-today .rtb-hero-actions .rtb-btn { padding-left: 10px; padding-right: 10px; }   /* so "Done shooting" still fits in the narrower half */
  .rtb-today .rtb-ph-actions { padding-right: 48px; }   /* the Book a shoot button at the foot of the page */
}
/* RTB-CALENDAR:END */
/* TEAMARCHIVE (app v115) -- the collapsed Archived row on Team. Every rule sits under .tarch. Reuses .rtbt-more / .rtb-btn from the redesigned Team. */
.tarch { margin-top: 16px; }
.tarch .tarch-body { gap: 0; padding-top: 4px; }
.tarch .tarch-note { margin: 0 0 8px; font-size: 14px; line-height: 1.5; }
.tarch .tarch-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid var(--border); }
.tarch .tarch-who { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tarch .tarch-name { font-size: 15px; font-weight: 600; color: var(--text); }
.tarch .tarch-role, .tarch .tarch-last, .tarch .tarch-open { font-size: 14px; }
.tarch .tarch-open { color: var(--rtb-accent); }
.tarch .tarch-back { flex: none; min-height: 44px; width: auto; padding: 10px 18px; }
@media (max-width: 640px) { .tarch .tarch-row { flex-direction: column; align-items: stretch; } .tarch .tarch-back { width: 100%; } }
/* ===== JOB-CHAT:BEGIN (app v144, files/jobchat.css; it lives INSIDE the RTB-SHELL section) ===== */
/* ---------- JOB CHAT (app v144): the small "Tagged you" cards at the top of Chat, and the job's own thread ---------- */
.jmc { display: flex; flex-direction: column; gap: 8px; margin: 0 0 14px; }
.jmc-head { display: flex; align-items: center; gap: 8px; padding: 0 8px; }
.jmc-h { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--rtb-accent, var(--accent)); }
.jmc-n { font-size: 12px; color: var(--rtbch-sub, var(--muted)); }
.jmc-card { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--panel, var(--card)); }
.jmc-top { display: flex; align-items: flex-start; gap: 10px; }
.jmc-top .avatar { width: 26px !important; height: 26px !important; font-size: 12px !important; flex: none; }
.jmc-title { flex: 1 1 auto; min-width: 0; font-size: 14px; line-height: 1.35; color: var(--text); overflow-wrap: anywhere; }
.jmc-title b { font-weight: 700; }
.jmc-time { flex: none; font-size: 13px; color: var(--rtbch-sub, var(--muted)); }
.jmc-text { margin: 0; font-size: 14px; line-height: 1.45; color: var(--text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.jmc-reply { display: flex; gap: 8px; align-items: flex-end; }
.jmc-ta { flex: 1 1 auto; min-width: 0; min-height: 44px; max-height: 110px; resize: none; padding: 10px 12px; box-sizing: border-box; border: 1px solid var(--border); border-radius: 10px; background: var(--card, transparent); color: var(--text); font: inherit; font-size: 16px; line-height: 1.3; }
.jmc-ta:focus-visible { outline: 2px solid var(--rtb-accent, var(--accent)); outline-offset: 1px; }
.jmc-send { flex: none; min-height: 44px; padding: 0 16px; border-radius: 10px; border: 0; background: #e6d2b1; color: #0d0d0d; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.jmc-send:hover { background: #efdfc4; }
.jmc-actions { display: flex; gap: 8px; }
.jmc-open, .jmc-dismiss, .jmc-more { min-height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--rtb-ctl-line, var(--border)); background: transparent; color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.jmc-dismiss { color: var(--rtbch-sub, var(--muted)); }
.jmc-open:hover, .jmc-dismiss:hover, .jmc-more:hover { background: var(--hover); }
.jmc-more { align-self: flex-start; border-color: transparent; color: var(--rtbch-sub, var(--muted)); }
.jt-msg--note .jt-av--note { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--hover); color: var(--rtbch-sub, var(--muted)); font-size: 12px; font-weight: 700; flex: none; }
.jt-msg-who--note b { font-weight: 600; font-size: 13px; color: var(--rtbch-sub, var(--muted)); }
.jt-quote { font-size: 13px; line-height: 1.35; color: var(--rtbch-sub, var(--muted)); border-left: 2px solid var(--border); padding: 0 0 0 8px; margin: 0 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jt-quote b { font-weight: 600; }
.jt-msg a { overflow-wrap: anywhere; }
.jt-msg.jt-flash { animation: jt-flash 2.4s ease-out; }
@keyframes jt-flash { 0% { background: rgba(230, 210, 177, .28); } 100% { background: transparent; } }
/* ===== JOB-CHAT:END ===== */
/* ===== JOB-CHAT-145:BEGIN (app v145, files145/jobchat145.css) ===== */
/* ---------- JOB CHAT (app v145): the line "<Name> will be added to this job's chat", and the chat-only sheet for someone a tag put in the chat ---------- */
.jt-addhint { margin: 6px 2px 0; font-size: 13px; line-height: 1.35; color: var(--text); }
.jt-addhint[hidden] { display: none; }
.jco-wrap { display: flex; flex-direction: column; gap: 10px; height: 100%; min-height: 0; }
.jco-note { margin: 0; font-size: 14px; line-height: 1.4; color: var(--muted); }
.jco-wrap .jp-thread { width: 100%; flex: 1 1 auto; max-height: none; min-height: 55vh; border-radius: 12px; }
.jco-wrap .jp-thread .jt-barbtn { display: none !important; }
.jco-wrap .jp-thread .jt-body, .jco-wrap .jp-thread .jt-composer-host { display: block !important; }
.jco-wrap .jp-thread .jt-body { overflow-y: auto; flex: 1 1 auto; max-height: none; }
/* ===== JOB-CHAT-145:END ===== */
/* ===== VIDEO-146:BEGIN (app v146, files/video146.css) ===== */
/* VIDEO-146 (app v146) - the job's Video tab, the compact QC sheet, the phone bar's Video slot. Room to Breathe tokens; text 14px and up (labels 12px); tap targets 44px and up. */
#overlays .welcome-wave { display: none; }   /* the owner welcome box: no waving-hand emoji (core.js is pinned, so it is hidden here and removed by video-tools.js) */

/* ---- the Video tab ---- */
.vt-video { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; }
.vt-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
@media (min-width: 1000px) { .vt-video { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; } }
.vt-card { display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; padding: 18px 20px; border: 1px solid var(--divider); border-radius: 14px; background: var(--card); min-width: 0; }
.vt-card-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.vt-card-h h2, .vt-card--notes .rtbjp-sec-title h2 { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -.01em; text-transform: none; color: var(--text); }
.vt-card-note { font-size: 14px; color: var(--muted); }
.vt-card--notes { gap: 12px; }
.vt-poster { position: relative; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: linear-gradient(135deg, #1b2a3d, #2b2140) center / cover no-repeat; }
.vt-play { position: absolute; left: 50%; top: 50%; width: 58px; height: 58px; margin: -29px 0 0 -29px; border-radius: 999px; background: rgba(13, 13, 13, .72); }
.vt-play::after { content: ''; position: absolute; left: 23px; top: 18px; border-left: 17px solid #fff; border-top: 11px solid transparent; border-bottom: 11px solid transparent; }
.vt-poster-tag { position: absolute; left: 12px; bottom: 12px; padding: 4px 10px; border-radius: 8px; background: rgba(13, 13, 13, .78); color: #fff; font-size: 13px; font-weight: 600; }
.vt-cut-t { font-size: 16px; font-weight: 600; color: var(--text); }
.vt-btn { min-height: 48px; width: 100%; padding: 12px 18px; text-decoration: none; box-sizing: border-box; }
.vt-row .vt-btn { width: auto; min-width: 96px; min-height: 44px; padding: 10px 16px; font-size: 14px; }
.vt-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--divider); min-height: 56px; }
.vt-row-t { min-width: 0; }
.vt-row-main { font-size: 15px; font-weight: 600; color: var(--text); }
.vt-row-sub { font-size: 14px; color: var(--muted); overflow-wrap: anywhere; }
.vt-sub-h { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--faint); padding-top: 6px; }
.vt-empty { padding: 18px 4px; text-align: center; }
.vt-empty-t { font-size: 17px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.vt-empty p, .vt-none { margin: 0; font-size: 14px; color: var(--muted); }
.vt-qc-line { font-size: 15px; color: var(--text); }
.vt-frame-card .card { margin: 0 !important; padding: 0; border: 0; background: none; box-shadow: none; }
.vt-frame-card .card-title { display: none; }
.vt-frame-card .input { min-height: 44px; font-size: 15px; }
.vt-frame-card .btn { min-height: 44px; }
.vt-rawback .btn { min-height: 44px; }

/* ---- the compact QC sheet ---- */
.vtq-addr { font-size: 14px; color: var(--muted); margin: -4px 0 10px; }
.vtq { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.vtq-top { padding: 4px 0 12px; }
.vtq-count { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 8px; }
.vtq-prog { height: 8px; border-radius: 999px; background: var(--raised); overflow: hidden; }
.vtq-prog i { display: block; height: 100%; width: 0; background: var(--rtb-accent); border-radius: 999px; transition: width .2s ease; }
.vtq-note { margin: 10px 0 0; font-size: 14px; color: var(--muted); }
.vtq-help { border-top: 1px solid var(--divider); }
.vtq-help > summary { min-height: 48px; display: flex; align-items: center; font-size: 14px; font-weight: 600; color: var(--rtb-accent); cursor: pointer; }
.vtq-help[open] { padding-bottom: 8px; }
.vtq-g { border-top: 1px solid var(--divider); }
.vtq-gh { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 6px 0; border: 0; background: none; color: var(--text); font: inherit; font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; }
.vtq-gname { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.vtq-gcount { flex: 0 0 auto; font-size: 14px; font-weight: 500; color: var(--muted); }
.vtq-g.is-clear .vtq-gcount { color: var(--rtbjp-ok, #25764a); }
.vtq-chev { flex: 0 0 auto; width: 9px; height: 9px; border: solid var(--muted); border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-2px); transition: transform .15s ease; }
.vtq-g.is-open .vtq-chev { transform: rotate(-135deg) translateY(-2px); }
.vtq-gb { padding: 0 0 8px; }
.vtq-gb[hidden] { display: none; }
.vtq-row { border-top: 1px solid var(--divider); }
.vtq-gb > .vtq-row:first-child { border-top: 0; }
.vtq-rowline { display: flex; align-items: center; gap: 4px; min-height: 52px; }
.vtq-lab { display: flex; align-items: center; gap: 14px; flex: 1 1 auto; min-width: 0; min-height: 52px; padding: 4px 0; cursor: pointer; }
.vtq-t { font-size: 16px; line-height: 1.3; color: var(--text); overflow-wrap: anywhere; }
.vtq-row.is-done .vtq-t { color: var(--muted); }
.vtq input.vtq-cb[type="checkbox"] { -webkit-appearance: none; appearance: none; display: grid; place-content: center; flex: 0 0 28px; width: 28px; height: 28px; min-width: 28px; min-height: 28px; margin: 0; border: 2px solid var(--border-strong); border-radius: 8px; background-color: transparent; cursor: pointer; }
.vtq input.vtq-cb[type="checkbox"]::before { content: ''; width: 7px; height: 13px; margin-top: -2px; border: solid var(--rtb-on-accent); border-width: 0 3px 3px 0; transform: rotate(45deg) scale(0); transition: transform .12s ease; }
.vtq input.vtq-cb[type="checkbox"]:checked { background-color: var(--rtb-accent); border-color: var(--rtb-accent); }
.vtq input.vtq-cb[type="checkbox"]:checked::before { transform: rotate(45deg) scale(1); }
.vtq-cb:focus-visible, .vtq-why:focus-visible, .vtq-gh:focus-visible, .vtq-help > summary:focus-visible, .vtq-more > summary:focus-visible { outline: 2px solid var(--rtb-accent); outline-offset: 2px; border-radius: 6px; }
.vtq-why { flex: 0 0 auto; min-width: 48px; min-height: 44px; padding: 0 10px; border: 0; background: none; color: var(--rtb-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.vtq-whybody { margin: 0 0 10px 42px; padding: 10px 12px; border-radius: 8px; background: var(--raised); font-size: 14px; line-height: 1.45; color: var(--muted); }
.vtq-whybody[hidden] { display: none; }
.vtq-more { border-top: 1px solid var(--divider); }
.vtq-more > summary { min-height: 48px; display: flex; align-items: center; font-size: 14px; font-weight: 600; color: var(--muted); cursor: pointer; }
.vtq-shiphost:empty { display: none; }
.vtq-ship { margin: 12px 0; padding: 14px 16px; border: 1px solid var(--rtb-accent-line); border-radius: 12px; background: var(--rtb-accent-fill); }
.vtq-ship-t { font-size: 16px; font-weight: 700; margin-bottom: 10px; color: var(--text); }
.vtq-ship-a { display: flex; gap: 8px; flex-wrap: wrap; }
.vtq-ship-a .rtb-btn { min-height: 48px; flex: 1 1 140px; }
.modal-foot:has(.vtq-foot) { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 10px; padding: 12px 20px 16px; border-top: 1px solid var(--divider); }
.vtq-foot { display: contents; }
.vtq-status { grid-column: 1 / -1; font-size: 14px; text-align: center; color: var(--muted); }
.vtq-foot.is-ready .vtq-status { color: var(--rtbjp-ok, #25764a); font-weight: 600; }
.vtq-ready { grid-column: 2; grid-row: 2; min-height: 48px; width: 100%; }
.vtq-ready:disabled { opacity: .45; cursor: not-allowed; }
.modal-foot:has(.vtq-foot) > .btn { grid-column: 1; grid-row: 2; min-height: 48px; padding: 0 18px; }
@media (max-width: 640px) { .vtq-whybody { margin-left: 0; } }
.vpr-jobvid { margin-left: 0; min-height: 44px; padding: 0 14px; border: 1px solid var(--border-strong); border-radius: 8px; background: transparent; color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.vpr-jobvid:hover { background: var(--hover); }
.vpr-row-vid { display: flex; align-items: center; flex: 0 0 auto; margin-left: 10px; }
.vt-frame-card a.btn { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; font-size: 14px; }
.vtq-ro { margin: 0 0 6px; padding: 8px 12px; border-radius: 8px; background: var(--raised); font-size: 14px; color: var(--muted); }
.vtq-row.is-readonly .vtq-t { color: var(--muted); }
.vtq input.vtq-cb[type="checkbox"]:disabled { opacity: .5; cursor: not-allowed; }
/* ===== VIDEO-146:END ===== */


/* RTB-SHELL:END */


/* ISLANDS: the five client surfaces that render inside the Hub (.cstatus, .cfd, .site-page, .vvt-phone-frame, .tpl-card) keep styles.css's look, to the pixel.
   Every token this file moves is set back to its styles.css value on the island root (light = :root's, dark = html[data-theme="dark"]'s), generated from styles.css by gen/build-hub-css.mjs.
   The whole selector sits inside :where(), so the re-pin has ZERO specificity: a token an island declares for ITSELF (styles.css:5178 .cstatus, :5388 .cfd, :5693 .site-page ...) always wins over it.
   The re-pin only fills in what the island does not set, which is exactly what it used to inherit from the page. */
:where(.cstatus, .cfd, .site-page, .vvt-phone-frame, .tpl-card, .cstatus-lightbox, .reel-ov, .ss-ov) {
  --font: 'Inter var', 'Inter', 'Inter-fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: 'Fraunces', 'Fraunces-fallback', Georgia, Cambria, "Times New Roman", serif;
  --fs-micro: 11px;
  --bg: #f6f6f4;
  --bg-2: #eef0f4;
  --panel: #ffffff;
  --card: #ffffff;
  --subtle: #fbfbfa;
  --hover: #f2f4f7;
  --border: #e4e7ec;
  --border-strong: #d0d5dd;
  --text: #101828;
  --text-soft: #565e6b;
  --muted: #565e6b;
  --faint: #656d7b;
  --accent: #2b608f;
  --accent-hover: #1e3f66;
  --accent-soft: #eaf1f7;
  --accent-warm: #b18f52;
  --accent-warm-soft: #f0e6d4;
  --gold: #c19a4e;
  --danger: #d92d20;
  --danger-soft: #fef3f2;
  --danger-ink: #b42318;
  --on-danger: #ffffff;
  --ok: #079455;
  --ok-soft: #ecfdf3;
  --ok-ink: #067647;
  --warn: #dc6803;
  --warn-soft: #fffaeb;
  --warn-ink: #b54708;
  --info: #2e90fa;
  --info-soft: #eff8ff;
  --info-ink: #175cd3;
  --code-bg: #f6f8fa;
  --code-text: #1a1a1a;
  --ring-rgb: 43, 96, 143;
  --focus-ring: 0 0 0 3px rgba(var(--ring-rgb), .35);
  --focus-ring-soft: 0 0 0 3px rgba(var(--ring-rgb), .15);
  --shadow-sm: 0 1px 2px rgba(16,24,40,.04), 0 1px 1px rgba(16,24,40,.03);
  --shadow: 0 1px 2px rgba(16,24,40,.05), 0 2px 6px -1px rgba(16,24,40,.08);
  --card-hi: inset 0 1px 0 rgba(255,255,255,.5);
  --shadow-lg: 0 18px 40px -12px rgba(16,24,40,.18), 0 6px 14px -6px rgba(16,24,40,.08);
  --shadow-card: 0 1px 2px rgba(16,24,40,.04);
  --shadow-popover: 0 20px 44px -10px rgba(16,24,40,.28);
  --shadow-modal: 0 24px 60px -12px rgba(16,24,40,.35);
  --sidebar-bg: #1e3f66;
  --sidebar-border: #232639;
  --sidebar-text: #aab1c6;
  --sidebar-active: #ffffff;
  --sidebar-hover: rgba(255,255,255,.06);
  --sidebar-active-bg: color-mix(in srgb, var(--accent) 16%, transparent);
  --ghost-border: transparent;
  --tone-red-bd: rgba(217,45,32,.24);
  --tone-amber-bd: rgba(220,104,3,.28);
  --tone-green-bd: rgba(7,148,85,.26);
  --tone-neutral-bg: #f2f4f7;
  --tone-neutral-bd: #e4e7ec;
  --role-tint: #2b608f;
  --line: initial;
  --line-2: initial;
  --border-faint: initial;
  --warn-bg: initial;
  --warn-fg: initial;
  --ok-bg: initial;
  --danger-bg: initial;
  --accent-tint: initial;
  --tint: initial;
  --success: initial;
  --text-2: initial;
  --text-3: initial;
  --hover-bg: initial;
  /* what <body>/#main handed down in v100 (body font-family + colour were resolved with styles.css's tokens, #main set scrollbar-color) */
  font-family: 'Inter var', 'Inter', 'Inter-fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #101828;
}
/* #main set scrollbar-color for what is mounted INSIDE it (the five previews); the slideshow, the reel and the photo lightbox are mounted outside #main and had the browser default */
:where(.cstatus, .cfd, .site-page, .vvt-phone-frame, .tpl-card) { scrollbar-color: #e4e7ec transparent; }
:where(html[data-theme="dark"] .cstatus, html[data-theme="dark"] .cfd, html[data-theme="dark"] .site-page, html[data-theme="dark"] .vvt-phone-frame, html[data-theme="dark"] .tpl-card, html[data-theme="dark"] .cstatus-lightbox, html[data-theme="dark"] .reel-ov, html[data-theme="dark"] .ss-ov) {
  --font: 'Inter var', 'Inter', 'Inter-fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: 'Fraunces', 'Fraunces-fallback', Georgia, Cambria, "Times New Roman", serif;
  --fs-micro: 11px;
  --bg: #101722;
  --bg-2: #16202e;
  --panel: #1f2433;
  --card: #1f2433;
  --subtle: #252b3c;
  --hover: #2c3346;
  --border: #333b4e;
  --border-strong: #47516a;
  --text: #e7e9ee;
  --text-soft: #9aa1b3;
  --muted: #9aa1b3;
  --faint: #939bad;
  --accent: #5f92b4;
  --accent-hover: #7fadc9;
  --accent-soft: #182634;
  --accent-warm: #c2a367;
  --accent-warm-soft: #2a2318;
  --gold: #c9a659;
  --danger: #f97066;
  --danger-soft: #2b1a1a;
  --danger-ink: #f97066;
  --on-danger: #2a0a08;
  --ok: #3ccb7f;
  --ok-soft: #13251d;
  --ok-ink: #3ccb7f;
  --warn: #f5a524;
  --warn-soft: #2a2012;
  --warn-ink: #f5a524;
  --info: #53b1fd;
  --info-soft: #102a43;
  --info-ink: #53b1fd;
  --code-bg: #14161f;
  --code-text: #e7eaf2;
  --ring-rgb: 95, 146, 180;
  --focus-ring: 0 0 0 3px rgba(var(--ring-rgb), .35);
  --focus-ring-soft: 0 0 0 3px rgba(var(--ring-rgb), .15);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow: 0 1px 2px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.5);
  --card-hi: inset 0 1px 0 rgba(255,255,255,.07);
  --shadow-lg: 0 18px 40px -12px rgba(0,0,0,.6), 0 6px 14px -6px rgba(0,0,0,.45);
  --shadow-card: 0 1px 2px rgba(0,0,0,.4);
  --shadow-popover: 0 20px 44px -10px rgba(0,0,0,.55);
  --shadow-modal: 0 24px 60px -12px rgba(0,0,0,.6);
  --sidebar-bg: #0f1722;
  --sidebar-border: #1c2030;
  --sidebar-text: #9aa1b9;
  --sidebar-active: #ffffff;
  --sidebar-hover: rgba(255,255,255,.06);
  --sidebar-active-bg: color-mix(in srgb, var(--accent) 22%, transparent);
  --ghost-border: #3a4254;
  --tone-red-bd: rgba(249,112,102,.32);
  --tone-amber-bd: rgba(245,165,36,.32);
  --tone-green-bd: rgba(60,203,127,.32);
  --tone-neutral-bg: #252b3c;
  --tone-neutral-bd: #e4e7ec;
  --role-tint: #2b608f;
  --line: initial;
  --line-2: initial;
  --border-faint: initial;
  --warn-bg: initial;
  --warn-fg: initial;
  --ok-bg: initial;
  --danger-bg: initial;
  --accent-tint: initial;
  --tint: initial;
  --success: initial;
  --text-2: initial;
  --text-3: initial;
  --hover-bg: initial;
  font-family: 'Inter var', 'Inter', 'Inter-fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #e7e9ee;
}
:where(html[data-theme="dark"] .cstatus, html[data-theme="dark"] .cfd, html[data-theme="dark"] .site-page, html[data-theme="dark"] .vvt-phone-frame, html[data-theme="dark"] .tpl-card) { scrollbar-color: #333b4e transparent; }

} /* end @media screen */

/* UPLOADUX 2026-10-22 -- the upload sheet's service / kind chips had NO selected look (the style only existed under .chips): colours only */
.so-upl-svcs .chip.active, .so-upl-svcs .chip.on, .so-upl-kind button.active { background: var(--accent-soft, rgba(230,210,177,.16)); border-color: var(--accent, #e6d2b1); color: var(--accent, #e6d2b1); }