/* DRAFT (2026-10-25): "Attio + classic shell" (?tbl=attio-classic, js/aiq-attio-classic.js). The Attio draft builds
   sidebar pieces that the old shell already has elsewhere — they go: Ask AI (rail), the Alerts button by search (rail),
   the Tabs section (bottom tab bar), the plan foot, the "open sidebar" button. */
html.at-classic :is(.at-sb-quick, .at-sb-inbox, .at-tabs-sec, .at-sb-fixed, .at-sb-open) { display: none !important; }
html.at-classic #app-sidebar .sb-section-label > i.ph-caret-down { display: none !important; }

/* search at the top of the old sidebar, in the sidebar's own colours */
html.at-classic .at-sb-search { padding: 4px 12px 8px; }
html.at-classic body.sb-collapsed .at-sb-search { display: none; }

/* Help / full screen / theme / account sit in the header row, clear of the rail */
html.at-classic.aiq-shell:not(.is-popout) .at-top-tools { right: calc(var(--sh-rail, 48px) + 12px); }

/* the header row (page name) in the sidebar's navy, like the old top bar (user, 2026-10-25) */
html.at-classic.aiq-shell:is(:not(.is-popout), .is-tab) :is(.at-pagebar, #scx-head, .ins-top):not(#_) {
  background: var(--sh-bg) !important; border-bottom-color: var(--sh-line) !important; color: var(--sh-ink) !important; }
html.at-classic.aiq-shell:is(:not(.is-popout), .is-tab) :is(.at-pagebar, #scx-head, .ins-top):not(#_) :is(h1, .at-pb-name, .at-pb-crumb) { color: var(--sh-ink) !important; }
html.at-classic.aiq-shell:is(:not(.is-popout), .is-tab) .at-pagebar:not(#_) .at-pb-name:has(+ .at-pb-sep),
html.at-classic.aiq-shell:is(:not(.is-popout), .is-tab) .at-pagebar:not(#_) .at-pb-sep { color: var(--sh-dim) !important; }
html.at-classic .at-top-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn) { color: var(--sh-dim) !important; }
html.at-classic .at-top-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn):hover { background: rgba(255,255,255,.08) !important; color: var(--sh-ink) !important; }
/* the rail's account slot sat under the old top bar, which stays collapsed here: the account is in the top-right tools */
html.at-classic #aiq-acct { display: none !important; }
html.at-classic.aiq-shell[data-theme][class] .at-sb-search #nav-global-search:not(#_):not(#_) { background: rgba(255,255,255,.07) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.10) !important; }
html.at-classic.aiq-shell[data-theme][class] .at-sb-search:not(#_):not(#_) :is(#nav-search-input, #nav-global-search > svg, #nav-cmdk-key) { color: rgba(255,255,255,.72) !important; }
html.at-classic.aiq-shell[data-theme][class] .at-sb-search:not(#_):not(#_) #nav-search-input::placeholder { color: rgba(255,255,255,.72) !important; }
/* small switches inside the header row (Financials Nav / Original | Draft) on the navy */
html.at-classic.aiq-shell:is(:not(.is-popout), .is-tab) .at-pagebar:not(#_) :is(button, .at-nav-l) { color: var(--sh-dim) !important; background: transparent !important; box-shadow: none !important; }
html.at-classic.aiq-shell:is(:not(.is-popout), .is-tab) .at-pagebar:not(#_) button:hover { color: var(--sh-ink) !important; }
html.at-classic.aiq-shell:is(:not(.is-popout), .is-tab) .at-pagebar:not(#_) button.on { background: rgba(255,255,255,.10) !important; color: var(--sh-ink) !important; }
/* the panel's top corners curve under the navy header row, like the bottom ones above the tab bar (user, 2026-10-25).
   The Attio sheet hides the corner masks; the classic script drops that rule, so they're back — moved down to the
   header's bottom edge (49px: 48px row + 1px rule; the header row is sticky, so it never scrolls out from above them). */
html.at-classic.aiq-shell:not(.is-popout) #aiq-corners :is(.tl, .tr, .frame) { top: 49px !important; }
html.at-classic.aiq-shell:is(:not(.is-popout), .is-tab) :is(.at-pagebar, #scx-head, .ins-top):not(#_) { border-bottom-color: var(--sh-bg) !important; }

/* "New + bottom tabs" (?tbl=attio-full-bt): the open tabs live in the bottom bar again, not in the sidebar */
html.at-btabs .at-tabs-sec { display: none !important; }
/* room for the top-right cluster (Help / full screen / theme / account, ~120px) in the header row, so the page's own
   buttons (Ask AI, Report…) sit left of it. A tab's page is an iframe and can't see the parent's cluster. Admin View as
   lives in the account menu (2026-10-25) except when viewing as Signed out, where it joins the cluster (~370px). */
html.at-shell:is(:not(.is-popout), .is-tab) .at-pagebar { padding-right: 140px !important; }
html.at-shell.va-top:is(:not(.is-popout), .is-tab) .at-pagebar { padding-right: 384px !important; }
/* the bar keeps classic's 34px; the sidebar's fixed foot (Pro plan / Upgrade row) shrinks to the same 34px so the two
   line up (user 2026-10-25: "same size as classic and then shrink the pro plan section") */
html.at-btabs.aiq-shell[data-theme][class] #aiq-tabbar:not(#_) { box-shadow: inset 0 1px 0 var(--a-line) !important; }
html.at-btabs.aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab { border-top: 1px solid transparent !important; }
html.at-btabs .at-sb-fixed:not(#_) .at-sb-fixed-r { height: 34px; box-sizing: border-box; padding: 0 8px; display: flex; align-items: center; border-top: 1px solid var(--a-line); }
html.at-btabs .at-sb-fixed:not(#_) .at-plan-row { height: 26px; min-height: 0; flex: 1 1 auto; padding-top: 0; padding-bottom: 0; }
html.at-btabs .at-sb-fixed:not(#_) .at-plan-btn { height: 22px; line-height: 20px; }
/* the open tab in the buttons' blue (Attio primary, as .at-btn.at-pri) */
html.at-btabs.aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab.is-on { background: #266DF0 !important; color: #FFFFFF !important; }
html.at-btabs.aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab.is-on * { color: #FFFFFF !important; }
html.at-btabs.aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab.is-on .aiq-tab-x:hover { background: rgba(255,255,255,.18) !important; }

/* ══ Colour schemes for "Bottom tabs" (js/aiq-attio-classic.js sets html[data-cs]; user 2026-10-25). Each scheme sets
   a few --cs-* colours; the rules after them hand those to the Attio sheet's own variables, scoped to the sidebar, the
   and the tab bar, so every rule that reads --a-side / --sh-ink / --a-bg there recolours.
   Neutral = the New look as it is. The page itself keeps Attio's surface in every scheme. ══ */
/* soft tints only (user, 2026-10-25: Navy / Ink "harsh" → removed; "subtle like the green"). Each: a pale sidebar +
   tab bar tint, text in a deep shade of the same hue, a muted accent; dark = a faint tint of the same hue. */
html.at-btabs[data-cs="mint"] { --cs-side:#EDF8F4; --cs-ink:#101112; --cs-dim:rgba(0,0,0,.55); --cs-hover:rgba(13,138,102,.06); --cs-on:rgba(13,138,102,.12); --cs-line:color-mix(in srgb, #EDF8F4 88%, #12372C); --cs-field:#FFFFFF; --cs-accent:#0D8A66; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="mint"][data-theme="dark"] { --cs-side:#0F1A17; --cs-ink:#DDF3EB; --cs-dim:color-mix(in srgb, #DDF3EB 58%, transparent); --cs-hover:rgba(67,209,167,.07); --cs-on:rgba(67,209,167,.14); --cs-line:color-mix(in srgb, #0F1A17 85%, #DDF3EB); --cs-field:rgba(255,255,255,.05); --cs-accent:#43D1A7; --cs-accent-ink:#0F1115; }
html.at-btabs[data-cs="sage"] { --cs-side:#F1F4EF; --cs-ink:#101112; --cs-dim:rgba(0,0,0,.55); --cs-hover:rgba(79,107,74,.06); --cs-on:rgba(79,107,74,.12); --cs-line:color-mix(in srgb, #F1F4EF 88%, #26331F); --cs-field:#FFFFFF; --cs-accent:#4F6B4A; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="sage"][data-theme="dark"] { --cs-side:#141813; --cs-ink:#E2E9DE; --cs-dim:color-mix(in srgb, #E2E9DE 58%, transparent); --cs-hover:rgba(160,190,150,.07); --cs-on:rgba(160,190,150,.14); --cs-line:color-mix(in srgb, #141813 85%, #E2E9DE); --cs-field:rgba(255,255,255,.05); --cs-accent:#8DAA84; --cs-accent-ink:#0F1115; }
html.at-btabs[data-cs="sky"] { --cs-side:#EEF5FB; --cs-ink:#101112; --cs-dim:rgba(0,0,0,.55); --cs-hover:rgba(43,120,194,.06); --cs-on:rgba(43,120,194,.12); --cs-line:color-mix(in srgb, #EEF5FB 88%, #163049); --cs-field:#FFFFFF; --cs-accent:#2B78C2; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="sky"][data-theme="dark"] { --cs-side:#111820; --cs-ink:#DCEAF6; --cs-dim:color-mix(in srgb, #DCEAF6 58%, transparent); --cs-hover:rgba(110,170,230,.07); --cs-on:rgba(110,170,230,.14); --cs-line:color-mix(in srgb, #111820 85%, #DCEAF6); --cs-field:rgba(255,255,255,.05); --cs-accent:#5A9FE0; --cs-accent-ink:#0F1115; }
html.at-btabs[data-cs="indigo"] { --cs-side:#F0F2FD; --cs-ink:#101112; --cs-dim:rgba(0,0,0,.55); --cs-hover:rgba(69,93,220,.06); --cs-on:rgba(69,93,220,.12); --cs-line:color-mix(in srgb, #F0F2FD 88%, #1E2554); --cs-field:#FFFFFF; --cs-accent:#455DDC; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="indigo"][data-theme="dark"] { --cs-side:#15182A; --cs-ink:#E4E7FB; --cs-dim:color-mix(in srgb, #E4E7FB 58%, transparent); --cs-hover:rgba(111,131,234,.07); --cs-on:rgba(111,131,234,.14); --cs-line:color-mix(in srgb, #15182A 85%, #E4E7FB); --cs-field:rgba(255,255,255,.05); --cs-accent:#6F83EA; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="lavender"] { --cs-side:#F4F1FB; --cs-ink:#101112; --cs-dim:rgba(0,0,0,.55); --cs-hover:rgba(122,85,214,.06); --cs-on:rgba(122,85,214,.12); --cs-line:color-mix(in srgb, #F4F1FB 88%, #2E2350); --cs-field:#FFFFFF; --cs-accent:#7A55D6; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="lavender"][data-theme="dark"] { --cs-side:#17141F; --cs-ink:#EAE4F8; --cs-dim:color-mix(in srgb, #EAE4F8 58%, transparent); --cs-hover:rgba(160,130,240,.07); --cs-on:rgba(160,130,240,.14); --cs-line:color-mix(in srgb, #17141F 85%, #EAE4F8); --cs-field:rgba(255,255,255,.05); --cs-accent:#9B7FEA; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="sand"] { --cs-side:#F7F4EE; --cs-ink:#101112; --cs-dim:rgba(0,0,0,.55); --cs-hover:rgba(160,99,58,.06); --cs-on:rgba(160,99,58,.12); --cs-line:color-mix(in srgb, #F7F4EE 88%, #3A2C1E); --cs-field:#FFFFFF; --cs-accent:#A0633A; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="sand"][data-theme="dark"] { --cs-side:#1A1714; --cs-ink:#F1E9DE; --cs-dim:color-mix(in srgb, #F1E9DE 58%, transparent); --cs-hover:rgba(210,160,110,.07); --cs-on:rgba(210,160,110,.14); --cs-line:color-mix(in srgb, #1A1714 85%, #F1E9DE); --cs-field:rgba(255,255,255,.05); --cs-accent:#C98B5C; --cs-accent-ink:#0F1115; }
html.at-btabs[data-cs="rose"] { --cs-side:#FBF2F4; --cs-ink:#101112; --cs-dim:rgba(0,0,0,.55); --cs-hover:rgba(184,71,95,.06); --cs-on:rgba(184,71,95,.12); --cs-line:color-mix(in srgb, #FBF2F4 88%, #47202B); --cs-field:#FFFFFF; --cs-accent:#B8475F; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="rose"][data-theme="dark"] { --cs-side:#1C1416; --cs-ink:#F6E3E8; --cs-dim:color-mix(in srgb, #F6E3E8 58%, transparent); --cs-hover:rgba(235,130,155,.07); --cs-on:rgba(235,130,155,.14); --cs-line:color-mix(in srgb, #1C1416 85%, #F6E3E8); --cs-field:rgba(255,255,255,.05); --cs-accent:#E07C94; --cs-accent-ink:#0F1115; }
html.at-btabs[data-cs="slate"] { --cs-side:#F0F2F5; --cs-ink:#101112; --cs-dim:rgba(0,0,0,.55); --cs-hover:rgba(61,71,96,.06); --cs-on:rgba(61,71,96,.12); --cs-line:color-mix(in srgb, #F0F2F5 88%, #1D2433); --cs-field:#FFFFFF; --cs-accent:#3D4760; --cs-accent-ink:#FFFFFF; }
html.at-btabs[data-cs="slate"][data-theme="dark"] { --cs-side:#16181D; --cs-ink:#E6E9EF; --cs-dim:color-mix(in srgb, #E6E9EF 58%, transparent); --cs-hover:rgba(160,170,195,.07); --cs-on:rgba(160,170,195,.14); --cs-line:color-mix(in srgb, #16181D 85%, #E6E9EF); --cs-field:rgba(255,255,255,.05); --cs-accent:#8D9AB8; --cs-accent-ink:#0F1115; }

/* sidebar + tab bar take the scheme; the header row stays the page colour */
html.at-btabs[data-cs]:not([data-cs="neutral"]) :is(#app-sidebar, #aiq-tabbar) {
  --a-side: var(--cs-side); --a-side-hover: var(--cs-hover); --a-side-on: var(--cs-on); --a-bg: var(--cs-field);
  --a-ink: var(--cs-ink); --a-mute: var(--cs-dim); --a-label: var(--cs-dim); --a-line: var(--cs-line); --a-hover: var(--cs-hover);
  --a-fill: var(--cs-hover); --sh-ink: var(--cs-ink); --sh-dim: var(--cs-dim); --sh-hi: var(--cs-ink); --sh-line: var(--cs-line);
  --sh-field-line: var(--cs-line); --sh-active: var(--cs-on); }
html.at-btabs[data-cs]:not([data-cs="neutral"]).aiq-shell[data-theme][class] #app-sidebar:not(#_) { background: var(--cs-side) !important; border-right-color: var(--cs-line) !important; }
html.at-btabs[data-cs]:not([data-cs="neutral"]) #app-sidebar .sb-logo-wordmark :first-child:not(#_) { color: var(--cs-ink) !important; }
html.at-btabs[data-cs]:not([data-cs="neutral"]) #app-sidebar .at-sb-fixed:not(#_) { background: var(--cs-side); }
html.at-btabs[data-cs]:not([data-cs="neutral"]).aiq-shell[data-theme][class] #aiq-tabbar:not(#_) { background: var(--cs-side) !important; box-shadow: inset 0 1px 0 var(--cs-line) !important; }
html.at-btabs[data-cs]:not([data-cs="neutral"]).aiq-shell[data-theme][class] #aiq-tabbar:not(#_) :is(.aiq-tab, .aiq-tab *, button) { color: var(--cs-dim) !important; }
/* the open tab and the primary buttons stay the New look's blue in every scheme (user, 2026-10-25: "the buttons were
   best as blue how they were before"); the --cs-accent colours above are kept for trying again */
html.at-btabs[data-cs]:not([data-cs="neutral"]).aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab.is-on,
html.at-btabs[data-cs]:not([data-cs="neutral"]).aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab.is-on :is(*, i, span) { color: #FFFFFF !important; }
/* …except Mint, which keeps its own green (user, 2026-10-25: "the original mint is the best") */
html.at-btabs[data-cs="mint"].aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab.is-on { background: var(--cs-accent) !important; }
html.at-btabs[data-cs="mint"].aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab.is-on,
html.at-btabs[data-cs="mint"].aiq-shell[data-theme][class] #aiq-tabbar:not(#_) .aiq-tab.is-on :is(*, i, span) { color: var(--cs-accent-ink) !important; }
html.at-btabs[data-cs="mint"] .at-btn.at-pri:not(#_):not(#_) { background: var(--cs-accent) !important; color: var(--cs-accent-ink) !important; }
html.at-btabs[data-cs="mint"] .at-btn.at-pri:not(#_):not(#_) :is(i, svg) { color: var(--cs-accent-ink) !important; }
/* …but the top-right + on the My pages stays blue in every scheme (user, 2026-10-31): My stocks, My screens, My reports
   and the Superinvestors "Add investors" under the list (My dashboards' .ws-ix-new and My models' .mw-btn.pri never take the accent) */
html.at-btabs[data-cs="mint"] :is(#msa-new, #msa-new2, #scx-new, .at-btn.at-pri[data-new], .ra-btn.pri.at-pri, .at-btn.at-pri.si-home-add2, .at-btn.at-pri.mkad-gear):not(#_):not(#_):not(#_) { background: #455DDC !important; color: #FFFFFF !important; }
html.at-btabs[data-cs="mint"] :is(#msa-new, #msa-new2, #scx-new, .at-btn.at-pri[data-new], .ra-btn.pri.at-pri, .at-btn.at-pri.si-home-add2, .at-btn.at-pri.mkad-gear):not(#_):not(#_):not(#_):hover { background: #3A50C4 !important; }
html.at-btabs[data-cs="mint"] :is(#msa-new, #msa-new2, #scx-new, .at-btn.at-pri[data-new], .ra-btn.pri.at-pri, .at-btn.at-pri.si-home-add2, .at-btn.at-pri.mkad-gear):not(#_):not(#_):not(#_) :is(i, svg) { color: #FFFFFF !important; }
/* …and so does the + New under a short list (the "more" block) on every page (user, 2026-10-31: "should always be blue"; Financial charts missed it) */
html.at-btabs[data-cs="mint"] .aiq-more-cta .aiq-more-b.pri:not(#_):not(#_) { background: #455DDC !important; color: #FFFFFF !important; }
html.at-btabs[data-cs="mint"] .aiq-more-cta .aiq-more-b.pri:not(#_):not(#_):hover { background: #3A50C4 !important; }

/* ══ Dark theme for "Bottom tabs" (html[data-csd="house-soft"], set by js/aiq-attio-classic.js; user 2026-10-25). Each sets the page
   surface (Attio's --a-* tokens) and Mint's dark sidebar / tab-bar tint; the green accent stays. "night" = as it was. ══ */
/* Our own dark: the old layout's navy shell (_shell.html dark: sidebar #0F1320, page #1C1F25) two steps lighter —
   picked over the exact original and a middle step ("#3", 2026-10-25). The sidebar + tab bar are a navy step darker than the page, so the two belong
   together; buttons and the open tab go brand blue #455DDC in dark (user: "the buttons should maybe be a blue"). */
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] {
  --a-bg:#252933; --a-line:#313644; --a-ring:#3B4150; --a-hover:#2B303A; --a-sorted:color-mix(in srgb, #455DDC 7%, #252933); --a-fill:rgba(255,255,255,.04);
  --a-ink:#E8ECF3; --a-mute:rgba(232,236,243,.60); --sh-bed:#252933; --sh-tile:#2C313B; --sh-line:#313644;
  --cs-side:#1C2130; --cs-line:#313644; --cs-ink:rgba(232,236,243,.86); --cs-dim:rgba(232,236,243,.50); --cs-hover:rgba(255,255,255,.05); --cs-on:#2B3244;
  --cs-field:#252933; --cs-accent:#455DDC; --cs-accent-ink:#FFFFFF; }
/* pop-ups (menus, dropdowns, dialogs, ⌘K) a navy step lighter than the page, not the Attio sheet's near-black #18191B
   (user: "dropdown color isn't good"); a row hover inside them is a light wash so it still shows on that surface */
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] { --at-pop-bg:#2C313B; --at-pop-ring:rgba(255,255,255,.07);
  --at-pop-sh:0 0 0 1px rgba(255,255,255,.07), 0 4px 8px -4px rgba(0,0,0,.35), 0 8px 24px -4px rgba(0,0,0,.40); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] :is(.aiq-menu, .aiq-dlg, .cmdk, [role="menu"], [role="listbox"], .aiq-pop) { --a-hover:rgba(255,255,255,.06); }
/* the sidebar's search field + Alerts button on the soft navy: a light wash with a hairline ring, no drop shadow
   (the Attio sheet's dark shadow + page-colour fill looked muddy on the sidebar; user: "search bar doesn't look good") */
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-sb-search #nav-global-search:not(#_):not(#_),
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-sb-inbox:not(#_):not(#_) {
  background: rgba(255,255,255,.05) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important; }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-sb-search #nav-global-search:not(#_):not(#_):hover,
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-sb-inbox:not(#_):not(#_):hover { background: rgba(255,255,255,.08) !important; }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-sb-search:not(#_) :is(#nav-global-search > svg, .at-sb-inbox i) { color: var(--cs-dim) !important; }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-sb-search:not(#_) #nav-search-input::placeholder { color: var(--cs-dim) !important; }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-sb-search:not(#_) #nav-cmdk-key > span {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10) !important; color: rgba(232,236,243,.45) !important; background: none !important; }
/* page buttons (All screens, Sorted by, Filter…) on the soft navy: a light hairline ring, no near-black ring or drop
   shadow (the Attio sheet's dark --a-btn #222326 + shadow looked muddy here; user: "button color … doesn't look great") */
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] {
  --a-btn: inset 0 0 0 1px rgba(255,255,255,.09); --a-btn-shadow: 0 0 0 transparent; --a-ring: rgba(255,255,255,.09); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] main :is(.at-btn, .scx-hbtn, .scx-btn, .scx-dd, .ins-hbtn, .ins-fbtn, .ins-dd, .ins-search):not(.at-pri):not(#_) {
  background: rgba(255,255,255,.035) !important; }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] main :is(.at-btn, .scx-hbtn, .scx-btn, .scx-dd, .ins-hbtn, .ins-fbtn, .ins-dd):not(.at-pri):not(#_):hover {
  background: rgba(255,255,255,.07) !important; }
/* tinted icon squares + tag pills (.at-t-<tone>: Screener list icons, criteria tags…) muted for the soft navy — pale,
   lower-saturation inks on a faint wash instead of the saturated violet / blue (user: "neon icons colour doesn't work") */
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] {
  --at-tone-a: .13; }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-violet:not(#_) { --tn:#B9A6E6; --tb:rgba(185,166,230,var(--at-tone-a)); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-blue:not(#_)   { --tn:#A3B3EE; --tb:rgba(163,179,238,var(--at-tone-a)); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-amber:not(#_)  { --tn:#E1C08A; --tb:rgba(225,192,138,var(--at-tone-a)); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-green:not(#_)  { --tn:#93D4BE; --tb:rgba(147,212,190,var(--at-tone-a)); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-teal:not(#_)   { --tn:#8FCBD4; --tb:rgba(143,203,212,var(--at-tone-a)); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-rose:not(#_)   { --tn:#E3A3B1; --tb:rgba(227,163,177,var(--at-tone-a)); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-orange:not(#_) { --tn:#E3B08C; --tb:rgba(227,176,140,var(--at-tone-a)); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-slate:not(#_)  { --tn:#B3BCCD; --tb:rgba(179,188,205,var(--at-tone-a)); }
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] .at-t-grey:not(#_)   { --tn:rgba(232,236,243,.65); --tb:rgba(255,255,255,.06); }
/* the fixed backdrop behind the panel (inline #1F1F1F in base.html) */
html.at-btabs.aiq-shell[data-theme="dark"][data-csd="house-soft"] #app-bg:not(#_) { background: #252933 !important; }