/* GENERATED by us/tools/build-v2-shared.mjs from global/src/web/assets/em-tokens-v2.css - DO NOT EDIT. Fix the Global file and re-run. */
/* Event Monitor - Design V2 tokens and shared components, light surface.
   GENERATED by global/tools/build-em-tokens.mjs from global/src/web/tokens.ts
   and global/src/web/shell.ts. DO NOT EDIT: change those and rebuild.
   Spec: us/guide/mockups/EM-Design-V2.html (approved 2026-10-12). */
:root{--paper:#0A0D13;--surface:#10141C;--ink:#ECE8E0;--ink2:#A1A9B6;--ink3:#8A93A3;--rule:#1D2430;--rule2:#2A3342;--accent:#7FA2FF;--accent-ink:#0A0D13;--hover:#151B26;--warn:#E2553F;--unus:#E2AE48;--act1:#6F7FD0;--act2:#4E5DA8;--act3:#2E3768;--quiet:#2B3342;--hatch:#465062;--live:#4CC38A;--sig:#6BB8E4;--std:#8B95A6;--bg:#0A0D13;--surface2:#151B26;--line:#1D2430;--faint:#8A93A3;--chip:#151B26;--sel:#1D2430;--esc:#E2553F;--high:#E2AE48;--watch:#E2AE48;--mach:#6BB8E4;--ok:#4CC38A;--s0:#2B3342;--s1:#5868C0;--s2:#E2AE48;--s3:#E2553F;--s4:#151B26;--shadow:0 6px 24px rgba(0,0,0,.45);--radius:0px;--pill:0px;--serif:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;color-scheme:dark}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body{font-size:15px;line-height:1.5}
:where(a){color:var(--accent)}
header.hd{box-sizing:border-box;height:56px;display:flex;align-items:center;gap:28px;padding:0 32px;margin:0;border-bottom:1px solid var(--rule);background:var(--surface);color:var(--ink);font:400 14px/1.4 var(--sans);-webkit-font-smoothing:antialiased}
header.hd a{color:inherit;text-decoration:none}
.hd .wm{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}
.hd .wm i{box-sizing:border-box;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;flex:none}
.hd .wm i::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn)}
.hd .sw{display:flex;gap:16px;padding:0;border:0;background:none;flex:none;align-self:stretch}
.hd .sw a{display:flex;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:600;color:var(--ink2)}
.hd .sw a.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
.hd .sw a:hover{color:var(--ink)}
.hd .sw .d{width:6px;height:6px;border-radius:50%;background:var(--live)}
.hd .nv{display:flex;gap:22px;font-size:13.5px;font-weight:500;align-self:stretch;white-space:nowrap}
.hd .nv a{display:flex;align-items:center;color:var(--ink2);border-bottom:2px solid transparent}
.hd .nv a.on{color:var(--ink);border-bottom-color:var(--ink)}
.hd .nv a:hover{color:var(--ink)}
.hd .nv .ext{font-size:11px;opacity:.6;margin-left:3px}
.hd .hr{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13.5px;white-space:nowrap}
.hd .hr a{color:var(--ink2)}
.hd .hr a:hover{color:var(--ink)}
.hd .hr form{margin:0;display:inline}
.hd .srch{display:flex;align-items:center;gap:8px;height:32px;width:220px;padding:0 10px;border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink3);font-size:13px;background:var(--paper)}
.hd .srch kbd{margin-left:auto;font-family:var(--sans);font-size:11px;border:1px solid var(--rule2);border-radius:calc(var(--radius) / 2);padding:0 5px}
.hd .srch button{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;margin:0 -4px 0 auto;padding:0;border:0;border-radius:var(--radius);background:none;color:var(--ink3);cursor:pointer}
.hd .srch button:hover,.hd .srch button:focus-visible{color:var(--ink)}
.hd .srch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.hd .srch button svg{display:block;width:15px;height:15px}
.hd .si,.hd .hr .si{font-weight:600;color:var(--ink);background:none;border:0;padding:0;font:600 13.5px/1.4 var(--sans);cursor:pointer}
footer.foot{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px 22px;margin:24px 0 0;padding:14px 32px 16px;border-top:1px solid var(--rule);background:transparent;color:var(--ink3);font:400 12.5px/1.5 var(--sans);text-transform:none;letter-spacing:normal}
footer.foot a{color:var(--ink3);text-decoration:none}
footer.foot a:hover{color:var(--ink)}
footer.foot a.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
footer.foot .r{margin-left:auto}
@media (max-width:1100px){
header.hd{height:auto;min-height:56px;flex-wrap:wrap;gap:0 16px;padding:8px 16px 0}
.hd .wm,.hd .sw,.hd .hr{height:40px}
.hd .sw{height:auto;align-self:center}
.hd .nv{order:3;flex:0 0 100%;overflow-x:auto;scrollbar-width:none;height:44px}
.hd .nv::-webkit-scrollbar{display:none}
.hd .srch{display:none}
footer.foot{padding:12px 16px 16px}
footer.foot .r{margin-left:0;flex:0 0 100%}
}
@media (max-width:700px){
/* D74 + PM (2026-10-23): on a phone the header is ONE row - wordmark, Global, US, the account control. Any other
   link in the bar leaves it (there is none today). Tabs that repeat the bar are not drawn at any width (apexHeader).
   The account control is never hidden here or anywhere (test/d74-top-bar). */
.hd .hr>a:not(.si){display:none}
}
@media (max-width:480px){
header.hd{gap:0 10px}
.hd .wm{font-size:17px;gap:8px}
.hd .sw a{padding:4px 8px;gap:6px;font-size:12.5px}
.hd .hr{gap:10px;font-size:13px}
}
.num{font-variant-numeric:tabular-nums}
.kick{font-size:12px;font-weight:600;color:var(--ink3);letter-spacing:.01em}
h1.t{font-family:var(--serif);font-weight:500;font-size:44px;line-height:1.05;letter-spacing:-.02em;margin:6px 0 10px}
h2.t{font-family:var(--serif);font-weight:500;font-size:24px;letter-spacing:-.01em;margin:0}
.lede{font-family:var(--serif);font-size:19px;line-height:1.45;color:var(--ink2);max-width:720px;margin:0}
.st{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap}
.st::before{content:"";width:4px;height:16px;background:var(--c)}
.st.w{--c:var(--warn)}.st.u{--c:var(--unus)}.st.a{--c:var(--act2)}.st.q{--c:var(--quiet);color:var(--ink2)}.st.x{--c:transparent;color:var(--ink2)}
.st.s{--c:var(--sig)}.st.r{--c:var(--std)}
.st.x::before{background:repeating-linear-gradient(135deg,var(--hatch) 0 1.5px,transparent 1.5px 3.5px);box-shadow:0 0 0 1px var(--hatch) inset}
.tag{display:inline-flex;align-items:center;height:18px;padding:0 0 0 9px;font-size:13px;font-weight:700;color:var(--ink);box-shadow:inset 4px 0 0 var(--warn);letter-spacing:.01em;white-space:nowrap}
.age{font-size:12.5px;color:var(--ink3);white-space:nowrap;font-variant-numeric:tabular-nums}
.figs{display:flex;gap:0}
.fig{padding:0 28px;border-left:1px solid var(--rule)}
.fig:first-child{padding-left:0;border-left:0}
.fig b{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.fig span{font-size:12.5px;color:var(--ink2)}
.fig b.w{color:var(--warn)}
.row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px 0;border-top:1px solid var(--rule)}
.row:hover{background:linear-gradient(90deg,transparent,var(--hover) 8%,var(--hover) 92%,transparent)}
.row .hl{font-family:var(--serif);font-size:17.5px;line-height:1.3;color:var(--ink)}
.row .mt{grid-column:1/-1;display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--ink2);flex-wrap:wrap}
.secth{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px}
.secth a{font-size:13px;font-weight:600;color:var(--accent)}
.live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2)}
.live i{width:7px;height:7px;background:var(--live);box-shadow:0 0 0 0 var(--live);animation:em-ping 2s infinite}
@keyframes em-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--live) 60%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.chips{display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--rule)}
.chip{height:30px;padding:0 2px;border:0;background:none;font-size:12.5px;font-weight:600;color:var(--ink2);display:inline-flex;align-items:center}
.chip.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
@media (prefers-reduced-motion:reduce){.live i{animation:none}}