/* Owner pages (/m/), new look (M60, 2026-10-26): loaded by m_base.html after brand.css. It keeps every token name the
   owner pages already use and points them at the new palette (black, neon green, neon orange), so the layouts stay as they
   are. Verdicts match the tester side: NOT MOVED orange, MOVED green, INCONCLUSIVE grey. */
@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/chakra-petch-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/chakra-petch-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/barlow-semi-condensed-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/barlow-semi-condensed-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/barlow-semi-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2"); }

:root, [data-theme="ink"] {
  --void: #0A0B0A; --gun: #151816; --gun-2: #1D211E; --line: #262B27; --line-2: #3A423C;
  --bone: #ECEFEA; --steel: #98A199; --green: #39FF14; --green-d: #17A005; --orange: #FF6A13; --orange-d: #B8420A;
  --display: "Chakra Petch", "Barlow Semi Condensed", system-ui, sans-serif;
  --surface-100: var(--void); --surface-200: var(--gun); --surface-300: var(--gun-2);
  --hairline: var(--line); --hairline-2: var(--line-2); --text: var(--bone); --text-muted: var(--steel); --ring: var(--bone);
  --scarlet: var(--orange); --scarlet-deep: var(--orange-d); --scarlet-text: var(--orange);
  --cobalt: var(--green); --cobalt-text: var(--green); --kelly: var(--green); --kelly-text: var(--green); --gold: var(--green);
  --index: var(--green); --on-index: var(--void);
  --verdict-moved: var(--green); --verdict-not-moved: var(--orange); --verdict-inconclusive: var(--steel);
  --font-sans: "Barlow Semi Condensed", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --radius-sm: 3px; --radius-md: 4px;
}
html, body { background: var(--void); }
body { font-size: 17px; }
h1, h2 { font-family: var(--display); letter-spacing: .04em; text-transform: uppercase; }
header .brand-lockup { display: flex; align-items: center; gap: 10px; text-decoration: none; }
header .brand-lockup img.icon { width: 30px; height: 30px; display: block; }
header .brand-lockup img.wm { height: 24px; width: auto; display: block; }
header .logo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
footer.brand .haz { height: 6px; background: repeating-linear-gradient(-45deg, var(--orange) 0 6px, transparent 6px 12px); }
/* owner home tiles (M61) */
.otiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin: 6px 0 4px; }
.otile { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; min-height: 104px; padding: 12px;
  background: var(--gun); border: 1px solid var(--line); border-radius: 4px; color: var(--bone); text-decoration: none; }
.otile::before { content: ""; position: absolute; left: 12px; top: 0; width: 26px; height: 3px; background: var(--green); }
.otile .ic { position: absolute; right: 12px; top: 12px; width: 26px; height: 26px; color: var(--green); }
.otile b { font: 700 17px/1.1 var(--display); letter-spacing: .05em; text-transform: uppercase; }
.otile small { color: var(--steel); font-size: 13px; }
.otile .n { position: absolute; left: 12px; top: 12px; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 12px; background: var(--orange);
  color: var(--void); font: 700 13px/24px var(--font-mono); text-align: center; }
a.otile:hover { border-color: var(--green); background: var(--gun-2); }
/* counts and buttons on the new palette (these rules sit in m_base's own style block, so they need a little more weight) */
body .tabs .n, body .pill.count { background: var(--orange); color: var(--void); }
body .btn { border-color: var(--green-d); font-family: var(--display); letter-spacing: .08em; text-transform: uppercase; }
body .btn:hover { background: #7BFF5E; }
body .btn.ghost { color: var(--bone); background: transparent; }
body .btn.ghost:hover { background: var(--gun); border-color: var(--green); }
body .tabs a.on { color: var(--green); }
/* status pills set their fill inline; every fill is now a bright neon or grey, so the lettering is black */
body .pill[style] { color: var(--void) !important; }
.eyebrow-o { font: 500 12px/1.2 var(--font-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--steel); margin-top: 6px; }