/* Indexo look v4 (Nov 5, 2026): slate greys + Indexo orange in dark, soft greys in light.
   Minimal: square panels and tiles that touch (1px lines between them, no gaps), pill-shaped buttons and chips only.
   Plus Jakarta Sans. Sits ON TOP of scanner.css / project.css and changes nothing else.
   UNDO: delete this file's <link id="look-v4"> line (+ the small script after it) in index.html, project.html, work.html.
   Compare without deleting: open any page with ?look=old (remembered), back with ?look=new.
   Full backup of the site before this: G:\My Drive\claudeai\indexo_backups\2026-11-05_before_new_look */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");

:root {
  --v4-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --v4-orange: #FFAB00;
}

/* =====================================================================
   PROJECT + WORK PAGES (project.css tokens), also the base tokens of every other page.
   Dark is the default (like the map); styles.css pages say data-theme="dark"|"light".
   ===================================================================== */
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #2A2E37; --surface: #323844; --surface-2: #39404C; --line: rgba(255,255,255,.09); --line-2: rgba(255,255,255,.15);
  --ink: #F2F4F7; --ink-2: #C9CFD8; --muted: #8F98A7;
  --amber: #FFAB00; --amber-ink: #FFC24D; --amber-soft: rgba(255,171,0,.14);
  --l1: #FFAB00; --l2: #8FB1F0; --l3: #6FD0A6; --good: #6FD0A6; --conf: #FFC24D;
  --f-d: var(--v4-font); --f-b: var(--v4-font);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #E8E9EB; --surface: #F6F6F7; --surface-2: #EFF0F2; --line: rgba(20,22,26,.09); --line-2: rgba(20,22,26,.15);
  --ink: #18191C; --ink-2: #3D4047; --muted: #7B7F87;
  --amber: #E58A00; --amber-ink: #B86A00; --amber-soft: rgba(229,138,0,.12);
  --l1: #E58A00; --l2: #3E6AD8; --l3: #12946A; --good: #12946A; --conf: #B86A00;
}
/* page background: lighter on the left, darker on the right (like the reference dashboard) */
:root {
  --v4-bg-dark: linear-gradient(100deg, #424856 0%, #343944 38%, #2A2E36 68%, #22252B 100%);
  --v4-bg-light: linear-gradient(100deg, #F6F6F8 0%, #ECEDEF 45%, #E0E1E4 100%);
}
body.pj, :root:not([data-theme="light"]) body:not(.pj):not(.light-mode) { font-family: var(--v4-font); background: var(--v4-bg-dark) fixed; }
:root[data-theme="light"] body { background: var(--v4-bg-light) fixed; }

/* no rounded rectangles anywhere: panels, tiles, cards, photos, inputs */
.pj-top, .pj-hero-photo, .pj-photo-m, .wk-thumbs button, .pj-facts, .pj-facts div, .ax-body, .ax-unit, .ax-co, .ax-pick select, .ax-step,
.pj-stage-wrap, .pj-layerbtn, .pj-chainbtn, .pj-col, .pj-card, .pj-search, .pj-note, .pj-cta, .pj-detail,
.wk-card, .wk-docs a, .wk-orow a, .pj-pdfs a, .wk-docs i, .pj-pdfs i, .ax-fl i { border-radius: 0 !important; }

/* small labels: tracked sans instead of the typewriter mono */
.pj-eyebrow, .pj-facts span, .ax-lhead .t, .ax-uk, .ax-trade > span, .wk-orow small, .pj-ringlabel, .ax-unit .n {
  font-family: var(--v4-font) !important; font-weight: 600 !important; letter-spacing: .12em;
}

/* top bar: flat, full width, one line under it */
.pj-top { background: rgba(42,46,55,.88); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
:root[data-theme="light"] .pj-top { background: rgba(246,246,247,.9); }
.pj-mark { font-weight: 800; letter-spacing: .02em; }
.pj-back { padding: 0 14px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); }
.pj-theme { border-radius: 999px; background: var(--surface); }

/* hero */
.pj-hero h1 { font-weight: 600; letter-spacing: -.04em; }
.pj-hero h1 span { font-weight: 400; color: var(--amber); }
.pj-hero-photo, .pj-photo-m { border-color: var(--line); }

/* buttons + chips: the only round shapes */
.pj-btn { border-radius: 999px; min-height: 44px; padding: 0 20px; background: var(--surface); border-color: var(--line-2); font-weight: 600; }
.pj-btn.primary { background: var(--v4-orange); border-color: var(--v4-orange); color: #17181B; }
:root[data-theme="light"] .pj-btn { background: #fff; border-color: var(--line); }
:root[data-theme="light"] .pj-btn.primary { background: #1D1E21; border-color: #1D1E21; color: #fff; }
.pj-btn.sm { border-radius: 999px; }

/* a grid of touching tiles: the gap is 1px and shows the line colour behind */
.pj-facts { gap: 1px; background: var(--line); border: 1px solid var(--line); }
.pj-facts div, .pj-facts div:first-child, .pj-facts div:nth-child(2n+1) { padding: 20px 22px 22px; border: 0; background: var(--surface); }
.pj-facts b { font-weight: 300; }
.pj-facts div:first-child b { color: var(--amber); }
@media (max-width: 640px) {
  .pj-facts div, .pj-facts div:first-child, .pj-facts div:nth-child(2n+1) { padding: 14px 14px 16px; border: 0; }
}

/* floor-by-floor block: one panel, units and companies stacked edge to edge */
.ax-chip { min-height: 38px; padding: 0 16px; background: var(--surface); border-color: var(--line); font-weight: 600; }
.ax-chip[aria-pressed="true"] { background: var(--v4-orange); border-color: var(--v4-orange); color: #17181B; }
:root[data-theme="light"] .ax-chip { background: #fff; }
:root[data-theme="light"] .ax-chip[aria-pressed="true"] { background: #1D1E21; border-color: #1D1E21; color: #fff; }
.ax-body { border-color: var(--line); }
.ax-unit { margin: 0; border: 0; border-bottom: 1px solid var(--line); background: var(--surface-2); }
.ax-unit + .ax-unit { border-top: 0; }
.ax-co { margin: 0; border-bottom: 1px solid var(--line); }
.ax-trade { padding: 0; }
.ax-grp { margin: 0; padding: 16px 20px 0; }
.ax-grp .ax-co { margin: 0; background: var(--surface-2); border: 1px solid var(--line); border-left: 2px solid var(--c); }
.ax-grp .ax-co + .ax-co { border-top: 0; }
.ax-whole { margin: 0; padding: 4px 20px 20px; }
.ax-list > .ax-grp:last-child { padding-bottom: 20px; }
@media (max-width: 900px) { .ax-grp, .ax-whole { padding-left: 12px; padding-right: 12px; } .ax-unit { margin: 0; } }

/* orbit + team board: three touching columns, cards as rows */
.pj-stage-wrap { border-color: var(--line); background: radial-gradient(ellipse at center, #3A414E 0%, var(--surface) 70%); }
:root[data-theme="light"] .pj-stage-wrap { background: radial-gradient(ellipse at center, #FFFFFF 0%, var(--surface) 75%); }
.pj-layerbtn + .pj-layerbtn { margin-top: -11px; }
.pj-board { gap: 1px; background: var(--line); border: 1px solid var(--line); }
.pj-board { align-items: stretch; }
.pj-col { border: 0; background: var(--surface); }
.pj-card .fl { font-family: var(--v4-font); font-weight: 500; }
.pj-col > header { border-top: 0; box-shadow: inset 0 3px 0 var(--c); }
.pj-card { margin: 0; border: 0; border-bottom: 1px solid var(--line); background: var(--surface); }
.pj-card.flash { border-color: var(--line); }
.pj-col .more { border-radius: 999px; }
.pj-card button { border-color: color-mix(in srgb, var(--amber) 55%, transparent); }
.pj-cta { border-style: solid; border-color: var(--line); background: var(--surface); }
.pj-detail:empty { display: none; }
.pj-st { font-weight: 600; }
@media (max-width: 900px) { .pj-board { gap: 1px; } }

/* work.html: side cards, documents and "also on" as touching rows */
.wk-thumbs { gap: 1px; }
.wk-side { gap: 0; }
.wk-card { border-color: var(--line); }
.wk-card + .wk-card { border-top: 0; }
.wk-docs { gap: 0; }
.wk-docs a { border-color: var(--line); }
.wk-docs a + a { border-top: 0; }
.wk-orow { gap: 0; }
.wk-orow a { border-color: var(--line); }
.wk-orow a + a { border-left: 0; }
.pj-pdfs { gap: 0; }
.pj-pdfs a + a { border-left: 0; }
.wk-scope { font-weight: 400; }
.pj-foot { border-top-color: var(--line); }

/* =====================================================================
   MAP / LANDING PAGE (scanner.css tokens)
   ===================================================================== */
:root {
  --tb-bg: rgba(44,48,57,.9); --tb-ink: #D4D9E1; --tb-ink-strong: #FFFFFF; --tb-muted: #8F98A7;
  --tb-line: rgba(255,255,255,.09); --tb-hover: rgba(255,255,255,.07); --tb-field: #3A404C; --tb-accent: #FFAB00;
  --tb-menu: #323844; --tb-shadow: 0 14px 40px rgba(0,0,0,.3);
  --cd-bg: #2C3039; --cd-surface: #343A46; --cd-ink: #F2F4F7; --cd-muted: #949DAC; --cd-line: rgba(255,255,255,.09);
  --panel-bg: rgba(46,51,61,.94);
}
body.light-mode {
  --tb-bg: rgba(246,246,247,.92); --tb-ink: #3D4047; --tb-ink-strong: #17181B; --tb-muted: #7B7F87;
  --tb-line: rgba(20,22,26,.09); --tb-hover: rgba(20,22,26,.05); --tb-field: #ECEDEF; --tb-accent: #D97F00;
  --tb-menu: #F6F6F7; --tb-shadow: 0 14px 40px rgba(20,22,26,.1);
  --cd-bg: #ECEDEF; --cd-surface: #F8F8F9; --cd-ink: #17181B; --cd-muted: #757A83; --cd-line: rgba(20,22,26,.09); --cd-accent: #D97F00;
  --panel-bg: rgba(246,246,247,.94);
}
body { font-family: var(--v4-font); }

/* no rounded rectangles on the map page either */
.cad-tool, .autocad-bar, .autocad-suggestions, #cadHistory, .cad-context-menu, .cad-suggestion-item, .cad-context-item, .cad-slash-hint,
.intro-panel, .intro-panel.min, .smart-panel, .intro-stats, .intro-stats div, .sp-item, .intro-search, .intro-city,
.project-card-cinematic, .bottom-carousel-container > div:first-child > div,
.credits-drawer, .cd-facts, .cd-facts div, .cd-note, .cd-credit, .cd-layerhead, .cd-open, .cd-search, .cd-cta, .cd-ph,
.leaflet-popup-content-wrapper, #tourBanner, .spot-panel, .spot-open, .spot-act, .spot-save input, .near-toast { border-radius: 0 !important; }

/* dark map: lift the near-black base towards the slate of the UI */
body:not(.light-mode) #map .leaflet-gl-layer { filter: brightness(1.32) saturate(1.15) contrast(.92); }
body:not(.light-mode) #map { background: #2A2E37; }
/* light map: neutral cool grey instead of beige */
body.light-mode #map .leaflet-tile-pane { filter: saturate(.5) brightness(1.03); }
.cd-loc { color: var(--cd-muted); }
.intro-eyebrow { letter-spacing: .04em !important; }

/* top bar and building panel follow the same left-to-right shading */
body:not(.light-mode) .cad-toolbar { background: linear-gradient(100deg, rgba(66,72,86,.94) 0%, rgba(42,46,54,.94) 60%, rgba(34,37,43,.94) 100%) !important; }
body.light-mode .cad-toolbar { background: linear-gradient(100deg, rgba(248,248,250,.94), rgba(226,227,230,.94)) !important; }
body:not(.light-mode) .credits-drawer { background: linear-gradient(100deg, #383D48 0%, #2C3039 55%, #24272E 100%); }
body:not(.light-mode) .cd-teamhead { background: rgba(44,48,57,.86); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
/* top bar */
.cad-toolbar { backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; }
.cad-tool.active, .cad-tool.active-tool { background: rgba(255,171,0,.16) !important; }
.tool-label, .cad-tool::after { font-family: var(--v4-font) !important; }
.cad-supplier-link { font-family: var(--v4-font); border-radius: 999px; background: var(--tb-field); border-color: transparent; letter-spacing: .02em !important; }
body.light-mode .cad-supplier-link { background: #1D1E21; color: #fff !important; }

/* Ask bar */
.autocad-bar { padding: 0 12px 0 14px !important; }
.autocad-prompt { font-family: var(--v4-font) !important; font-weight: 800; color: #17181B !important; background: var(--v4-orange); border-radius: 999px; padding: 4px 9px; font-size: 10.5px !important; }
.autocad-input { font-family: var(--v4-font) !important; font-size: 14.5px !important; font-weight: 500; }
.cad-slash-hint { font-family: var(--v4-font); }
.cad-suggestion-item, #cadHistory { font-family: var(--v4-font) !important; }

/* panels on the map */
.intro-panel, .smart-panel { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); font-family: var(--v4-font); }
.intro-title, .intro-stats b, .cd-title, .cd-teamhead h3, .spot-panel h2 { font-family: var(--v4-font) !important; letter-spacing: -.02em; }
.intro-title { font-weight: 700; }
.intro-stats { gap: 1px; background: var(--tb-line); border: 1px solid var(--tb-line); }
.intro-stats div { border: 0; background: var(--tb-field); }
.intro-stats b { font-weight: 300; font-size: 24px; }
.intro-eyebrow, .intro-stats span, .intro-city, .sp-k, .cd-eyebrow, .cd-facts span, .vc-code, .vc-credits, .pop-meta { font-family: var(--v4-font) !important; font-weight: 600; }
.intro-search, .sp-chip { font-family: var(--v4-font); }
.sp-list { gap: 0; }
.sp-item + .sp-item { border-top: 0; }

/* bottom: Featured / In view, round buttons, cards touching in one strip */
.bottom-carousel-container > div:first-child > div { padding: 3px !important; background: var(--panel-bg) !important; }
#btnFeatured, #btnVisible { border-radius: 999px !important; font-family: var(--v4-font) !important; padding: 7px 16px !important; }
body.light-mode #btnFeatured:not([style*="transparent"]), body.light-mode #btnVisible:not([style*="transparent"]) { background: #1D1E21 !important; color: #fff !important; }
.near-me-btn { background: var(--panel-bg); border-color: var(--tb-line); color: var(--tb-ink-strong); font-family: var(--v4-font); padding: 6px 14px; }
.near-me-btn:hover { border-color: var(--v4-orange); }
#btnFeatured, #btnVisible, .near-me-btn { white-space: nowrap; }
@media (max-width: 640px) {
  #btnFeatured, #btnVisible { padding: 7px 12px !important; }
  .near-me-btn { padding: 6px 11px; }
}
.carousel-scroll-area { gap: 0 !important; }
.project-card-cinematic { margin: 0 !important; border-color: var(--tb-line) !important; box-shadow: none !important; }
.project-card-cinematic + .project-card-cinematic { border-left: 0 !important; }
.project-card-cinematic.active-card { box-shadow: inset 0 0 0 2px var(--v4-orange) !important; }
.vc-code { border-radius: 999px; padding: 3px 8px; }
.vc-tag { border-radius: 999px; padding: 2px 9px; }
.vc-name { font-family: var(--v4-font); font-weight: 700; letter-spacing: -.01em; }

/* building panel: facts, the two big buttons and the team list all touching */
.credits-drawer { font-family: var(--v4-font); border-left-color: var(--cd-line); }
.cd-close { border-radius: 999px; }
.cd-facts { gap: 1px; background: var(--cd-line); border: 1px solid var(--cd-line); overflow: hidden; }
.cd-facts div { border: 0; background: var(--cd-surface); padding: 10px 12px; }
.cd-facts b { font-weight: 400; font-size: 20px; }
.cd-open { margin: 10px 0 0; font-family: var(--v4-font); box-shadow: none; }
.cd-open + .cd-open, .cd-open.cd-open2 { margin-top: -14px; }
body.light-mode .cd-open:not(.cd-open2) { background: #1D1E21; color: #fff !important; -webkit-text-fill-color: #fff; }
.cd-layer { gap: 0; }
.cd-layer .cd-role { margin: 10px 0 6px; }
.cd-credit { border-left-width: 3px; }
.cd-credit + .cd-credit { border-top: 0; }
.cd-role { font-family: var(--v4-font) !important; font-weight: 700; }
.cd-layerhead { font-family: var(--v4-font); border-bottom-width: 0; padding: 8px 12px; background: color-mix(in srgb, var(--lc) 12%, transparent); }
.cd-search { font-family: var(--v4-font); padding: 9px 14px; }
.cd-btn, .cd-other { font-family: var(--v4-font); }
.cd-cta { border-style: solid; background: var(--cd-surface); }
.cd-teamhead { background: var(--cd-bg); }
.cd-photos { gap: 1px; }

/* map popup */
.leaflet-popup-content-wrapper { overflow: hidden; }
.pop-title { font-family: var(--v4-font); }

/* phone switch + saved spots */
.ix-switch button, .ix-go, .ix-chip, .ix-apply, .ix-filter-btn { font-family: var(--v4-font) !important; }
@media (max-width: 640px) {
  .ix-switch { background: rgba(46,51,61,.9); border-color: rgba(255,255,255,.1); }
  body.light-mode:not(.ix-inspiring) .ix-switch { background: rgba(246,246,247,.94); border-color: var(--tb-line); }
  body.light-mode:not(.ix-inspiring) .ix-switch button[aria-selected="true"] { background: #1D1E21; color: #fff; -webkit-text-fill-color: #fff; }
}
.spot-panel { background: #2C3039; border-color: rgba(255,255,255,.09); font-family: var(--v4-font); }
.spot-list { gap: 0; }

/* =====================================================================
   EVERY OTHER PAGE: company page, suppliers landing, private edit page, account,
   client confirmation, privacy, Console (styles.css + supplier.css / account.css / admin.css tokens)
   ===================================================================== */
:root, :root[data-theme="dark"] {
  --accent: #FFAB00; --accent-ink: #FFC24D; --accent-soft: rgba(255,171,0,.14);
  --good: #6FD0A6; --good-soft: rgba(111,208,166,.13); --warn: #F2C866; --warn-soft: rgba(242,200,102,.11);
  --bad: #F59A90; --bad-soft: rgba(245,154,144,.12);
  --f-display: var(--v4-font); --f-body: var(--v4-font); --f-mono: var(--v4-font); --radius: 0px;
}
:root[data-theme="light"] {
  --accent: #E58A00; --accent-ink: #B86A00; --accent-soft: rgba(229,138,0,.12);
  --good: #12946A; --good-soft: #E2F1EA; --warn: #8A5A00; --warn-soft: #F5EDDB; --bad: #B42318; --bad-soft: #FAE5E3;
}

/* headings: lighter and tighter, like the project page */
.container h1, .wrap h1, .ac h1, .vf h1, .ad-main h1, .doc h1 { font-weight: 600; letter-spacing: -.04em; }
.container h2, .wrap h2, .ac h2, .vf h2, .ad-main h2, .doc h2 { font-weight: 600; letter-spacing: -.025em; }
.eyebrow, .credit-sample .k, .project dt, .sp-stats span, .dr-step, .iv-sec-head span, .ad-tag { font-weight: 600; letter-spacing: .12em; }
.sp-stats b, .ad-tile b { font-weight: 300; }

/* header bar: flat, frosted */
.site-header { background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.ad-top { background: color-mix(in srgb, var(--surface) 92%, transparent); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.dr-top { background: #1D1E21; }
.band { background: var(--surface); }

/* square panels, cards, tiles and fields */
.credit-sample, .find, .status, .project, .claim, .project-check, .sp-logo, .sp-stats, .sp-map, .sp-card, .sp-box, .sp-confirm,
.dr-progress, .dr-card, .dr-list, .dr-box, .sp-cat, .sp-pdfs a, .dr-import-status, .dr-cat, .dr-place, .dr-place-item, .dr-place select,
.iv-sec, .iv-peers, .dr-photo, .dr-materials, .dr-client, .dr-client-fields select, .dr-add-photo, .dr-restore, .sp-mat span,
.ac-card, .ac-result, .ac-member, .ac select, .ad-card, .ad-tile, .ad-table-wrap, .ad-f input, .ad-f select, .ad-f textarea, .ad-search,
.ad-map, .ad-msg, .ad-code, .ad-toast, .vf-card, .vf .choices label, .vf-review, .vf-stars button, .sp-tag,
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], input[type="number"], textarea, select { border-radius: 0 !important; }

/* buttons: pills; main button = orange in dark, charcoal in light */
.btn, .ad-btn, .ad-nav button, .dr-ph-btn, .dr-place-x { border-radius: 999px; }
.btn { font-weight: 600; }
.btn.primary { background: #FFAB00; border-color: #FFAB00; color: #17181B; }
:root[data-theme="light"] .btn.primary { background: #1D1E21; border-color: #1D1E21; color: #fff; }
.ad-nav button[aria-current="page"] { background: var(--accent); color: #17181B; }
:root[data-theme="light"] .ad-nav button[aria-current="page"] { background: #1D1E21; color: #fff; }
.iv-chip[aria-pressed="true"] { background: #FFAB00; border-color: #FFAB00; color: #17181B; }
:root[data-theme="light"] .iv-chip[aria-pressed="true"] { background: #1D1E21; border-color: #1D1E21; color: #fff; }

/* touching tiles and lists: 1px lines, no gaps */
.sp-grid, .sp-cats, .ad-tiles { gap: 1px; background: var(--line); border: 1px solid var(--line); }
.sp-card, .sp-cat, .ad-tile { border: 0; }
.sp-cat:hover { border: 0; box-shadow: inset 0 0 0 1px var(--accent); }
.sp-boxes { gap: 0; }
.sp-box + .sp-box { margin-left: -1px; }
.projects, .ac-results, .ac-team, .vf .choices, .sp-pdfs { gap: 0; }
.project + .project, .ac-result + .ac-result, .ac-member + .ac-member, .vf .choices label + label { margin-top: -1px; }
.sp-pdfs a + a { margin-left: -1px; }
.dr-col, .dr-side { gap: 0; }
.dr-col > * + *, .dr-side > * + * { margin-top: -1px; }
.sp-map { background: var(--surface-2); }
.dr-progress .bar { border-radius: 0; }

/* supply chain map (opens inside the map page) */
.search-container, .legend { border-radius: 0 !important; background: rgba(46,51,61,.94) !important; border-color: rgba(255,255,255,.09) !important; }

/* =====================================================================
   NO BROWN (Nov 5): orange is only used solid (buttons, pins, selected) or as text/lines.
   Soft orange fills turned brown on the dark grey, so in dark they are neutral greys now.
   ===================================================================== */
:root:not([data-theme="light"]) {
  --amber-soft: rgba(255,255,255,.07); --accent-soft: rgba(255,255,255,.07); --warn-soft: rgba(255,255,255,.06);
}
body:not(.light-mode) { --cd-warn-bg: rgba(255,255,255,.06); }
body:not(.light-mode) .cd-st.supplier_confirmed { background: rgba(255,255,255,.08); }
body:not(.light-mode) .cad-tool.active, body:not(.light-mode) .cad-tool.active-tool { background: rgba(255,255,255,.1) !important; }
body:not(.light-mode) .vc-code { background: rgba(0,0,0,.45); }
body:not(.light-mode) .sp-chip { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); }
.cd-layerhead { background: rgba(127,127,127,.1); box-shadow: inset 3px 0 0 var(--lc); }
.cd-note { box-shadow: inset 3px 0 0 var(--cd-accent); }
:root:not([data-theme="light"]) .pj-note { background: rgba(255,255,255,.06); border-color: var(--line); box-shadow: inset 3px 0 0 var(--amber); }
:root:not([data-theme="light"]) .wk-docs i, :root:not([data-theme="light"]) .pj-pdfs i { background: rgba(255,255,255,.1); }
:root:not([data-theme="light"]) .pj-layerbtn[aria-pressed="true"] { background: rgba(255,255,255,.07); }
:root:not([data-theme="light"]) .pj-card.flash { background: rgba(255,255,255,.08); }
/* floor bars: grey, brighter = more companies; the selected floor stays solid orange */
:root:not([data-theme="light"]) .ax-fl i { background: color-mix(in srgb, #FFFFFF calc(var(--a, 0) * 32%), var(--surface-2)); }
:root:not([data-theme="light"]) .ax-fl.sel i { background: var(--amber); }
:root:not([data-theme="light"]) .sp-logo { background: var(--surface-2); color: var(--accent); }
:root:not([data-theme="light"]) .ad-t tr.sel td { background: rgba(255,255,255,.07); }

/* =====================================================================
   NO UNDERLINES: links are recognised by colour, weight and the → arrow, never by a line under them.
   ===================================================================== */
a, a:hover, a:focus, a:visited { text-decoration: none !important; }
.pj-eyebrow a { border-bottom: 0; }
.sp-card a, .doc a, .lead a, .status a, .find a, .claim a, .vf a, .ac a, .wk-src a, .cd-more a, .sp-box a { font-weight: 600; color: var(--accent-ink, var(--amber-ink)); }
a { transition: color .15s, opacity .15s; }
a:hover { opacity: .8; }
.btn:hover, .pj-btn:hover, .cd-open:hover, a.btn:hover { opacity: 1; }
.site-footer a:hover, .pj-foot a:hover, .site-header nav a:hover { color: var(--ink); opacity: 1; }

/* =====================================================================
   NO GREEN (Nov 5): "verified / good" and the construction layer are ice blue;
   design & advisory moves to lavender so the three layers stay different.
   ===================================================================== */
:root, :root[data-theme="dark"] {
  --good: #7FD4F2; --good-soft: rgba(127,212,242,.13); --l3: #7FD4F2; --l2: #B3A4F7;
}
:root[data-theme="light"] {
  --good: #1C7FB0; --good-soft: #E3F1F8; --l3: #1C7FB0; --l2: #6A55D8;
}
:root { --cd-good: #7FD4F2; --cd-good-bg: rgba(127,212,242,.14); --st-verified: #5CC8EE; --cd-l3: #7FD4F2; --cd-l2: #B3A4F7; }
body.light-mode { --cd-good: #1C7FB0; --cd-good-bg: #E3F1F8; --st-verified: #1C8FC4; --cd-l3: #1C7FB0; --cd-l2: #6A55D8; }
.pin-main.st-verified { border-color: #0E3A4C; }
.pin-main.st-verified b { color: #0B2330; }
.sp-pin.good { background: #5CC8EE; border-color: #0E3A4C; }
.pj-node .st.verified { box-shadow: 0 0 0 2px rgba(127,212,242,.3); }
.pj-st.verified { border-color: color-mix(in srgb, var(--good) 50%, transparent); }
#cadHistory span[style*="#0f0"], #cadHistory span[style*="rgb(0, 255, 0)"] { color: #7FD4F2 !important; }
body.light-mode #cadHistory span[style*="#0f0"], body.light-mode #cadHistory span[style*="rgb(0, 255, 0)"] { color: #1C7FB0 !important; }

/* triangle arrows: a clear gap between the words and the triangle */
.co-link span[aria-hidden="true"] { margin-left: .2em; }