/* =====================================================================================================
   SEEKER BRAND LOOK for the Platform. Structure B, stage S1a (14 Oct 2026). Tokens only, no markup.

   WHAT THIS FILE IS. One stylesheet, linked in index.html straight after mobilenav.css, that re-points the Platform's own
   colour, type, shape and shadow variables at Seeker's brand design system (artifact SzYSr3XgXrNqSaG4gu3igs, and
   ~/seeker-brand/ds-seeker/project: README.md and tokens.json). Roll the whole look back by deleting the one <link> line.

   THE LOOK, IN ONE BREATH. Paper page, white panels on a navy hairline, navy ink, mist for fills. Rose-deep for small labels
   and the active menu line; oxblood only for key figures, links, urgent items and calls. Cormorant Garamond 500 for titles
   and names, EB Garamond for reading text, Jost for labels, menus, buttons and the interface. Square corners on cards,
   panels and fields; pills only on buttons, chips and the search field; circles only on avatars and status dots. The four
   meanings: meeting navy-mid, note navy-light, call oxblood, email rose. No gradients, no shadows except menus and
   pop-overs, no beige.

   HOW IT BEATS THE OLD CSS. The old rules live in <style> blocks in index.html (before this link) and in tools.css etc., all
   at the same [data-theme="light"] specificity, so a rule here wins by coming later. Three <style> blocks sit AFTER this
   link (the Comms Hub at index.html ~7437, the Competitor-intel scope ~69436, the login gate), so variables that those
   blocks set are re-set here with a more specific selector (html[data-theme="light"], or an #id), never by order alone.
   The corner radii are !important, because 1,000 of them are written as literals in the old CSS.

   STAGE S1b (15 Oct 2026) SWEPT THE SOURCE: the font names Inter, Prata and Lora and the old pink, aubergine, beige and green
   hex literals in index.html, tools.css, chat.css, emails.css, mobilenav.css and fsinbox.js now name the brand stacks and
   colours directly, and the head <link> asks for the three brand families only. The overrides in this file are kept as the
   safety net and for the one-<link> rollback. Left as they were on purpose: the print windows, the exports and the Minutes
   document (they carry their own fonts), email HTML, the My Docs sheet colour-coding, the font pickers, the old dark root block.

   KEEP THE TOKEN NAMES: toolmarketing.test.js pins var(--e-didone). tests/brandcss.test.js reads this file as text.
   ===================================================================================================== */

/* ---------- 1. The brand's own tokens (new names, so nothing old is touched) ---------- */
html[data-theme="light"]{
  --b-navy:#131b2d; --b-navy-mid:#243b5e; --b-navy-light:#7c93b8; --b-mist:#eef0f4;
  --b-rose:#c07873; --b-rose-deep:#a85e59; --b-rose-soft:#e3bfbe; --b-rose-tint:#f7ecea;
  --b-oxblood:#6e2a22; --b-oxblood-deep:#561f19; --b-oxblood-tint:#f4e6e3;
  --b-paper:#fbfaf8; --b-white:#fff; --b-inverse:#ece7df; --b-field:#868e9c;
  --b-body:#2c384c; --b-muted:#5a6475; --b-rule:rgba(19,27,45,.13); --b-rule2:rgba(19,27,45,.08);
  --b-meeting-tint:#e9edf4; --b-note-tint:#eef1f6; --b-note-ink:#3d5375; --b-email-ink:#8e3f3a;
  --b-display:'Cormorant Garamond',Garamond,'Times New Roman',serif;
  --b-text:'EB Garamond',Garamond,Georgia,serif;
  --b-sans:Jost,'Century Gothic','Avenir Next','Segoe UI',sans-serif;
  --b-float:0 18px 40px -16px rgba(19,27,45,.28);
}

/* ---------- 2. The Platform's theme variables, pointed at the brand ----------
   --navy is the PAGE (it was warm cream in the light theme), --navy2 the panel, --navy3 and --navy4 the fills inside a
   panel, --gold the accent, --cream the main ink (named for the dark theme), --slate and --slate2 the muted inks. */
html[data-theme="light"]{
  --navy:var(--b-paper); --navy2:#fff; --navy3:var(--b-mist); --navy4:#e3e6ec;
  --gold:var(--b-rose-deep); --gold2:#8e4a46;
  --cream:var(--b-navy);
  --slate:var(--b-muted); --slate2:var(--b-body);
  /* status colours: the brand has no green, red or amber. Needs-you is oxblood, fine is navy, attention is rose-deep. */
  --green:var(--b-navy-mid); --amber:var(--b-rose-deep); --red:var(--b-oxblood); --blue:var(--b-navy-mid); --purple:var(--b-navy-light);
  --radius:0px;
  /* hairlines and tints: the old light theme re-made the white-alpha --wNN scale as aubergine ink (rgba(27,20,22)); here it is navy */
  --w02:rgba(19,27,45,.025); --w03:rgba(19,27,45,.035); --w04:rgba(19,27,45,.045); --w05:rgba(19,27,45,.055); --w06:rgba(19,27,45,.065);
  --w07:rgba(19,27,45,.075); --w08:rgba(19,27,45,.085); --w09:rgba(19,27,45,.095); --w10:rgba(19,27,45,.11); --w12:rgba(19,27,45,.13);
  --w14:rgba(19,27,45,.15); --w20:rgba(19,27,45,.2);
  /* the global four meanings (--sk-*, --k-*): call oxblood, email rose, meeting navy-mid, note navy-light */
  --sk-meeting:var(--b-navy-mid); --sk-meeting-t:var(--b-meeting-tint);
  --sk-note:var(--b-navy-light);  --sk-note-t:var(--b-note-tint);
  --sk-call:var(--b-oxblood);     --sk-call-t:var(--b-oxblood-tint);
  --sk-email:var(--b-rose);       --sk-email-t:var(--b-rose-tint);
  --sk-warm:var(--b-paper); --sk-warm2:#fff; --sk-ink:var(--b-navy); --sk-ink2:var(--b-muted); --sk-line:var(--b-rule);
  --sk-slab:var(--b-navy); --sk-charcoal:var(--b-navy); --sk-charcoal-h:var(--b-navy-mid);
  --sk-pink:var(--b-oxblood); --sk-pink-t:var(--b-oxblood-tint); --sk-lpink:var(--b-rose);
  --sk-navy:var(--b-navy-mid); --sk-navy-t:var(--b-meeting-tint); --sk-lnavy:var(--b-navy-light);
}

/* Messages (chat.css) and Emails (emails.css) keep their own tokens at :root, and mobilenav.css reads the same. Re-pointed here. */
html[data-theme="light"]{
  --ch-paper:var(--b-paper); --ch-card:#fff; --ch-card2:var(--b-mist);
  --ch-ink:var(--b-navy); --ch-ink2:var(--b-body); --ch-ink3:var(--b-muted);
  --ch-line:var(--b-rule); --ch-line2:var(--b-rule2);
  --ch-accent:var(--b-rose-deep); --ch-rose:var(--b-rose-deep); --ch-accent-soft:var(--b-rose-tint);
  --ch-dark:var(--b-navy); --ch-grey3:var(--b-mist); --ch-green:var(--b-navy-mid);
  --ch-sans:var(--b-sans); --ch-serif:var(--b-text);
  --em-green-soft:var(--b-meeting-tint); --em-amber:var(--b-email-ink); --em-amber-soft:var(--b-rose-tint);
}

/* ---------- 3. The editorial tokens (--e-*) and the Comms Hub tokens (--cx-*) ----------
   Declared at html level too, so a pop-over or dialog that sits outside any .rk view still reads the brand. The two blocks
   in index.html (.rk-home at ~2271 and .rk at ~2402) are re-declared below because they set the same names on the element.
   Left alone on purpose: --loss, --loss-soft, --gain, --gain-soft, --loss-ink, --gain-ink (the gain/loss palette). */
html[data-theme="light"],
[data-theme="light"] .rk-home,
[data-theme="light"] .rk{
  --e-paper:var(--b-paper); --e-card:#fff; --e-card2:#fff; --e-inset:var(--b-mist);
  --e-ink:var(--b-navy); --e-ink2:var(--b-body); --e-ink3:var(--b-muted);
  --e-line:var(--b-rule); --e-line2:var(--b-rule2);
  --e-accent:var(--b-rose-deep); --e-accent-soft:var(--b-rose-tint);
  /* accent2 is the text colour ON the rose tint (chips, tags): rose-deep there is only 4.1:1, email-ink is 6.1:1 (the design system's pairing) */
  --e-accent2:var(--b-email-ink);
  --e-navy:var(--b-navy);
  /* grad1 is also used as a TEXT colour for links and small actions, so it is oxblood; no gradient is painted from these now */
  --e-grad1:var(--b-oxblood); --e-grad2:var(--b-rose-deep); --e-grad3:var(--b-rose-tint);
  --e-grey1:var(--b-paper); --e-grey2:var(--b-mist); --e-grey3:#e3e6ec; --e-track:rgba(19,27,45,.10);
  /* chips: amber reads as rose, red as oxblood */
  --e-amber:var(--b-email-ink); --e-amber-soft:var(--b-rose-tint); --e-red:var(--b-oxblood); --e-red-soft:var(--b-oxblood-tint);
  --e-sans:var(--b-sans); --e-serif:var(--b-text); --e-didone:var(--b-display);
  --e-r:0px;
}
html[data-theme="light"],
[data-theme="light"] .rk,
[data-theme="light"] #view-comms,
[data-theme="light"] .ucal{
  --cx-cvs:var(--b-paper); --cx-card:#fff; --cx-line:var(--b-rule); --cx-line2:var(--b-rule2);
  --cx-sunk:var(--b-mist); --cx-edge:rgba(19,27,45,.28);
  --cx-ink:var(--b-navy); --cx-ink2:var(--b-body); --cx-ink3:var(--b-muted); --cx-ink4:var(--b-muted);
  --cx-dark:var(--b-navy);
  /* call = oxblood, email = rose, meeting = navy-mid, note = navy-light (names kept: cx-pink is the call, cx-lpink the email) */
  --cx-pink:var(--b-oxblood); --cx-pink-h:var(--b-oxblood-deep); --cx-pink-t:var(--b-oxblood-tint);
  --cx-lpink:var(--b-rose);   --cx-lpink-h:var(--b-rose-deep);   --cx-lpink-t:var(--b-rose-tint);
  --cx-navy:var(--b-navy-mid); --cx-navy-h:var(--b-navy); --cx-navy-t:var(--b-meeting-tint);
  --cx-lnavy:var(--b-navy-light); --cx-lnavy-t:var(--b-note-tint);
  --cx-char:var(--b-navy); --cx-char-h:var(--b-navy-mid); --cx-char-t:var(--b-mist);
  --cx-sh-sm:none; --cx-sh-md:none;
  --cx-r:0px; --cx-r2:0px; --cx-fs:var(--b-sans);
}

/* ---------- 4. Page ground, type and the small things every page shares ---------- */
html[data-theme="light"] body{
  background:var(--b-paper); color:var(--b-body); font-family:var(--b-sans);
  -webkit-font-smoothing:antialiased; font-synthesis:none; font-variant-numeric:lining-nums;
}
/* Interface text is Jost; the old rules name Inter literally (stage S1b removes those), so the controls are set here */
html[data-theme="light"] :is(.btn,.form-input,.form-select,.form-textarea,.search-wrap input,.seg-b,.mc-seg-b,.nav-arrow,.toast,.modal-close){
  font-family:var(--b-sans);
}
/* Titles are Cormorant Garamond 500, never bold */
html[data-theme="light"] :is(.panel-title,.modal-title,.needsme-hi){
  font-family:var(--b-display); font-weight:500; letter-spacing:0;
}
html[data-theme="light"] .panel-title{font-size:22px}
html[data-theme="light"] .modal-title{font-size:26px}
html[data-theme="light"] .needsme-hi{font-size:24px}
html[data-theme="light"] :is(.rk .page-head h1,.rk .headline){font-weight:500; letter-spacing:0}
html[data-theme="light"] .rk .page-head h1{font-size:44px; line-height:1.06}
html[data-theme="light"] .rk .page-head p{font-size:19px; line-height:1.55}
/* Small capital labels: Jost, spaced, rose-deep */
html[data-theme="light"] :is(.rk .lbl,.rk-home .lbl,.rk .eyebrow-row .lbl,.rk-home .eyebrow-row .lbl){font-weight:500; font-size:10.5px; letter-spacing:.22em; color:var(--b-rose-deep)}
html[data-theme="light"] :is(.rk .meta,.rk-home .meta){font-weight:400; letter-spacing:0}
html[data-theme="light"] :is(.rk .e-num,.rk-home .num){font-variant-numeric:tabular-nums lining-nums}
/* Key figures: Cormorant, oxblood */
html[data-theme="light"] :is(.rk-home .stat .n,.rk .stat .n,.rk .stat-card .v,.rk .stat-card .n){font-weight:500; color:var(--b-oxblood)}
/* Small print inside the dossiers and registers: the old Lora at 11px becomes Jost; the empty-state notes are a readable 14px */
html[data-theme="light"] .rk :is(.cc-kv small,.opp-what){font-family:var(--b-sans); font-size:11.5px; letter-spacing:.02em; color:var(--b-muted)}
html[data-theme="light"] .rk .cc-ai-lbl{font-family:var(--b-sans); font-size:10px; font-weight:500; letter-spacing:.2em; color:var(--b-oxblood)}
html[data-theme="light"] .rk :is(.cc-comp-n,.cc-firmloc){font-size:13px}
html[data-theme="light"] :is(.rk-home .hx-empty,.hx-empty){font-size:14px; color:var(--b-muted)}
html[data-theme="light"] :is(#view-reports .ra-th span,#view-reports .ra-hon b){font-size:10px}
html[data-theme="light"] #view-reports .ra-hon b{color:var(--b-email-ink)}
/* Controls with no font of their own would fall back to the browser's Arial; this is zero-specificity, so any rule that names a font still wins */
:where(html[data-theme="light"]) :is(button,input,select,textarea){font-family:var(--b-sans)}
/* Focus ring: 2px navy */
html[data-theme="light"] :is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--b-navy); outline-offset:2px}
html[data-theme="light"] ::selection{background:var(--b-mist); color:var(--b-navy)}
html[data-theme="light"] ::placeholder{color:var(--b-muted); opacity:1}

/* ---------- 5. Masthead and menu (restyled by CSS only; the markup is stage S2 and S4) ---------- */
[data-theme="light"] #rk-nav{background:#fff; border-bottom:1px solid var(--b-rule)}
[data-theme="light"] .rk-masthead{padding:14px 0 10px}
[data-theme="light"] .rk-title b{font-family:var(--b-display); font-weight:500; font-size:30px; letter-spacing:0; color:var(--b-navy)}
[data-theme="light"] .rk-title span{font-family:var(--b-sans); font-weight:500; color:var(--b-muted)}
/* Comms Hub: an outlined pill, navy text; its dot is a status dot, its arrow circle goes (circles are for avatars and dots) */
[data-theme="light"] .rk-status{
  background:transparent; color:var(--b-navy); border:1px solid var(--b-navy);
  font:500 12px/1 var(--b-sans); letter-spacing:.06em; padding:0 16px; height:34px; border-radius:999px;
}
[data-theme="light"] .rk-status .d{background:var(--b-rose-deep); box-shadow:none}
[data-theme="light"] .rk-status .go{display:none}
[data-theme="light"] :is(.rk-pill,.rk-viewtag,.rk-status){white-space:nowrap}
[data-theme="light"] :is(.rk-pill,.rk-viewtag){
  font:500 12px/1 var(--b-sans); letter-spacing:.06em; height:34px; padding:0 16px; border:1px solid var(--b-navy); color:var(--b-navy);
}
[data-theme="light"] .rk-viewtag{border-color:var(--b-rule); color:var(--b-muted); font-weight:400; background:none; display:inline-flex; align-items:center; gap:6px}
[data-theme="light"] .rk-pill.solid{background:var(--b-navy); border-color:var(--b-navy); color:#fff}
[data-theme="light"] .rk-pill.solid:hover{background:var(--b-navy-mid); border-color:var(--b-navy-mid)}
@media (hover:hover){
  [data-theme="light"] .rk-pill:hover,[data-theme="light"] .rk-status:hover{background:var(--b-navy); color:#fff; border-color:var(--b-navy)}
}
[data-theme="light"] .rk-pill:hover{background:var(--b-navy); color:#fff}
/* icon buttons (search, back, forward): no ring, square mist hover */
[data-theme="light"] .rk-iconbtn{border:0; background:none; color:var(--b-navy)}
[data-theme="light"] .rk-iconbtn:hover{background:var(--b-mist)}
[data-theme="light"] .rk-iconbtn.sm{border:0; color:var(--b-muted)}
[data-theme="light"] .rk-iconbtn.sm:hover:not(:disabled){color:var(--b-navy)}
/* the account avatar is a navy circle with a Jost initial */
[data-theme="light"] .rk-avatar{background:var(--b-navy); color:#fff; font-family:var(--b-sans); font-weight:500}
/* the menu: Cormorant Garamond 500, two hairlines, the active line in rose-deep */
[data-theme="light"] .rk-menu{border-top:1px solid var(--b-rule); border-bottom:1px solid var(--b-rule); gap:30px; padding:0}
[data-theme="light"] .rk-item>button{
  font:500 18px/1 var(--b-display); letter-spacing:0; color:var(--b-muted); padding:13px 0 11px; background:none; min-height:44px;
}
[data-theme="light"] .rk-item>button:hover{color:var(--b-navy); background:none}
[data-theme="light"] .rk-item>button.on{color:var(--b-navy); font-weight:500; box-shadow:inset 0 -2px 0 var(--b-rose-deep)}
[data-theme="light"] .rk-item>button.on::after{content:none}
[data-theme="light"] .rk-item.has-dd>button::after,
[data-theme="light"] .rk-item.has-dd>button.on::after{content:"\25BE"; position:static; background:none; height:auto; font-size:10px; margin-left:2px; color:var(--b-muted)}
/* menus and pop-overs: white, square, one hairline, the one shadow the brand allows */
[data-theme="light"] :is(.rk-dd,.rk-newdd){
  background:#fff; border:1px solid var(--b-rule); box-shadow:var(--b-float); padding:6px; min-width:220px;
}
[data-theme="light"] :is(.rk-dd button,.rk-newdd button){
  font:400 14px/1.2 var(--b-sans); color:var(--b-body); padding:11px 12px; min-height:44px; background:none;
}
[data-theme="light"] :is(.rk-dd button:hover,.rk-newdd button:hover){background:var(--b-mist); color:var(--b-navy)}
[data-theme="light"] .rk-dd button.rk-dd-home{font-weight:500; color:var(--b-navy)}
[data-theme="light"] .rk-dd-sep{background:var(--b-rule)}
[data-theme="light"] .rk-dd-k{font:500 10px/1 var(--b-sans); letter-spacing:.2em; color:var(--b-muted)}
[data-theme="light"] .rk-menu-n,[data-theme="light"] .rk-menu .cnt{background:var(--b-oxblood); color:#fff; font-family:var(--b-sans); font-weight:500}
/* menu scroll arrows: square-edged ring becomes a plain hairline button */
[data-theme="light"] #rk-nav.rk-menu-x .rk-menuarr{border:1px solid var(--b-rule); background:#fff; color:var(--b-navy)}
[data-theme="light"] #rk-nav.rk-menu-x .rk-menuarr:hover{background:var(--b-mist)}
[data-theme="light"] #rk-nav.rk-menu-x .rk-menuarr:focus-visible{outline:2px solid var(--b-navy)}
/* account menu: the Basic / Detailed switch */
[data-theme="light"] .rk-viewblk{border-bottom-color:var(--b-rule)}
[data-theme="light"] .rk-viewblk .k{font-family:var(--b-sans); font-weight:500; letter-spacing:.2em; color:var(--b-muted)}
[data-theme="light"] .rk-viewblk .s{font-family:var(--b-sans); color:var(--b-muted)}
[data-theme="light"] .rk-viewseg{border:1px solid var(--b-field)}
[data-theme="light"] .rk-newdd .rk-viewseg button[aria-pressed="true"],
[data-theme="light"] .rk-newdd .rk-viewseg button[aria-pressed="true"]:hover{background:var(--b-navy); color:#fff}
[data-theme="light"] .rk-acct-who:not([hidden]){border-bottom-color:var(--b-rule)}
[data-theme="light"] .rk-acct-who b{font-family:var(--b-sans); font-weight:500; color:var(--b-navy)}
[data-theme="light"] .rk-acct-who small{font-family:var(--b-sans); color:var(--b-muted)}
/* the greeting bar on Home and the news line: flat navy, a Cormorant greeting, Jost headlines */
[data-theme="light"] .rk-ticker,[data-theme="light"] .rk-home .ticker{background:var(--b-navy)}
[data-theme="light"] :is(.rk-ticker .k,.rk-home .ticker .k){font-family:var(--b-display); font-style:normal; font-weight:500; font-size:22px; color:#fff}
[data-theme="light"] :is(.rk-ticker .items b,.rk-home .ticker .items b){font-family:var(--b-sans); font-weight:400; letter-spacing:.02em; color:rgba(255,255,255,.92)}
[data-theme="light"] :is(.rk-ticker .items b::before,.rk-home .ticker .items b::before){background:var(--b-rose-soft)}
[data-theme="light"] :is(.rk-ticker .items b.warn::before,.rk-home .ticker .items b.warn::before){background:var(--b-rose-soft)}
[data-theme="light"] :is(.rk-ticker .arw,.rk-home .ticker .arw){border-color:rgba(236,231,223,.4)}

/* ---------- 6. Shape: square corners, no shadows, no gradients ---------- */
/* Everything is square by default. :where() keeps this at zero specificity, so every keep-rule below (which carries a
   real selector) wins over it, while !important makes it win over the ~1,000 radii written as literals in the old CSS.
   It does not touch ::before or ::after, so decorations built from those keep whatever shape they were drawn with. */
:where(html[data-theme="light"]) *{border-radius:0 !important}
/* inline circles and pills written into the JavaScript's templates */
[data-theme="light"] [style*="border-radius:50%"],[data-theme="light"] [style*="border-radius: 50%"]{border-radius:50% !important}
[data-theme="light"] [style*="border-radius:999px"],[data-theme="light"] [style*="border-radius: 999px"],
[data-theme="light"] [style*="border-radius:20px"],[data-theme="light"] [style*="border-radius: 20px"]{border-radius:999px !important}
/* BEGIN generated: every pill and circle in the stylesheets as they stood on 14 Oct 2026 (218 pill rules, 63 circle rules).
   Square is the default above; this puts back what the old CSS drew as a pill (buttons, chips, search, tags) or a circle (avatars,
   dots). Bars, tracks and fills are left square on purpose. Add NEW pills by hand below the END line. */
.countdown-pill, .filter-chip, .cf-chip, .tk-pill, .tk-chip, .tk-owner-pick label, .ce-pill, .ce-sect-h .n, .al-count-chip, .mc-move, .mc-mand,
[data-theme="light"] .rk-status, [data-theme="light"] .rk-pill, [data-theme="light"] .te-stall, [data-theme="light"] .rk-home .chip,
[data-theme="light"] .rk-home .b-ask .tag, [data-theme="light"] .rk-home .sug, [data-theme="light"] .rk-home .hot, [data-theme="light"] .rk .e-chip,
[data-theme="light"] .rk .vswitch, [data-theme="light"] .rk .vs, [data-theme="light"] .rk .proj .stalled, [data-theme="light"] .rk .ow .od,
[data-theme="light"] .rk .m-hero .m-hero-btn, [data-theme="light"] .rk .fchip, .gd-where, [data-theme="light"] .rk .imp-r,
[data-theme="light"] .rk .imp-badge, [data-theme="light"] .rk .imp-sheet, [data-theme="light"] .rk .imp-act, [data-theme="light"] .rk .imp-th-firm,
[data-theme="light"] .rk .cc-rec, [data-theme="light"] .rk .cat-sub .sc, [data-theme="light"] .rk .cc-fchip, [data-theme="light"] .rk .mtog,
[data-theme="light"] .rk .lane-n, [data-theme="light"] .rk .fric-n, [data-theme="light"] .rk .fmbadge, [data-theme="light"] .rk .rw .cr-own .cr-chip,
[data-theme="light"] .rk .fcc-pick .pl button, [data-theme="light"] .rk .newsrow .src, .sv-chip, [data-theme="light"] .rk-viewtag,
[data-theme="light"] .rk .tb-chip, [data-theme="light"] .rk .tb-seg, #view-prospect .pm3-due, #mcall .cbar .who, #mcall .tick, .tl-fmt button,
.tl-reasons button, .tl-switch button, [data-theme="light"] .rk .tl-st, #lg-overlay .lg-views button, #lg-overlay .lg-pick, #lg-overlay .lg-btn,
#lg-overlay .lg-fix, #lg-overlay .lg-set, #lg-overlay .lg-add, #lg-overlay .lg-opt, #lg-overlay .lg-warm, #lg-overlay .lg-exb, #lg-overlay .lg-badge,
#lg-overlay .lg-chip, [data-theme="light"] .rk .tl-sub, [data-theme="light"] .rk .tl-stale, [data-theme="light"] .rk .tl-no,
[data-theme="light"] .rk .tl-alsos .tl-per.also, [data-theme="light"] .rk .tl-comms, [data-theme="light"] .rk .tick, [data-theme="light"] .rk .tb-proj,
[data-theme="light"] .rk .tb-due.od, [data-theme="light"] .rk .dt-chip, [data-theme="light"] .rk .dt-carried, [data-theme="light"] .rk .dt-duemenu,
[data-theme="light"] .rk .tb-ask, [data-theme="light"] .rk .tb-unf-show, [data-theme="light"] .rk .filter-sel, [data-theme="light"] .rk .filter-btn,
[data-theme="light"] .rk .filter-clear, [data-theme="light"] .rk .ip, [data-theme="light"] .rk .subnav .sc, [data-theme="light"] .rk .rk-roles .sc,
[data-theme="light"] .rk .rk-roles .sc .cat-tab-count, [data-theme="light"] .rk .ttbl .tk-pill, [data-theme="light"] .rk .oc-bar .oc-state,
[data-theme="light"] .rk .toggle, :is(#view-comms,.ucal) .cx-next, :is(#view-comms,.ucal) .cx-next .go, .cx-tag, #view-comms .cx-tab .ct,
#view-comms .cx-acc-h .cn, #view-comms .cx-rc, :is(#view-comms,.ucal) .chr-chip, #view-comms .mjoin, #view-comms .oc-state, #view-comms .cx-modepill,
#view-comms .cx-modepill button, #view-comms .cx-float button, .ci-subnav .ci-tab, .ci-scope .cpill, .ci-scope .fitem .tag, .ci-scope .mcard .chip,
.cal-fchip, .mn-who, .mn-note, .dg-figs .k, .dg-who, #view-reports .ra-stat .k, #view-reports .ra-dot, #view-reports .ra-go,
[data-theme="light"] .rk-home .hm-tl .fl, [data-theme="light"] .rk-home .hm-pp .n, [data-theme="light"] .rk-home .hm-tabs button, .ci-scope .ci-int,
#view-research .tr-free, #view-research .tr-paid, #view-research .tr-view, #view-research .tr-src, #view-research .tr-go, #view-lists .lt-go,
#view-lists .lt-chip, .rk.lh .lh-tag, .rk.lh .lh-gobtn, .rk.lh .lh-dkb, .rk.lh .lh-go, .rk-home .hx-bar .fl, .rk-home .hx-stall, .vfx .vf-vchip,
.dcx .dc-st, .dcx .dc-fchip, .ch-chip, .ch-btn, .ch-search, .ch-m .rowacts, .ch-rx button, .ch-recpanel-hd .n, .em-search, .em-chip, .em-btn,
#mnav-btn, #view-approvals .ap-go, #view-approvals .ap-chip, #view-qabank .qb-chip-f, #view-qabank .qb-st, #view-qabank .qb-btn, #qb-modal .qb-btn,
#view-fsbuilder .fsb-fund, #view-fsbuilder .fsb-go, #view-fsbuilder .fsb-switch, #view-fsbuilder .fsb-knob, #view-fsbuilder .fsb-add,
#view-fsbuilder .fsb-cat, #view-ddq .ddq-switch, #view-ddq .ddq-switch button, #view-ddq .ddq-go, #view-ddq .ddq-chip, #view-shots .sh-seg,
#view-shots .sh-seg button, #view-shots .sh-n, #view-shots .sh-chip, #view-shots .sh-ans button, #view-marketing .mk-chip, #view-marketing .mk-pill,
#view-marketing .mk-tog, #view-marketing .mk-pill-s, #view-marketing .mk-search, #view-marketing .mk-fchip, #tm-wrap .tm-batt, #lh-tasks .tm-batt,
#tm-wrap .tm-flag .n, #tm-wrap .tm-ghb, #tm-wrap .tm-quiet, #tm-wrap .tm-chip, #tm-wrap .tm-addp, #home-tm-wait .tm-homewait .n, #digest-tm .tm-dg-tog,
#mkt-pane-register .rg-tag, #mkt-pane-register .rg-chip, #mp-obj .ob-tag, #vn-overlay .vn-btn, #vn-overlay .vn-tg, #vn-overlay .vn-chip,
#vn-home .vn-card button, #view-managerdd .mdd-btn, #view-managerdd .mdd-seg button, #view-managerdd .mdd-sub-tabs button, #view-managerdd .mdd-tag,
#view-managerdd .mdd-chip, #view-managerdd .mdd-stbtn, #view-managerdd .mdd-pill, #view-managerdd .mdd-vote .mdd-opts button, #view-managerdd .mdd-fl,
#view-managerdd .mdd-seg2 button, .rs-host .rs-chip, .rs-host .rs-tg, .rs-host .rs-tag, #view-peopletoadd .pta-chip, #view-peopletoadd .pta-seg,
#view-peopletoadd .pta-seg button, #view-peopletoadd .pta-tag, :is(#view-peopletoadd,#home-pta,#pta-drawer) .pta-b1, #pta-strip, #view-files .sf-btn,
#view-files .sf-search, #view-files .sf-toast, #sf-pane-docs .gd-filter button, #sf-pane-docs .gd-chip, #sf-pane-docs .gd-small,
#view-finance .fin-chip, #view-finance .fin-chipb, #view-finance .fin-tabs .n, #view-finance .fin-btn, #view-dataroom .dr-btn,
#view-dataroom .dr-fchip, #view-dataroom .dr-search, #view-dataroom .dr-mchip, #view-dataroom .dr-seg, #view-dataroom .dr-pill
{border-radius:999px !important}
.sync-dot, .claude-dot, .spinner, .cf-chip button, .avatar, .sdot, .activity-icon, .te-rag, .fr-dot, .act-icon, #view-contactcc.cc-pop .cc-pop-x,
[data-theme="light"] .rk-status .d, [data-theme="light"] .rk-status .go, [data-theme="light"] .rk-avatar, [data-theme="light"] .rk .nu-row .dot,
[data-theme="light"] .rk-home .avc, [data-theme="light"] .rk-home .askbox .r .send, [data-theme="light"] .rk-home .b-dark .glow,
[data-theme="light"] .rk .tditem .tk, [data-theme="light"] .rk .avc, .gd-vid-close, [data-theme="light"] .rk .cvg .cv-legend i.gap,
[data-theme="light"] .rk .band .ring.clk, [data-theme="light"] .rk .imp-r b, [data-theme="light"] .rk .cc-pie, #mp-pipe .mpp-av,
#view-prospect .mpp-av, .tl-prow .r, [data-theme="light"] .rk .tb-colhead .av, #view-comms .cx-hit .av, #view-comms .cx-pr-av, #view-comms .cx-qn .av,
#view-comms .cx-res .av, :is(#view-comms,.ucal) .cx-drow .dot, .ci-scope .wm-nsev, .rk-home .hx-awrow .dot, .hxc-nowdot, #view-research .tr-sect-h .n,
.rk-home .hx-row .dot, .ch-av, .ch-dev .st, .ch-dot, .em-av, .em-cv .dot, #mnav-btn .mnav-dot, #mnav-close, #view-fsbuilder .fsb-cell,
#view-marketing .mk-dot, #view-marketing .mk-tickbox, #view-marketing .mk-key i.hol, #view-marketing .mk-bars.peers .mk-br-bar b,
#view-marketing .mk-lip-fl .ic, #vn-overlay .vn-pick .rd, #vn-overlay .vn-rb, #vn-overlay .vn-dot, #view-managerdd .mdd-pa,
#view-managerdd .mdd-mx button.mdd-dot, #view-managerdd .mdd-fl .mdd-no, .rs-host .rs-num, .rs-host .rs-pip, #pta-drawer .pta-x, #view-files .sf-x,
#view-finance .fin-dot
{border-radius:50% !important}
/* END generated */
/* the pills and circles that are new in the brand, or were square before (kept by hand; add yours here) */
[data-theme="light"] :is(.rk-status,.rk-pill,.rk-viewtag,.btn,.search-wrap,.rk-search-box,.rk-io button,.e-btn,[class*="btn"]):not(.rk-iconbtn):not(.cx-act):not(.hm-act){border-radius:999px !important}
[data-theme="light"] .rk .rk-roles .sc{white-space:nowrap; flex:none}
[data-theme="light"] :is(.rk-avatar,.avc,.rk-home .avc,.sync-dot,.claude-dot,.rk-status .d,.recdot){border-radius:50% !important}
[data-theme="light"] .avc{background:var(--b-mist) !important; color:var(--b-navy) !important}

/* no shadows except menus and pop-overs (menus, dropdowns, modals and the open drawer keep theirs) */
[data-theme="light"] :is(.panel,.stat-card,.dash-tile,.mgr-tile,.pipe-card,.tk-card,.rk .e-card,.rk .stat,.rk .card){box-shadow:none}
[data-theme="light"] .rk .stat-card::before{background:var(--b-rose); opacity:1}
[data-theme="light"] .rk .stat-card.urgent::before{background:var(--b-oxblood)}
/* the gradient panels (Ask Seeker, forecast, band, report figures) are flat navy */
[data-theme="light"] :is(.rk-home .b-ask,.rk-home .hx-split .b-ask,.rk-home .hm-stack .b-ask,.rk .forecast,.rk .band,.dg-figs > div,#view-reports .ra-stat){
  background:var(--b-navy); color:#fff;
}

/* ---------- 7. Pieces the old CSS painted in literal pink or aubergine (found by the bench, 14 Oct 2026) ---------- */
/* the two edge tabs (Messages, Emails): navy, with a navy-mid hover and no shadow. Stage S2 removes them. */
html[data-theme="light"] #ch-handle:hover,html[data-theme="light"] #em-handle:hover{background:var(--b-navy-mid)}
html[data-theme="light"] #ch-handle,html[data-theme="light"] #em-handle{box-shadow:none}
/* the dark filter banner on Contacts and Firms */
[data-theme="light"] .rk .rk-filterbar{background:var(--b-navy)}
/* the three quick actions on a contact or firm: email rose, meeting navy-mid, call oxblood (the hub already does this by token) */
[data-theme="light"] .rk .cc-acts3 .k-email{background:var(--b-rose); color:var(--b-navy)}
[data-theme="light"] .rk .cc-acts3 .k-meeting{background:var(--b-navy-mid); color:#fff}
[data-theme="light"] .rk .cc-acts3 .k-call{background:var(--b-oxblood); color:#fff}
[data-theme="light"] .rk .cc-acts3 .cx-act:hover{filter:none}
[data-theme="light"] :is(#view-comms .cx-act.k-email,.rk-home .hm-act .ic.k-email,:is(#view-comms,.ucal) .cx-btn.lpink,:is(#view-comms,.ucal) .cx-btn.k-email){color:var(--b-navy)}
[data-theme="light"] .rk-home .hm-act .ic{background:var(--b-navy)}
/* Delete: oxblood with an oxblood hairline; on the navy action bar it is rose-soft instead (oxblood disappears on navy) */
[data-theme="light"] .rk .e-btn.danger{color:var(--b-oxblood); border-color:rgba(110,42,34,.35); background:#fff}
[data-theme="light"] .rk .e-btn.danger:hover{background:var(--b-oxblood-tint); border-color:var(--b-oxblood)}
[data-theme="light"] .rk .cc-toolbar .e-btn.danger{color:var(--b-rose-soft); background:transparent; border-color:transparent}
[data-theme="light"] .rk .cc-toolbar .e-btn.danger:hover{background:rgba(227,191,190,.16); color:#fff}
/* the mandate banner's buttons sit on navy now */
[data-theme="light"] .rk .m-hero .m-hero-btn{background:rgba(19,27,45,.55)}
[data-theme="light"] .rk .m-hero .m-hero-btn:hover{background:rgba(19,27,45,.8)}
/* report figures and the ask box: no shadows */
[data-theme="light"] :is(#view-reports .ra-stat,.dg-figs > div,.rk-home .askbox){box-shadow:none}
/* the firm page's warning box was cream */
[data-theme="light"] .rk .fcc-warn{background:var(--b-oxblood-tint); border-color:rgba(110,42,34,.25); color:var(--b-oxblood)}
/* counters on the hub's active filter chip; the phone Filters button; the Basic/Detailed switch in Settings; the filter bar's active button */
[data-theme="light"] :is(#view-comms,.ucal) .chr-chip.on i{background:rgba(255,255,255,.22); color:#fff}
[data-theme="light"] .rk .mfs-bar .mfs-btn{background:var(--b-navy); border-color:var(--b-navy)}
html[data-theme="light"] .view-seg button[aria-pressed="true"]{background:var(--b-navy); color:#fff}
[data-theme="light"] .rk .rk-filterbar .fb-btn.active{background:var(--b-rose); border-color:var(--b-rose); color:var(--b-navy)}

/* ---------- 8. The phone masthead (the block at index.html ~2076 to ~2264): same two rows, brand type, nothing clipped ---------- */
@media (max-width:640px){
  [data-theme="light"] .rk-title b{font-size:clamp(20px,6vw,24px)}
  [data-theme="light"] .rk-masthead{padding:6px 0 4px}
  [data-theme="light"] .rk-status{padding:0 12px; letter-spacing:.02em; font-size:11.5px; height:34px}
  [data-theme="light"] .rk-viewtag{padding:0 10px; font-size:11px; letter-spacing:.02em; height:34px}
  [data-theme="light"] .rk-item>button{font-size:17px; padding:9px 0 9px}
  [data-theme="light"] .rk-menu{gap:22px; padding:0 2px}
  [data-theme="light"] :is(.rk-dd,.rk-newdd){box-shadow:var(--b-float)}
}

/* ---------- 9. More repaints found by the bench ---------- */
[data-theme="light"] .rk-home .hm-act .ic.k-voice{background:var(--b-navy)}
/* event kinds that are not one of the four meanings (task, trip, lunch, other) are neutral; the JavaScript writes their old mauve inline */
[data-theme="light"] :is(#view-comms,.ucal) .cx-pill.k-task,[data-theme="light"] [style*="background:#8A5566"]{background:var(--b-muted) !important}
[data-theme="light"] :is(#view-comms,.ucal) .cx-pill.k-trip,[data-theme="light"] [style*="background:#5C5257"]{background:var(--b-body) !important}
[data-theme="light"] :is(#view-comms,.ucal) .cx-pill.k-lunch,[data-theme="light"] :is(#view-comms,.ucal) .cx-pill.k-other,
[data-theme="light"] [style*="background:#8A8085"],[data-theme="light"] [style*="background:#A9A0A3"]{background:var(--b-field) !important}
/* Progress Reports: the digest banner and its notes */
[data-theme="light"] #view-reports .ra-digest .ic{color:var(--b-inverse)}
[data-theme="light"] #view-reports #ra-dg-sub{color:var(--b-rose-soft)}
[data-theme="light"] #view-reports .ra-hon{background:var(--b-rose-tint); border-color:var(--b-rule); color:var(--b-oxblood)}
[data-theme="light"] #view-reports .ra-hon.warn{background:var(--b-oxblood-tint); border-color:rgba(110,42,34,.25); color:var(--b-oxblood)}
[data-theme="light"] #view-reports .ra-hon.warn b{color:var(--b-oxblood)}

/* ---------- 10. The phone menu sheet (mobilenav.css): the same sheet, in brand type and colour ---------- */
@media (max-width:640px){
  #mnav-btn{border:1px solid var(--b-rule); background:#fff}
  #mnav-btn span,#mnav-btn span:before,#mnav-btn span:after{background:var(--b-navy)}
  #mnav-btn:focus-visible,#mnav-close:focus-visible{outline:2px solid var(--b-navy)}
  #mnav-btn .mnav-dot{background:var(--b-oxblood); border-color:#fff}
  html[data-theme="light"] #mnav-btn,html[data-theme="light"] #mnav-close{border-radius:0 !important}
  html[data-theme="light"] body.mnav-open #rk-nav .rk-menu{background:var(--b-paper)}
  html[data-theme="light"] body.mnav-open #rk-nav .rk-menu .rk-item > button{
    font:500 20px/1.2 var(--b-display); color:var(--b-muted); border-bottom:1px solid var(--b-rule);
  }
  html[data-theme="light"] body.mnav-open #rk-nav .rk-menu .rk-item > button.on{
    font-weight:500; color:var(--b-navy); box-shadow:inset 3px 0 0 0 var(--b-rose-deep); background:#fff;
  }
  html[data-theme="light"] body.mnav-open #rk-nav .rk-menu .rk-dd{border-left:2px solid var(--b-rule)}
  html[data-theme="light"] body.mnav-open #rk-nav .rk-menu .rk-dd button{font:400 15px/1.2 var(--b-sans)}
  #mnav-head{background:var(--b-paper); border-bottom:1px solid var(--b-rule)}
  #mnav-head b{font:500 10.5px/1 var(--b-sans); letter-spacing:.22em; color:var(--b-rose-deep)}
  #mnav-close{border:1px solid var(--b-rule); background:#fff; color:var(--b-navy)}
}

/* ---------- 11. Activities, Lists, Research, DDQ: the dark bands and the cream/amber notes ---------- */
/* activity icons were painted in blue, green and lilac with 15% fills; they take the four meanings (task is neutral) */
html[data-theme="light"] .act-icon.note{background:var(--b-note-tint); color:var(--b-note-ink)}
html[data-theme="light"] .act-icon.email{background:var(--b-rose-tint); color:var(--b-email-ink)}
html[data-theme="light"] .act-icon.call{background:var(--b-oxblood-tint); color:var(--b-oxblood)}
html[data-theme="light"] .act-icon.meeting{background:var(--b-meeting-tint); color:var(--b-navy-mid)}
html[data-theme="light"] .act-icon.task{background:var(--b-mist); color:var(--b-muted)}
/* dark bands in the Tools pages were aubergine-black literals */
html[data-theme="light"] :is(.ci-scope .ci-fbar,#view-research .tr-bar,#view-lists .lt-band,#view-lists table.lt th,#pta-strip,.rk .mfs-bar .mfs-view.active){background:var(--b-navy)}
html[data-theme="light"] #view-lists table.lt th{color:var(--b-rose-soft); border-bottom-color:rgba(236,231,223,.16)}
html[data-theme="light"] #view-lists .lt-band span{color:var(--b-rose-soft)}
html[data-theme="light"] #view-lists table.lt tr.top4 td{background:var(--b-navy-mid); color:var(--b-inverse); border-bottom-color:rgba(236,231,223,.16)}
html[data-theme="light"] #view-lists table.lt tr.top4 .sub,html[data-theme="light"] #view-lists table.lt tr.top4 .bar-l{color:var(--b-rose-soft)}
html[data-theme="light"] #view-lists .lt-go{color:var(--b-rose-soft)}
html[data-theme="light"] #view-research .tr-run{color:var(--b-navy)}
/* cream and amber notes become the oxblood-tint notice (urgent / needs-you) */
/* Target Research, Version A (19/10/2026): its chips, search field, tabs, segments and the ticked bar are pills, as the design system says. */
html[data-theme="light"] :is(#view-research .tr-chip,#view-research .tr-search,#view-research .tr-parts button,#view-research .tr-seg,#view-research .tr-selbar .in,#view-research .tr-selbar button,#view-research .tr-badge){border-radius:999px !important}
/* Target Research's cost line is plain text on paper now (Version A, 19/10/2026); only the DDQ warning keeps the tint. */
html[data-theme="light"] #view-ddq .ddq-warn{background:var(--b-oxblood-tint); color:var(--b-oxblood)}

/* No coloured side bars (brand book: no left-border cards; Ava's rule). The old look drew a 2-3px accent
   down the left of these boxes; the brand separates with hairlines, and urgency is the oxblood-tint ground. */
html[data-theme="light"] :is(.m-rc.needs,.rk .pull,.rk .strat-hero,.rk .cc-ai,#view-classify .cl-sugg,.rk-home .mtgq,
  #view-shots .sh-moved,#view-ddq .ddq-fact,#view-answer .ans-turn-q.now,.tl-n,.ra-card,
  .ci-scope .snap .f,.ci-scope .fitem,.ci-scope .wm-xsec .wm-xb,.ci-scope .ci-honest){border-left:1px solid var(--b-rule)!important}
html[data-theme="light"] :is(.m-rc.needs,.rk .pull){background:var(--b-oxblood-tint,#f4e6e3)!important}

/* ---------- 9. Stage S2 (14 Oct 2026): the masthead's one number, the portrait avatar, the Comms Hub strip ---------- */
/* the count: oxblood is the colour for "needs you"; the pill carries messages + emails together */
html[data-theme="light"] .cnt{display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 7px; border-radius:999px;
  background:var(--b-oxblood); color:#fff; font:500 11px/1 var(--b-sans); font-style:normal; flex:none; border-radius:999px !important}
html[data-theme="light"] .cnt[hidden]{display:none}
html[data-theme="light"] .rk-status .cnt{margin:0 -8px 0 0}
/* you are in the Comms Hub: the pill is filled */
html[data-theme="light"] .rk-status.on{background:var(--b-navy); color:#fff; border-color:var(--b-navy)}
html[data-theme="light"] .rk-status.on .cnt{background:#fff; color:var(--b-oxblood)}
/* the avatar: the studio portrait where there is one, the initials otherwise */
html[data-theme="light"] .rk-avatar{overflow:hidden; padding:0}
html[data-theme="light"] .rk-avatar img{width:100%; height:100%; object-fit:cover; object-position:50% 20%; display:block; border-radius:0}
/* the account menu's side-panel row has no place on a phone (the panel never showed there) */
@media (max-width:640px){ html[data-theme="light"] .rk-newdd button.rk-hide-narrow{display:none} }
/* the strip across the five Comms Hub pages */
.sk-secbar[hidden]{display:none!important}
html[data-theme="light"] .sk-secbar{max-width:1360px; margin:0 auto 20px; border-bottom:1px solid var(--b-rule)}
html[data-theme="light"] .sk-tabs{display:flex; flex-wrap:wrap; gap:4px 28px; align-items:flex-end}
html[data-theme="light"] .sk-tab{display:inline-flex; align-items:center; gap:8px; border:0; background:none; cursor:pointer; padding:10px 0 11px;
  margin-bottom:-1px; border-bottom:2px solid transparent; color:var(--b-muted); font:500 13px/1 var(--b-sans); letter-spacing:.06em; white-space:nowrap}
html[data-theme="light"] .sk-tab .cnt{height:18px; min-width:18px; padding:0 5px; font-size:10.5px}
html[data-theme="light"] .sk-tab.on{color:var(--b-navy); border-bottom-color:var(--b-rose-deep)}
@media (hover:hover){ html[data-theme="light"] .sk-tab:hover{color:var(--b-navy)} }
html[data-theme="light"] .sk-tabs.sub{border-top:1px solid var(--b-rule2)}
html[data-theme="light"] .sk-tabs.sub .sk-tab{font-size:12px; padding:8px 0 9px}
@media (max-width:640px){
  /* 44px fingers: the pill grows its target 5px each side without growing the masthead; the strip tabs are 44px rows */
  html[data-theme="light"] .rk-status{position:relative}
  html[data-theme="light"] .rk-status::after{content:""; position:absolute; inset:-5px -2px}
  html[data-theme="light"] .sk-secbar{margin:0 auto 14px}
  html[data-theme="light"] .sk-tabs{gap:0 22px; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none}
  html[data-theme="light"] .sk-tabs::-webkit-scrollbar{display:none}
  html[data-theme="light"] .sk-tab, html[data-theme="light"] .sk-tabs.sub .sk-tab{min-height:44px; padding:0}
}

/* 15 Oct 2026 (Ava): the Messages and Emails edge tabs are back, in the brand look — navy, square, Jost spaced capitals,
   the number as a small rose chip. On phones they stay hidden: they covered the page there, and the phone menu has both rows. */
html[data-theme="light"] :is(#ch-handle,#em-handle){background:var(--b-navy);border-radius:0;padding:16px 9px;gap:10px;font-family:var(--b-sans,Jost,'Century Gothic',sans-serif)}
html[data-theme="light"] :is(#ch-handle,#em-handle) .lbl{font-weight:500;font-size:10.5px;letter-spacing:.2em}
html[data-theme="light"] :is(#ch-handle,#em-handle) .n{background:var(--b-rose,#c07873);color:var(--b-navy);border-radius:999px;font-weight:500}
html[data-theme="light"] :is(#ch-handle,#em-handle):focus-visible{outline:2px solid var(--b-rose-soft,#e3bfbe);outline-offset:2px}
@media (max-width:640px){html[data-theme="light"] :is(#ch-handle,#em-handle){display:none!important}}
/* 15 Oct 2026 (Ava): both edge tabs the same shape, smaller — a fixed box; the number is a small chip on the corner,
   so a count never makes one tab bigger than the other. */
html[data-theme="light"] :is(#ch-handle,#em-handle){width:30px;height:104px;padding:0;box-sizing:border-box;justify-content:center;align-items:center;gap:0;overflow:visible}
html[data-theme="light"] :is(#ch-handle,#em-handle) .lbl{font-size:9.5px;letter-spacing:.18em;line-height:1}
html[data-theme="light"] :is(#ch-handle,#em-handle) .n{position:absolute;top:-7px;left:-9px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;line-height:1;border:2px solid var(--b-paper,#fbfaf8)}
html[data-theme="light"] :is(#ch-handle,#em-handle) .n[hidden]{display:none}
html[data-theme="light"] :is(#ch-handle,#em-handle) .n{border-radius:999px!important}