/*
 * Visual port of NovaMetrics Hub / Lovable 1d3a0da2, adapted to Analytics v13.
 * Compact operations-center geometry: narrow sidebar, single 48px top bar, title row,
 * source strip, four joined KPIs, 3+2+1 panel rows. Presentation only: states, units,
 * routes and facts come from the existing renderer. No external assets or fonts.
 * Remove this file (and the theme script) to recover the original presentation.
 */
html[data-analytics-skin="novametrics"] {
  color-scheme: light;
  --nm-bg:#f4f6fa; --nm-fg:#0f1b2d; --nm-card:#ffffff; --nm-subtle:#f0f3f8;
  --nm-muted:#5b6b80; --nm-border:#dfe5ee; --nm-primary:#1f6fe0; --nm-active:#e7f0fd;
  --nm-active-line:#bcd3f5; --nm-kpi:#ffffff; --nm-kpi-fg:#0b1627;
  --nm-kpi-1:#2f7cf0; --nm-kpi-2:#8b5cf6; --nm-kpi-3:#d49b06; --nm-kpi-4:#0ea5c6;
  --nm-green:#15935c; --nm-amber:#b7791f; --nm-red:#d04242; --nm-grey:#8a97a8;
  --nm-sidebar:#ffffff; --nm-top:#ffffff; --nm-shadow:0 10px 30px #0f1b2d24;
  --bg:var(--nm-bg); --ink:var(--nm-fg); --ink2:var(--nm-fg); --muted:var(--nm-muted);
  --line:var(--nm-border); --card:var(--nm-card); --blue:var(--nm-primary);
  --blue2:var(--nm-primary); --cyan:var(--nm-primary); --bgblue:var(--nm-active);
  --green:var(--nm-green); --amber:var(--nm-amber); --red:var(--nm-red);
  --navy:var(--nm-fg); --navy2:var(--nm-fg); --shadow:none;
}
html[data-analytics-skin="novametrics"][data-analytics-theme="night"] {
  color-scheme: dark;
  --nm-bg:#070b11; --nm-fg:#e4ebf3; --nm-card:#0b1119; --nm-subtle:#101823;
  --nm-muted:#8190a3; --nm-border:#1a2533; --nm-primary:#22c1e0; --nm-active:#0f2331;
  --nm-active-line:#1d4a5e; --nm-kpi:#05080c; --nm-kpi-fg:#f5f8fb;
  --nm-kpi-1:#3b82f6; --nm-kpi-2:#a855f7; --nm-kpi-3:#eab308; --nm-kpi-4:#22c1e0;
  --nm-green:#22c55e; --nm-amber:#f59e0b; --nm-red:#f05252; --nm-grey:#5d6b7c;
  --nm-sidebar:#080d14; --nm-top:#080d14; --nm-shadow:0 12px 34px #000a;
}
html[data-analytics-skin="novametrics"] body {
  background:var(--nm-bg); color:var(--nm-fg); font:12.5px/1.45 "DM Sans","Segoe UI",system-ui,sans-serif;
}
html[data-analytics-skin="novametrics"] :is(button,a,input,select,summary,[role="button"]):focus-visible { outline:2px solid var(--nm-primary); outline-offset:2px }
html[data-analytics-skin="novametrics"] [hidden] { display:none!important }
html[data-analytics-skin="novametrics"] .nm-sr { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
html[data-analytics-skin="novametrics"] :is(svg.nm-ico,.nm-bar-ico svg,.sysnav-head svg,svg.nm-src-ico) { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none }
/* ---------- Shell / sidebar ---------- */
html[data-analytics-skin="novametrics"] .shell { min-height:100vh }
html[data-analytics-skin="novametrics"] .sidebar { width:clamp(164px,10.75vw,196px); top:0; height:100vh; background:var(--nm-sidebar); border-right:1px solid var(--nm-border); color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] .brand { padding:16px 14px 14px; gap:9px; border-color:var(--nm-border) }
html[data-analytics-skin="novametrics"] .brand .mark { display:flex; align-items:flex-end; gap:2px; height:20px; width:20px; font-size:0 }
html[data-analytics-skin="novametrics"] .brand .mark i { display:block; width:4px; border-radius:1px; background:var(--nm-primary) }
html[data-analytics-skin="novametrics"] .brand .mark i:nth-child(1) { height:8px; opacity:.6 }
html[data-analytics-skin="novametrics"] .brand .mark i:nth-child(2) { height:14px; opacity:.8 }
html[data-analytics-skin="novametrics"] .brand .mark i:nth-child(3) { height:20px }
html[data-analytics-skin="novametrics"] .brand strong { color:var(--nm-primary); font:700 13.5px/1.2 "Space Grotesk","Segoe UI",sans-serif }
html[data-analytics-skin="novametrics"] .brand small { color:var(--nm-muted); font-size:10px; margin-top:2px }
html[data-analytics-skin="novametrics"] #nav { padding:8px 8px; scrollbar-width:thin }
html[data-analytics-skin="novametrics"] .sysnav { gap:1px }
html[data-analytics-skin="novametrics"] .sysnav-sep { display:flex; justify-content:space-between; padding:6px 8px 6px; font-size:9.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--nm-muted); font-weight:700 }
html[data-analytics-skin="novametrics"] .sysnav-sep b { font-weight:700; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .sysnav-group { border:0; margin:0 }
html[data-analytics-skin="novametrics"] :is(.sysnav-head,.nav-item) {
  display:flex; align-items:center; gap:9px; min-height:32px; border:1px solid transparent; padding:5px 9px;
  color:var(--nm-muted); background:transparent; border-radius:6px; font-size:12px; font-weight:500; letter-spacing:0; text-transform:none; text-decoration:none
}
html[data-analytics-skin="novametrics"] .sysnav-head svg.ico { width:15px; height:15px }
html[data-analytics-skin="novametrics"] .sysnav-head .lbl { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
html[data-analytics-skin="novametrics"] .sysnav-head svg.chev { width:12px; height:12px; opacity:.55; transition:transform .15s }
html[data-analytics-skin="novametrics"] .sysnav-group.open>.sysnav-head svg.chev { transform:rotate(90deg); opacity:.9 }
html[data-analytics-skin="novametrics"] :is(.sysnav-head:hover,.sysnav-item:hover,.nav-item:hover) { color:var(--nm-fg); background:var(--nm-subtle) }
html[data-analytics-skin="novametrics"] .sysnav-group.open>.sysnav-head { background:var(--nm-active); border-color:var(--nm-active-line); color:var(--nm-fg); font-weight:600 }
html[data-analytics-skin="novametrics"] .sysnav-group.open>.sysnav-head svg.ico { color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] .sysnav-subs { margin:3px 0 6px 16px; padding-left:9px; border-left:1px solid var(--nm-border) }
html[data-analytics-skin="novametrics"] .sysnav-item { display:block; color:var(--nm-muted); background:transparent; padding:4px 8px; font-size:11.5px; font-weight:500; border-radius:4px; text-decoration:none }
html[data-analytics-skin="novametrics"] .sysnav-item.active { color:var(--nm-primary); background:var(--nm-active); font-weight:600 }
html[data-analytics-skin="novametrics"] .sysnav-legacy { margin-top:10px; border-top:1px solid var(--nm-border); padding-top:8px }
html[data-analytics-skin="novametrics"] .sidebar footer { border-color:var(--nm-border); color:var(--nm-muted); padding:10px 12px; flex-wrap:wrap; font-size:10px }
html[data-analytics-skin="novametrics"] .sidebar footer span { border-color:var(--nm-border); background:var(--nm-subtle); color:var(--nm-muted); border-radius:4px }
/* ---------- Single compact top bar ---------- */
html[data-analytics-skin="novametrics"] .top { position:sticky; top:0; z-index:40; display:flex; align-items:center; gap:8px; min-height:42px; padding:0 14px; background:var(--nm-top); border-bottom:1px solid var(--nm-border) }
html[data-analytics-skin="novametrics"] .nm-bar { display:flex; align-items:center; gap:8px; flex:1; min-width:0 }
html[data-analytics-skin="novametrics"] .nm-bar-right { display:flex; align-items:center; gap:6px; margin-left:auto; flex:none }
/* :where keeps this shared chrome at low specificity so per-control rules below win. */
html[data-analytics-skin="novametrics"] .top :where(#tenant,.periods,.nm-route,.nm-search,.nm-bar-right>.settings,.nm-theme-toggle,.nm-options>summary) {
  display:inline-flex; align-items:center; gap:6px; height:30px; border:1px solid var(--nm-border); border-radius:6px;
  background:var(--nm-subtle); color:var(--nm-fg); font-size:11.5px; font-weight:500; box-shadow:none; padding:0 9px; min-width:0
}
html[data-analytics-skin="novametrics"] #tenant { cursor:pointer; max-width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; line-height:28px }
html[data-analytics-skin="novametrics"] #tenant::after { content:" ▾"; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #tenant.source-pill:before { display:inline-block; vertical-align:middle; margin-right:6px }
html[data-analytics-skin="novametrics"] .nm-bar-ico { display:inline-flex; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .nm-bar-ico svg { width:14px; height:14px }
html[data-analytics-skin="novametrics"] .periods { padding:0 3px 0 8px; gap:2px }
html[data-analytics-skin="novametrics"] .periods button { border:0; border-radius:4px; background:transparent; font-size:11px; font-weight:500; padding:4px 8px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .periods button.active { background:var(--nm-active); color:var(--nm-primary); font-weight:600 }
html[data-analytics-skin="novametrics"] .nm-route select { appearance:none; border:0; background:transparent; color:var(--nm-fg); font-size:11.5px; max-width:180px; min-width:0; padding:0 14px 0 0; cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%); background-position:calc(100% - 7px) 55%,calc(100% - 3px) 55%; background-size:4px 4px; background-repeat:no-repeat }
html[data-analytics-skin="novametrics"] .nm-route select option,html[data-analytics-skin="novametrics"] .nm-route select optgroup { background:var(--nm-card); color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] .nm-search { position:relative; flex:1 1 220px; max-width:340px }
html[data-analytics-skin="novametrics"] .nm-search input { flex:1; min-width:0; border:0; background:transparent; color:var(--nm-fg); font-size:11.5px; outline:none }
html[data-analytics-skin="novametrics"] .nm-search input::placeholder { color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .nm-search-results { position:absolute; top:calc(100% + 5px); left:0; width:min(440px,92vw); max-height:60vh; overflow:auto; z-index:70; background:var(--nm-card); border:1px solid var(--nm-border); border-radius:6px; box-shadow:var(--nm-shadow); padding:4px }
html[data-analytics-skin="novametrics"] .nm-search-item { display:grid; grid-template-columns:auto 1fr; gap:1px 8px; padding:6px 8px; border-radius:4px; text-decoration:none; color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] .nm-search-item:hover,html[data-analytics-skin="novametrics"] .nm-search-item:focus { background:var(--nm-active) }
html[data-analytics-skin="novametrics"] .nm-search-item em { grid-row:span 2; align-self:center; font-style:normal; font-size:9.5px; color:var(--nm-primary); border:1px solid var(--nm-active-line); border-radius:3px; padding:1px 5px; white-space:nowrap }
html[data-analytics-skin="novametrics"] .nm-search-item b { font-size:11.5px; font-weight:600; overflow-wrap:anywhere }
html[data-analytics-skin="novametrics"] .nm-search-item small { font-size:10px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .nm-search-empty { margin:6px 8px; font-size:11px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .top .statusbar { position:static; display:inline-flex; align-items:center; gap:6px; height:30px; min-height:0; padding:0 9px; background:var(--nm-active); color:var(--nm-primary); border:1px solid var(--nm-active-line); border-radius:6px; font-size:11px; font-weight:600 }
html[data-analytics-skin="novametrics"] .top .statusbar strong { background:transparent; color:inherit; border:0; padding:0; border-radius:0; font-weight:600 }
html[data-analytics-skin="novametrics"] .top .statusbar.real { color:var(--nm-green); border-color:var(--nm-green) }
html[data-analytics-skin="novametrics"] .nm-theme-toggle { cursor:pointer; justify-content:center; width:30px; padding:0; font-size:14px }
html[data-analytics-skin="novametrics"] .nm-bar-right>.settings { cursor:pointer }
html[data-analytics-skin="novametrics"] .nm-options { position:relative }
html[data-analytics-skin="novametrics"] .nm-options>summary { cursor:pointer; list-style:none; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .nm-options>summary::-webkit-details-marker { display:none }
html[data-analytics-skin="novametrics"] .nm-options>summary::after { content:"▾"; font-size:10px }
html[data-analytics-skin="novametrics"] .nm-options>.view-controls { position:absolute; right:0; top:calc(100% + 6px); z-index:70; width:max-content; max-width:min(340px,92vw); margin:0; display:flex; flex-direction:column; align-items:stretch; gap:10px; padding:10px 12px; background:var(--nm-card); border:1px solid var(--nm-border); border-radius:6px; box-shadow:var(--nm-shadow) }
html[data-analytics-skin="novametrics"] .view-controls .control { justify-content:space-between; gap:10px; flex-wrap:wrap }
html[data-analytics-skin="novametrics"] :is(.seg,.view-controls .source-pill) { background:var(--nm-subtle); border:1px solid var(--nm-border); border-radius:5px; color:var(--nm-fg); box-shadow:none }
html[data-analytics-skin="novametrics"] .seg button { border-radius:4px; font-size:11px; padding:4px 9px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .seg button.active { background:var(--nm-active); color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] .source-pill { border-radius:6px; font-weight:500 }
html[data-analytics-skin="novametrics"] .periods button { display:none }
html[data-analytics-skin="novametrics"] #nm-period-select { color:var(--nm-fg); background:transparent; border:0; font-size:11px; max-width:122px; outline-offset:1px }
/* ---------- Title row ---------- */
html[data-analytics-skin="novametrics"] .nm-titlebar { padding:10px 12px 0 }
html[data-analytics-skin="novametrics"] .nm-crumb { display:flex; padding:0; flex:none; overflow:visible; align-items:center; gap:6px; flex-wrap:wrap; font-size:9.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] .nm-crumb::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--nm-green) }
html[data-analytics-skin="novametrics"] .nm-crumb span[aria-hidden] { color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .nm-crumb b { font-weight:700 }
html[data-analytics-skin="novametrics"] .nm-titlebar .title h1 { margin:3px 0 0; font:700 18px/1.2 "Space Grotesk","Segoe UI",sans-serif; color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] .nm-titlebar .title p { margin:2px 0 0; font-size:9px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] .content { padding:6px 12px 18px; max-width:1920px; width:100%; margin:0 auto; gap:10px }
html[data-analytics-skin="novametrics"] .page-footer { font-size:10px; color:var(--nm-muted); padding:10px 16px; text-align:left }
/* ---------- Route root ---------- */
html[data-analytics-skin="novametrics"] #sysnav-root { gap:10px; color:var(--nm-fg); font-size:12px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-banner { margin:0; padding:5px 10px; border:1px solid var(--nm-border); border-left:3px solid var(--nm-amber); border-radius:5px; background:var(--nm-card); color:var(--nm-muted); font-size:10.5px; line-height:1.4; overflow-wrap:anywhere }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-banner b { color:var(--nm-amber) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-banner.real { border-left-color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-banner.real b { color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-banner code { font-size:10px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-subbar { display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--nm-border); min-width:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-crumb-home { flex:none; font-size:11px; color:var(--nm-primary); text-decoration:none; font-weight:600 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tabs { flex:1; min-width:0; display:flex; gap:2px; overflow-x:auto; padding:0; margin:0; scrollbar-width:thin; border:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tab { flex:none; border:0; border-radius:0; background:transparent; color:var(--nm-muted); padding:3px 9px; font-size:11.5px; font-weight:500; text-decoration:none; box-shadow:none }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tab:hover { color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tab.active { color:var(--nm-primary); background:transparent; box-shadow:inset 0 -2px var(--nm-primary); font-weight:600 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-period { flex:none; margin-left:auto; font-size:10px; font-weight:600; color:var(--nm-primary); background:var(--nm-active); border-radius:4px; padding:2px 8px }
/* Source strip */
html[data-analytics-skin="novametrics"] #sysnav-root .nh-route-intro { display:flex; align-items:center; gap:12px; min-width:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-route-intro>.nh-banner { flex:1; min-width:0; border:0; background:transparent; padding:0; font-size:9px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-route-intro>.nh-subbar { flex:none }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-route-intro .nh-period { display:none }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-pipeline { background:var(--nm-card); border:1px solid var(--nm-border); border-radius:6px; overflow:hidden }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-pipeline>header { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:5px 10px; border-bottom:1px solid var(--nm-border); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-pipeline>header svg { width:13px; height:13px; color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-pipeline>header b { color:var(--nm-primary); font-weight:700 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-pipeline>header span { color:var(--nm-muted); font-weight:600 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-sources { display:grid; grid-template-columns:repeat(var(--nm-source-count),minmax(0,1fr)); gap:0; margin:0; padding:0; border:0; background:transparent }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell { position:relative; display:flex; align-items:center; gap:5px; min-width:0; padding:5px 16px 5px 7px; border-right:1px solid var(--nm-border); border-bottom:1px solid var(--nm-border); margin:0 -1px -1px 0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell svg.nm-src-ico { width:26px; height:26px; padding:5px; border:1px solid var(--nm-border); border-radius:5px; color:var(--nm-muted); background:var(--nm-subtle) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell div { min-width:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell b { display:block; font-size:10px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell small { display:block; font-size:9px; color:var(--nm-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell>.nm-dot { position:absolute; top:9px; right:8px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell.st-synthetic svg.nm-src-ico { color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell.st-stale small { color:var(--nm-amber) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src-cell.st-offline small { color:var(--nm-red) }
html[data-analytics-skin="novametrics"] .nm-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--nm-grey); flex:none; vertical-align:middle }
html[data-analytics-skin="novametrics"] .st-synthetic>.nm-dot,html[data-analytics-skin="novametrics"] .nm-dot.st-synthetic { background:var(--nm-primary) }
html[data-analytics-skin="novametrics"] .st-stale>.nm-dot,html[data-analytics-skin="novametrics"] .nm-dot.st-stale { background:var(--nm-amber) }
html[data-analytics-skin="novametrics"] :is(.st-offline,.st-error)>.nm-dot { background:var(--nm-red) }
/* KPI strip: four joined indicators */
html[data-analytics-skin="novametrics"] #sysnav-root .nm-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:var(--nm-kpi); border:1px solid var(--nm-border); border-radius:6px; overflow:hidden }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi { --nm-accent:var(--nm-kpi-1); display:flex; flex-direction:column; min-width:0; min-height:158px; padding:11px 14px 9px; border-right:1px solid var(--nm-border); border-top:2px solid var(--nm-accent) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi:nth-child(2) { --nm-accent:var(--nm-kpi-2) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi:nth-child(3) { --nm-accent:var(--nm-kpi-3) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi:nth-child(4) { --nm-accent:var(--nm-kpi-4); border-right:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-head { display:flex; justify-content:space-between; align-items:flex-start; gap:8px }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-head span { font-size:9.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-head .nh-tag { color:var(--nm-accent); background:transparent; border:1px solid var(--nm-border); font-style:normal; white-space:nowrap }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-value { display:block; margin:8px 0 7px; color:var(--nm-kpi-fg); font:900 30px/1.05 "Archivo Black","Arial Black","Segoe UI",sans-serif; letter-spacing:-.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-value.txt { font-size:22px }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-value small { font:600 10.5px/1 "Segoe UI",sans-serif; color:var(--nm-muted); letter-spacing:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi:is(.st-absent,.st-error,.st-na) .nm-kpi-value { color:var(--nm-grey) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-lines { list-style:none; margin:0; padding:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-lines li { display:flex; justify-content:space-between; gap:10px; padding:1px 0; font-size:9.5px; text-transform:uppercase; letter-spacing:.04em; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-lines li span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-lines b { flex:none; max-width:55%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:none; letter-spacing:0; font-size:10.5px; color:var(--nm-kpi-fg); font-weight:700 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-why { margin:0; font-size:10.5px; color:var(--nm-muted); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-foot { display:flex; align-items:center; gap:6px; margin-top:auto; padding-top:6px }
/* Panel rows */
html[data-analytics-skin="novametrics"] #sysnav-root .nm-row { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; align-items:stretch }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-row-3 { grid-template-columns:minmax(0,33fr) minmax(0,39fr) minmax(0,28fr) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-row-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-panel { display:flex; flex-direction:column; min-width:0; background:var(--nm-card); border:1px solid var(--nm-border); border-radius:6px; overflow:hidden }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-panel-head { display:flex; align-items:flex-start; gap:8px; padding:8px 12px; border-bottom:1px solid var(--nm-border) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-panel-head>svg { width:15px; height:15px; margin-top:2px; color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-panel-head>div { flex:1; min-width:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-panel-head h3 { margin:0; font:600 11.5px/1.3 "Space Grotesk","Segoe UI",sans-serif; color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-panel-head p { margin:1px 0 0; font-size:9px; color:var(--nm-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-link { flex:none; font-size:10.5px; font-weight:600; color:var(--nm-primary); text-decoration:none; white-space:nowrap }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-link:hover { text-decoration:underline }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-filters { display:flex; flex-wrap:wrap; gap:4px; padding:7px 12px 6px }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-filter { cursor:pointer; display:inline-flex; align-items:center; gap:5px; padding:2px 8px; font-size:10.5px; border:1px solid var(--nm-border); border-radius:4px; background:transparent; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-filter em { font-style:normal; font-size:9.5px; min-width:15px; text-align:center; padding:0 4px; border-radius:7px; background:var(--nm-subtle); color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-filter.active { color:var(--nm-primary); background:var(--nm-active); border-color:var(--nm-active-line) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-filter.active em { background:var(--nm-primary); color:var(--nm-card) }
/* Apps / Serviços: lista completa paginada. Somente classes novas; cores exclusivamente pelas variáveis dos dois temas. */
.nh-apps-catalog { margin-top:12px }
.nh-apps-controls { display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:8px 12px }
.nh-apps-controls input[type=search], .nh-apps-controls select { height:28px; padding:0 9px; font-size:11px; border:1px solid var(--nm-border); border-radius:5px; background:var(--nm-card); color:var(--nm-fg) }
.nh-apps-controls input[type=search] { flex:1 1 220px; min-width:0 }
.nh-apps-controls select { flex:0 1 240px; max-width:100% }
.nh-apps-note { padding:0 12px }
.nh-apps-count { margin:4px 12px; font-size:11px; color:var(--nm-muted) }
.nh-apps-scroll { max-height:min(62vh,520px); overflow:auto }
.nh-apps-fav { cursor:pointer; border:0; background:transparent; color:var(--nm-primary); font-size:14px; line-height:1; padding:2px 4px }
.nh-apps-pager { display:flex; flex-wrap:wrap; gap:4px; align-items:center; padding:8px 12px; font-size:11px; color:var(--nm-muted) }
.nh-apps-page { cursor:pointer; min-width:26px; padding:2px 8px; font-size:10.5px; border:1px solid var(--nm-border); border-radius:4px; background:transparent; color:var(--nm-fg) }
.nh-apps-page.active { color:var(--nm-card); background:var(--nm-primary); border-color:var(--nm-primary) }
.nh-apps-page[disabled] { opacity:.45; cursor:not-allowed }
.nh-apps-origin { display:block; font-size:9px; font-weight:400; color:var(--nm-muted) }
.nh-apps-count:focus-visible, .nh-apps-fav:focus-visible, .nh-apps-page:focus-visible, .nh-apps-controls :is(input,select,button):focus-visible { outline:2px solid var(--nm-primary); outline-offset:1px }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-pill { display:inline-block; font-size:9px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; padding:2px 6px; border-radius:3px; background:var(--nm-active); color:var(--nm-primary); white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; vertical-align:middle }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-pill.st-absent,html[data-analytics-skin="novametrics"] #sysnav-root :is(.st-absent,.st-na) .nm-pill { background:var(--nm-subtle); color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .st-stale .nm-pill { color:var(--nm-amber); background:color-mix(in srgb,var(--nm-amber) 14%,transparent) }
html[data-analytics-skin="novametrics"] #sysnav-root .st-error .nm-pill { color:var(--nm-red); background:color-mix(in srgb,var(--nm-red) 14%,transparent) }
/* Attention list */
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-list { list-style:none; margin:0; padding:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att { display:grid; grid-template-columns:6px 62px minmax(0,1fr) auto; gap:6px; align-items:center; padding:6px 10px; border-top:1px solid var(--nm-border) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att .nm-pill { justify-self:start }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-body { min-width:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-body b { display:block; font-size:10.5px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-body small { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:9px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-body small strong { color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-meta { display:flex; flex-direction:column; align-items:flex-end; gap:2px; font-size:9px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-meta em { font-style:normal; white-space:nowrap }
/* Tables */
html[data-analytics-skin="novametrics"] #sysnav-root .nm-table-wrap { overflow-x:auto; max-width:100%; scrollbar-width:thin }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-table { width:100%; border-collapse:collapse; font-size:11px; color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-table th { position:static; text-align:left; font-size:9.5px; font-weight:600; letter-spacing:.03em; color:var(--nm-muted); background:var(--nm-subtle); padding:5px 10px; border-bottom:1px solid var(--nm-border); white-space:nowrap }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-table td { padding:5px 10px; border-bottom:1px solid var(--nm-border); vertical-align:middle }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-table tr:last-child td { border-bottom:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-table :is(th,td).num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-table td.muted { color:var(--nm-muted); font-style:italic }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-table b { font-weight:600 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-note { margin:0; padding:6px 12px; font-size:9.5px; color:var(--nm-muted); border-top:1px solid var(--nm-border); overflow-wrap:anywhere }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-note svg { width:12px; height:12px; vertical-align:-2px; color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-note b { color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-empty { display:flex; flex-direction:column; align-items:flex-start; gap:5px; padding:10px 12px }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-empty p { margin:0; font-size:10.5px; color:var(--nm-muted); overflow-wrap:anywhere }
/* Cross panel */
html[data-analytics-skin="novametrics"] #sysnav-root .nm-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:9px 12px 4px }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-stats>div { min-width:0; border:1px solid var(--nm-border); border-radius:5px; padding:5px 8px; background:var(--nm-subtle) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-stats small { display:block; font-size:9.5px; color:var(--nm-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-stats strong { display:block; font:700 18px/1.2 "Space Grotesk","Segoe UI",sans-serif; color:var(--nm-fg); font-variant-numeric:tabular-nums }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-stats .st-absent strong { color:var(--nm-grey) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-stats span { display:block; font-size:9.5px; color:var(--nm-muted); overflow-wrap:anywhere }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-bars { display:flex; align-items:flex-end; gap:2px; height:76px; margin:8px 12px 0; border-bottom:1px solid var(--nm-border) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-bars i { flex:1; min-width:2px; background:var(--nm-kpi-1); border-radius:1px 1px 0 0; opacity:.9 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-bars-axis { padding:3px 12px 6px; font-size:9.5px; color:var(--nm-muted) }
/* Clients / team */
html[data-analytics-skin="novametrics"] #sysnav-root .nm-split { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:10px; padding:9px 12px 10px; flex:1 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-person { display:flex; flex-direction:column; gap:6px; min-width:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-person input { width:100%; height:28px; padding:0 9px; font-size:11px; border:1px solid var(--nm-border); border-radius:5px; background:var(--nm-subtle); color:var(--nm-muted); cursor:not-allowed }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-person .nm-empty { border:1px dashed var(--nm-border); border-radius:5px; padding:8px 10px }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-subtable { min-width:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-subtable h4 { margin:0 0 5px; font-size:10px; font-weight:600; color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-subtable .nm-table-wrap { border:1px solid var(--nm-border); border-radius:5px }
/* Canonical cards disclosure (Home) */
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards { background:var(--nm-card); border:1px solid var(--nm-border); border-radius:6px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards>summary { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:8px 12px; cursor:pointer; list-style:none }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards>summary::-webkit-details-marker { display:none }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards>summary::after { content:"▸"; margin-left:auto; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards[open]>summary::after { content:"▾" }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards>summary svg { width:14px; height:14px; color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards>summary b { font-size:12px; font-weight:600 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards>summary span { font-size:10.5px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-home-cards>.nh-blocks { padding:0 10px 10px }
/* Focused Home: four highlights, one analysis at a time, search, shortcuts, secondary context. Delta only; reuses .nm-kpi, .nm-filter, .nm-panel and --nm-* of both themes. */
html[data-analytics-skin="novametrics"] #sysnav-root .nh-focus .nm-kpi-why { display:block; overflow:visible }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-focus .nm-kpi-foot { flex-wrap:wrap }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-focus .nh-prov p { margin:3px 0 0 }
html[data-analytics-skin="novametrics"] #sysnav-root button.nm-link { cursor:pointer; border:0; padding:0; background:transparent; font-family:inherit }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-analysis { display:flex; flex-direction:column; min-width:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-analysis>.nm-filters { padding:0 0 6px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-analysis>.nm-filters .nm-filter { padding:4px 12px; font-size:11.5px; font-weight:600 }
html[data-analytics-skin="novametrics"] #sysnav-root .nm-row-2>[data-nh-case-context] { grid-column:auto }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-prep { grid-template-columns:repeat(2,minmax(0,1fr)) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-shortcut { display:grid; grid-template-columns:auto minmax(0,1fr); gap:0 8px; align-items:center; min-width:0; padding:8px 12px; background:var(--nm-card); border:1px solid var(--nm-border); border-radius:6px; color:var(--nm-fg); text-decoration:none }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-shortcut:hover { background:var(--nm-active); border-color:var(--nm-active-line) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-shortcut svg { grid-row:span 2; width:16px; height:16px; color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-shortcut b { font-size:11.5px; font-weight:600 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-shortcut small { font-size:9.5px; color:var(--nm-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-context { grid-template-columns:repeat(2,minmax(0,1fr)) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-context .nm-kpi { min-height:0; border-bottom:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-context .nm-kpi:nth-child(2) { border-right:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-context .nm-kpi-value { font-size:22px }
/* ---------- Compact existing blocks/tiles (subpages and Home disclosure) ---------- */
html[data-analytics-skin="novametrics"] #sysnav-root .nh-blocks { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); gap:10px; align-items:start }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-block { grid-column:auto; min-width:0; padding:0; background:var(--nm-card); border:1px solid var(--nm-border); border-radius:6px; box-shadow:none; overflow:hidden }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-block.tone-warn { border-left:3px solid var(--nm-amber) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-block.nh-wide { grid-column:1/-1 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-block>h2 { display:flex; align-items:center; gap:7px; margin:0; padding:8px 12px; border-bottom:1px solid var(--nm-border); font:600 12.5px/1.3 "Space Grotesk","Segoe UI",sans-serif; color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-block>h2::before { content:""; width:3px; height:12px; border-radius:2px; background:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tiles { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr)); gap:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tile { display:flex; flex-direction:column; gap:2px; min-width:0; margin:0 -1px -1px 0; padding:8px 12px; background:var(--nm-card); color:var(--nm-fg); border:0; border-right:1px solid var(--nm-border); border-bottom:1px solid var(--nm-border); border-radius:0; box-shadow:none }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tile:is(.st-absent,.st-offline,.st-na,.st-doc) { background:var(--nm-card) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tile.st-error { box-shadow:inset 3px 0 var(--nm-red) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tile.st-stale { box-shadow:inset 3px 0 var(--nm-amber) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tile-head { display:flex; justify-content:space-between; gap:6px; align-items:flex-start }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tile h3 { margin:0; font-size:10.5px; line-height:1.35; font-weight:600; color:var(--nm-muted); overflow-wrap:anywhere }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-value { margin:1px 0; font:700 19px/1.2 "Space Grotesk","Segoe UI",sans-serif; color:var(--nm-fg); font-variant-numeric:tabular-nums; overflow-wrap:anywhere }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-value.txt { font-size:14px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-value small { font:500 10.5px/1.3 "Segoe UI",sans-serif; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root :is(.st-absent,.st-error,.st-offline) .nh-value { color:var(--nm-grey) }
html[data-analytics-skin="novametrics"] #sysnav-root .st-stale .nh-value { color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tag { flex:none; font-size:8.5px; font-weight:700; letter-spacing:.04em; color:var(--nm-muted); background:var(--nm-subtle); border:1px solid var(--nm-border); border-radius:3px; padding:1px 5px; white-space:nowrap }
html[data-analytics-skin="novametrics"] #sysnav-root :is(.nh-why,.nh-note) { margin:1px 0 3px; font-size:10.5px; line-height:1.45; color:var(--nm-muted); overflow-wrap:anywhere }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-block>.nh-note { padding:6px 12px; margin:0 }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-context] { grid-column:1/-1 }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-form] { display:flex; flex-wrap:wrap; align-items:end; gap:8px; padding:10px 12px }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-form] label { flex:0 0 100%; font-weight:600; font-size:12px }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-id] { flex:1 1 230px; min-width:0; padding:9px 11px; border:1px solid var(--nm-border); border-radius:6px; color:var(--nm-fg); background:var(--nm-card) }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-form] button { padding:9px 14px; border:1px solid var(--nm-primary); border-radius:6px; color:var(--nm-primary); background:var(--nm-card); cursor:pointer }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-form] button:disabled { opacity:.5; cursor:not-allowed }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-status] { padding:0 12px 10px; margin:0; font-size:12px }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-result]>div>h3 { margin:10px 12px; font-size:12px }
html[data-analytics-skin="novametrics"] #sysnav-root [data-nh-case-result] .nh-note { padding:8px 12px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-foot { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-top:auto; font-size:9px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-badge { font-size:8.5px; font-weight:700; letter-spacing:.04em; padding:2px 5px; border-radius:3px; color:var(--nm-primary); background:var(--nm-active); border:0; white-space:normal }
html[data-analytics-skin="novametrics"] #sysnav-root :is(.st-absent,.st-doc,.st-na,.st-offline) .nh-badge,html[data-analytics-skin="novametrics"] #sysnav-root .nm-empty .nh-badge { color:var(--nm-muted); background:var(--nm-subtle) }
html[data-analytics-skin="novametrics"] #sysnav-root .st-stale .nh-badge { color:var(--nm-amber); background:color-mix(in srgb,var(--nm-amber) 14%,transparent) }
html[data-analytics-skin="novametrics"] #sysnav-root .st-error .nh-badge { color:var(--nm-red); background:color-mix(in srgb,var(--nm-red) 14%,transparent) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-src { min-width:0; overflow-wrap:anywhere; font-size:9px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-more { margin-left:auto; white-space:nowrap; font-size:10px; color:var(--nm-primary); text-decoration:none; font-weight:600 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-items { list-style:none; margin:3px 0; padding:0; max-height:132px; overflow:auto; font-size:10.5px; border:1px solid var(--nm-border); border-radius:4px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-items li { display:flex; justify-content:space-between; gap:10px; padding:3px 7px; border-bottom:1px solid var(--nm-border); color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-items li:last-child { border-bottom:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-items b { color:var(--nm-fg); font-weight:600; text-align:right }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-prov { margin-top:3px; padding-top:3px; border-top:1px dashed var(--nm-border); font-size:10px; color:var(--nm-muted); background:transparent }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-prov summary { cursor:pointer; font-size:10px; font-weight:600; color:var(--nm-primary) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-prov ul { margin:3px 0 0; padding-left:15px; font-size:10px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-provbox { background:var(--nm-card); color:var(--nm-muted); border:1px solid var(--nm-border); border-left:3px solid var(--nm-primary); border-radius:5px; padding:6px 10px; font-size:10.5px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-provbox b { color:var(--nm-fg) }
/* Trend table */
html[data-analytics-skin="novametrics"] #sysnav-root .nh-trend { background:var(--nm-card); padding:0 12px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-trow { grid-template-columns:minmax(150px,1.3fr) 120px minmax(90px,.8fr) minmax(160px,2fr); gap:10px; padding:6px 0; border-bottom:1px solid var(--nm-border); color:var(--nm-fg); font-size:11px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-trow:last-child { border-bottom:0 }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tlabel b { font-weight:600; font-size:11px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tval strong { font:700 14px/1.2 "Space Grotesk","Segoe UI",sans-serif; color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tval strong.txt { font-size:11px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-tval small,html[data-analytics-skin="novametrics"] #sysnav-root .nh-twhy { font-size:10px; color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-spark { height:24px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-spark i { background:var(--nm-kpi-1); border-radius:1px 1px 0 0 }
/* Catalog / actions */
html[data-analytics-skin="novametrics"] #sysnav-root .nh-catalog { margin:0; padding:0; background:var(--nm-card); border:1px solid var(--nm-border); border-radius:6px; color:var(--nm-muted); font-size:10.5px }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-catalog>summary { padding:8px 12px; color:var(--nm-muted); font-weight:600; cursor:pointer }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-scroll { max-height:320px; overflow:auto; margin:0; scrollbar-width:thin }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-catalog :is(th,td) { font-size:10.5px; padding:5px 10px; border-color:var(--nm-border); background:var(--nm-card); color:var(--nm-fg) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-catalog th { background:var(--nm-subtle); color:var(--nm-muted) }
html[data-analytics-skin="novametrics"] #sysnav-root .nh-actions { gap:8px }
html[data-analytics-skin="novametrics"] #sysnav-root :is(.nh-backhome,.nh-legacy) { font-size:10.5px; font-weight:600; color:var(--nm-primary); background:var(--nm-card); border:1px solid var(--nm-border); border-radius:5px; padding:5px 10px; text-decoration:none }
/* ---------- Native v13 screens (legacy) receive the same surfaces ---------- */
html[data-analytics-skin="novametrics"] :is(.summary,.kpi,.card,.source,.note,.modal,.form input,.form select) { background:var(--nm-card); color:var(--nm-fg); border-color:var(--nm-border); border-radius:6px; box-shadow:none }
html[data-analytics-skin="novametrics"] .kpi { min-height:0; padding:11px 13px }
html[data-analytics-skin="novametrics"] .kpi strong { font-size:24px }
html[data-analytics-skin="novametrics"] .card { padding:12px 13px }
html[data-analytics-skin="novametrics"] :is(.kpis,.grid) { gap:10px }
html[data-analytics-skin="novametrics"] .modal-actions button { background:var(--nm-card); color:var(--nm-fg); border-color:var(--nm-border); border-radius:5px }
html[data-analytics-skin="novametrics"] .modal-actions .primary { background:var(--nm-primary); border-color:var(--nm-primary); color:#fff }
html[data-analytics-skin="novametrics"] .loading { min-height:160px }
/* ---------- Responsive ---------- */
@media(max-width:1280px) {
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-row-3 { grid-template-columns:repeat(2,minmax(0,1fr)) }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-row-3>.nm-panel:nth-child(3) { grid-column:1/-1 }
  html[data-analytics-skin="novametrics"] .nm-route select { max-width:140px }
}
@media(max-width:1100px) {
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-metrics { grid-template-columns:repeat(2,minmax(0,1fr)) }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi:nth-child(2) { border-right:0 }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi:nth-child(-n+2) { border-bottom:1px solid var(--nm-border) }
  html[data-analytics-skin="novametrics"] .nm-route { display:none }
}
@media(max-width:860px) {
  html[data-analytics-skin="novametrics"] #sysnav-root .nh-route-intro { flex-direction:column; align-items:stretch; gap:4px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nh-sources { grid-template-columns:repeat(var(--nm-source-count),110px); overflow-x:auto }
  html[data-analytics-skin="novametrics"] .nm-route { display:inline-flex }
  html[data-analytics-skin="novametrics"] .sidebar { position:fixed; top:0; height:100vh; width:220px; left:-240px; z-index:60; box-shadow:var(--nm-shadow) }
  html[data-analytics-skin="novametrics"] .sidebar.open { left:0 }
  html[data-analytics-skin="novametrics"] .backdrop { z-index:55 }
  html[data-analytics-skin="novametrics"] .brand button { color:var(--nm-fg) }
  html[data-analytics-skin="novametrics"] .top { position:relative; flex-wrap:wrap; align-items:center; padding:7px 10px; gap:6px }
  html[data-analytics-skin="novametrics"] .top>#open-menu { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; padding:0; border:1px solid var(--nm-border); border-radius:6px; background:var(--nm-subtle); color:var(--nm-fg) }
  html[data-analytics-skin="novametrics"] .nm-bar { flex-wrap:wrap; gap:6px }
  html[data-analytics-skin="novametrics"] .nm-bar-right { margin-left:auto }
  html[data-analytics-skin="novametrics"] .nm-search { order:10; flex:1 1 100%; max-width:none }
  html[data-analytics-skin="novametrics"] #tenant { max-width:46vw }
  html[data-analytics-skin="novametrics"] .nm-options>.view-controls { position:fixed; left:10px; right:10px; top:96px; width:auto; max-width:none }
  html[data-analytics-skin="novametrics"] .nm-titlebar { padding:10px 12px 0 }
  html[data-analytics-skin="novametrics"] .content { padding:8px 12px 16px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-row-3,html[data-analytics-skin="novametrics"] #sysnav-root .nm-row-2 { grid-template-columns:minmax(0,1fr) }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-row-3>.nm-panel:nth-child(3) { grid-column:auto }
  html[data-analytics-skin="novametrics"] #sysnav-root .nh-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)) }
  html[data-analytics-skin="novametrics"] #sysnav-root .nh-trow { grid-template-columns:minmax(0,1fr) 96px; gap:4px 10px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nh-twhy { grid-column:1/-1 }
  html[data-analytics-skin="novametrics"] #sysnav-root .nh-spark { width:96px }
}
@media(max-width:600px) {
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-head { flex-direction:column; gap:4px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-head .nh-tag { max-width:100%; white-space:normal }
  html[data-analytics-skin="novametrics"] .top .statusbar { padding:0 7px }
  html[data-analytics-skin="novametrics"] .periods button { padding:4px 6px }
  html[data-analytics-skin="novametrics"] .nm-titlebar .title h1 { font-size:18px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi { min-height:0; padding:10px 11px 8px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-value { font-size:24px; margin:6px 0 }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-value.txt { font-size:17px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi-lines li { text-transform:none; letter-spacing:0 }
  html[data-analytics-skin="novametrics"] #sysnav-root :is(.nm-split,.nh-prep,.nh-focus) { grid-template-columns:minmax(0,1fr) }
  html[data-analytics-skin="novametrics"] #sysnav-root .nh-focus .nm-kpi { border-right:0; border-bottom:1px solid var(--nm-border) }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-att { grid-template-columns:6px minmax(0,1fr) auto; row-gap:3px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-att .nm-pill { grid-column:2 }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-body { grid-column:2 / -1 }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-att-meta { grid-column:3; grid-row:1; flex-direction:row; align-items:center; gap:6px }
  html[data-analytics-skin="novametrics"] #sysnav-root .nh-sources { grid-template-columns:repeat(var(--nm-source-count),110px) }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-stats strong { font-size:15px }
  html[data-analytics-skin="novametrics"] .kpis { grid-template-columns:1fr 1fr }
}
@media(max-width:380px) {
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-metrics { grid-template-columns:minmax(0,1fr) }
  html[data-analytics-skin="novametrics"] #sysnav-root .nm-kpi { border-right:0; border-bottom:1px solid var(--nm-border) }
}
@media(prefers-reduced-motion:reduce) {
  html[data-analytics-skin="novametrics"] *,html[data-analytics-skin="novametrics"] *::before,html[data-analytics-skin="novametrics"] *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important }
}

/* Amaury's original reference (09/10): composition, not a source of operational facts. */
html[data-analytics-skin="novametrics"][data-analytics-theme="night"]{
 --nm-bg:#061421;--nm-fg:#eef5ff;--nm-muted:#9eb9d9;--nm-card:#081d30;--nm-subtle:#0a213a;
 --nm-border:#163b5b;--nm-primary:#00caff;--nm-active:#102f50;--nm-active-line:#164875;
 --nm-sidebar:#061726;--nm-top:#071625;--nm-green:#00c99a;--nm-amber:#ffcd65;--nm-red:#ff4969;
 --vr-blue-head:linear-gradient(110deg,#123e70,#0a2e54);--vr-blue-bg:linear-gradient(125deg,#0b213b,#061827);
 --vr-amber-head:linear-gradient(105deg,#785016,#4d3610);--vr-amber-bg:linear-gradient(120deg,#201f12,#151a17);
 --vr-green-head:linear-gradient(110deg,#084536,#06362f);--vr-green-bg:linear-gradient(125deg,#072a29,#061c24);
 --vr-track:#102e47;--vr-field:#051726;--vr-panel:linear-gradient(125deg,#0b2238,#082033);
}
html[data-analytics-skin="novametrics"][data-analytics-theme="day"]{
 --vr-blue-head:#d9eaff;--vr-blue-bg:#f0f7ff;--vr-amber-head:#ffebc0;--vr-amber-bg:#fff9eb;
 --vr-green-head:#d9f3e9;--vr-green-bg:#eefaf6;--vr-track:#dbe8f5;--vr-field:#fff;--vr-panel:#fff;
}
html[data-analytics-skin="novametrics"] body{font:14px/1.45 "Segoe UI",system-ui,sans-serif;background:radial-gradient(ellipse at 60% 5%,#0b2c4538,transparent 65%),var(--nm-bg)}
html[data-analytics-skin="novametrics"] .sidebar{width:200px;background:linear-gradient(150deg,var(--nm-sidebar),var(--nm-bg));border-color:var(--nm-border)}
html[data-analytics-skin="novametrics"] .main{min-width:0}
html[data-analytics-skin="novametrics"] .brand{height:76px;padding:14px 18px;border-bottom:0}
html[data-analytics-skin="novametrics"] .brand .brand-lockup{gap:10px}
html[data-analytics-skin="novametrics"] .brand .brand-lockup img{width:38px;height:38px}
html[data-analytics-skin="novametrics"] .brand .brand-wordmark{width:87px;height:36px;background-position:-38px -104px;background-size:163px 163px}
html[data-analytics-skin="novametrics"] #nav{padding:8px 11px}
html[data-analytics-skin="novametrics"] .sysnav-sep{display:none}
html[data-analytics-skin="novametrics"] .sysnav{gap:3px}
html[data-analytics-skin="novametrics"] .sysnav-head{min-height:39px;font-size:13.5px;padding:8px 10px;border-radius:6px}
html[data-analytics-skin="novametrics"] .sysnav-head svg.ico{width:17px;height:17px}
html[data-analytics-skin="novametrics"] .sysnav-head .lbl{overflow:visible}
html[data-analytics-skin="novametrics"] .sysnav-subs{margin:0 0 4px 17px;font-size:12px}
html[data-analytics-skin="novametrics"] .sysnav-group[data-nh-group="home"] .sysnav-subs{display:none}
html[data-analytics-skin="novametrics"] .sysnav-group[data-nh-group="home"] .chev{display:none}
html[data-analytics-skin="novametrics"] .vr-trend-link{display:flex;align-items:center;gap:10px;padding:9px 10px;color:var(--nm-muted);text-decoration:none}
html[data-analytics-skin="novametrics"] .vr-trend-link svg{width:17px;height:17px}
html[data-analytics-skin="novametrics"] .sysnav-legacy{margin-top:8px}
html[data-analytics-skin="novametrics"] .top{height:64px;padding:0 20px;border-bottom:0;background:transparent}
html[data-analytics-skin="novametrics"] .nm-bar{gap:18px}
html[data-analytics-skin="novametrics"] .top :where(#tenant,.periods,.nm-search,.nm-bar-right>.settings,.nm-theme-toggle,.nm-options>summary){height:38px;font-size:12px;border-radius:5px;background:var(--vr-field)}
html[data-analytics-skin="novametrics"] #tenant{max-width:208px;min-width:180px;line-height:36px;font-weight:500}
html[data-analytics-skin="novametrics"] .nm-route{display:none}
html[data-analytics-skin="novametrics"] .periods{padding:2px;flex:none}
html[data-analytics-skin="novametrics"] .periods>.nm-bar-ico{display:none}
html[data-analytics-skin="novametrics"] #nm-period-select{display:none}
html[data-analytics-skin="novametrics"] .periods button{display:block;padding:7px 16px;color:var(--nm-fg);font-size:12px}
html[data-analytics-skin="novametrics"] .periods button.active{background:linear-gradient(#0788ff,#0066ef);color:white;box-shadow:0 0 10px #006dff55}
html[data-analytics-skin="novametrics"] .nm-search{max-width:none;flex:1;padding:0 12px}
html[data-analytics-skin="novametrics"] .nm-search input{font-size:12px}
html[data-analytics-skin="novametrics"] .nm-bar-right{gap:8px}
html[data-analytics-skin="novametrics"] .statusbar{padding:5px 10px;border-radius:20px;font-size:11px}
html[data-analytics-skin="novametrics"] .nm-titlebar{padding:8px 20px 4px}
html[data-analytics-skin="novametrics"] .nm-crumb{font-size:11px;letter-spacing:.045em}
html[data-analytics-skin="novametrics"] .nm-crumb::before,html[data-analytics-skin="novametrics"] .nm-crumb b,html[data-analytics-skin="novametrics"] .nm-crumb span[aria-hidden]{display:none}
html[data-analytics-skin="novametrics"] .nm-titlebar .title h1{font:700 24px/1.25 "Segoe UI",system-ui,sans-serif;margin:3px 0}
html[data-analytics-skin="novametrics"] .nm-titlebar .title p{font-size:12px;color:var(--nm-fg);margin:2px 0}
html[data-analytics-skin="novametrics"] .content{padding:3px 20px 12px}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash{gap:13px}
html[data-analytics-skin="novametrics"] .nh-dash .nh-route-intro{min-height:17px;font-size:10px}
html[data-analytics-skin="novametrics"] .nh-dash .nh-banner{max-width:80%;font-size:10px;line-height:1.35}
html[data-analytics-skin="novametrics"] .nh-dash .nh-banner code{display:none}
html[data-analytics-skin="novametrics"] .nh-dash .nh-banner.real{font-size:0}
html[data-analytics-skin="novametrics"] .nh-dash .nh-banner.real b,html[data-analytics-skin="novametrics"] .nh-dash .nh-banner.real button{font-size:10px}
html[data-analytics-skin="novametrics"] .nh-dash .nh-period{display:none}
html[data-analytics-skin="novametrics"] .vr-highlights{display:grid;grid-template-columns:1.04fr 1.02fr 1fr;gap:12px}
html[data-analytics-skin="novametrics"] .vr-panel{min-width:0;border:1px solid var(--nm-border);border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff06,0 8px 24px #0002}
html[data-analytics-skin="novametrics"] .vr-apps{background:var(--vr-blue-bg);border-color:#0960a3}
html[data-analytics-skin="novametrics"] .vr-attendance{background:var(--vr-amber-bg);border-color:#69501f}
html[data-analytics-skin="novametrics"] .vr-sources{background:var(--vr-green-bg);border-color:#125248}
html[data-analytics-skin="novametrics"] .vr-head{display:flex;align-items:center;gap:11px;height:40px;padding:0 14px}
html[data-analytics-skin="novametrics"] .vr-head .nm-ico{width:20px;height:20px}
html[data-analytics-skin="novametrics"] .vr-head h2{font-size:12.5px;font-weight:650;text-transform:uppercase;margin:0;flex:1}
html[data-analytics-skin="novametrics"] .vr-head>span{font-size:11px;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-apps .vr-head{background:var(--vr-blue-head)}
html[data-analytics-skin="novametrics"] .vr-apps .vr-head svg{color:#00aaff}
html[data-analytics-skin="novametrics"] .vr-attendance .vr-head{background:var(--vr-amber-head)}
html[data-analytics-skin="novametrics"] .vr-sources .vr-head{background:var(--vr-green-head)}
html[data-analytics-skin="novametrics"] .vr-sources .vr-head svg{color:var(--nm-green)}
html[data-analytics-skin="novametrics"] .vr-pad{padding:10px 14px 9px}
html[data-analytics-skin="novametrics"] .vr-feature{display:flex;align-items:center;gap:16px;min-height:58px}
html[data-analytics-skin="novametrics"] .vr-app-icon{height:56px;width:56px;display:grid;place-items:center;background:linear-gradient(135deg,#092441,#040f1b);border-radius:10px;box-shadow:0 4px 16px #0003;color:#078aff;flex:none}
html[data-analytics-skin="novametrics"] .vr-app-icon svg{width:29px;height:29px}
html[data-analytics-skin="novametrics"] .vr-app-icon.small{height:26px;width:26px;border-radius:6px}
html[data-analytics-skin="novametrics"] .vr-app-icon.small svg{width:18px;height:18px}
html[data-analytics-skin="novametrics"] .vr-feature h3{font-size:24px;line-height:1.15;margin:0 0 5px;overflow-wrap:anywhere}
html[data-analytics-skin="novametrics"] .vr-feature p{font-size:13px;color:var(--nm-muted);margin:0}
html[data-analytics-skin="novametrics"] .vr-summary{font-size:12px;margin:10px 0 14px}
html[data-analytics-skin="novametrics"] .vr-app-rank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-analytics-skin="novametrics"] .vr-mini-app{min-height:78px;background:linear-gradient(135deg,#17395b30,#09233b80);border:1px solid #20496b55;border-radius:7px;padding:9px 8px;text-align:center;font-size:11px;position:relative}
html[data-analytics-skin="novametrics"] .vr-mini-app b{display:block;overflow-wrap:anywhere;font-size:11px;font-weight:550}
html[data-analytics-skin="novametrics"] .vr-mini-app strong{display:block;font-size:19px;margin:2px 0}
html[data-analytics-skin="novametrics"] .vr-mini-app small{color:var(--nm-muted);font-size:10px}
html[data-analytics-skin="novametrics"] .vr-mini-app .small{float:left;margin-right:4px}
html[data-analytics-skin="novametrics"] .vr-caption{font-size:11px;color:var(--nm-muted);margin:9px 0;display:flex;align-items:center;gap:7px}
html[data-analytics-skin="novametrics"] .vr-caption svg{width:16px;height:16px;flex:none}
html[data-analytics-skin="novametrics"] .vr-actions{display:flex;gap:10px;align-items:center}
html[data-analytics-skin="novametrics"] .vr-action{font-size:11px;text-decoration:none;color:var(--nm-primary);white-space:nowrap}
html[data-analytics-skin="novametrics"] .vr-actions .vr-action{padding:8px 11px;border:1px solid var(--nm-border);border-radius:5px;background:#0d274755;color:var(--nm-fg)}
html[data-analytics-skin="novametrics"] .vr-actions .vr-action.primary{background:linear-gradient(#0788ff,#0066ef);color:#fff;border-color:#0988ff;flex:1;text-align:center}
html[data-analytics-skin="novametrics"] .vr-attendance .vr-actions .vr-action{background:#5a3a1255;border-color:#65471f}
html[data-analytics-skin="novametrics"] .vr-help{font-size:10px;color:var(--nm-muted);margin-top:5px}
html[data-analytics-skin="novametrics"] .vr-help summary{cursor:pointer;color:var(--nm-primary)}
html[data-analytics-skin="novametrics"] .vr-help p{font-size:12px;white-space:normal}
html[data-analytics-skin="novametrics"] .vr-queue{display:flex;align-items:baseline;gap:8px;padding:3px 3px 18px}
html[data-analytics-skin="novametrics"] .vr-queue>strong{font-size:49px;line-height:1;color:var(--nm-amber)}
html[data-analytics-skin="novametrics"] .vr-queue>span{font-size:11px}
html[data-analytics-skin="novametrics"] .vr-queue>div{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-left:auto}
html[data-analytics-skin="novametrics"] .vr-queue b{color:var(--nm-amber);font-size:15px}
html[data-analytics-skin="novametrics"] .vr-queue small{font-size:11px;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html[data-analytics-skin="novametrics"] .vr-times>div{border:1px solid #5c4c2733;border-radius:6px;background:#64512718;padding:7px 12px;min-height:90px}
html[data-analytics-skin="novametrics"] .vr-times strong{font-size:24px}
html[data-analytics-skin="novametrics"] .vr-times p{font-size:12px;margin:0}
html[data-analytics-skin="novametrics"] .vr-times small{font-size:11px;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-source-strip{display:flex;gap:2px;height:17px;margin:2px 0 12px;background:#1e334c;border-radius:3px;overflow:hidden}
html[data-analytics-skin="novametrics"] .vr-source-strip i{flex:1;background:#29405b}
html[data-analytics-skin="novametrics"] .vr-source-strip .synthetic{background:#00aa8080}
html[data-analytics-skin="novametrics"] .vr-source-strip .stale{background:#ffc44f}
html[data-analytics-skin="novametrics"] .vr-source-strip .offline{background:#fb4665}
html[data-analytics-skin="novametrics"] .vr-source{display:grid;grid-template-columns:10px 1fr 90px 46px;gap:8px;align-items:center;border-bottom:1px solid #39706733;height:22px;font-size:11.5px}
html[data-analytics-skin="novametrics"] .vr-source>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-analytics-skin="novametrics"] .vr-source small{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-analytics-skin="novametrics"] .vr-source em{color:var(--nm-muted);font-size:10px;font-style:normal;text-align:right}
html[data-analytics-skin="novametrics"] .vr-dot{width:9px;height:9px;border-radius:50%;background:#56718a}
html[data-analytics-skin="novametrics"] .vr-dot.synthetic{background:#20b9e0}
html[data-analytics-skin="novametrics"] .vr-dot.healthy{background:var(--nm-green)}
html[data-analytics-skin="novametrics"] .vr-dot.stale{background:var(--nm-amber)}
html[data-analytics-skin="novametrics"] .vr-dot.offline{background:var(--nm-red)}
html[data-analytics-skin="novametrics"] .vr-sources .vr-actions{margin-top:9px}
html[data-analytics-skin="novametrics"] .vr-sources .vr-actions a{padding:3px 8px;font-size:10.5px}
html[data-analytics-skin="novametrics"] .vr-search{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:18px;padding:12px 14px;background:linear-gradient(120deg,var(--nm-subtle),var(--nm-card));border:1px solid var(--nm-border);border-radius:8px}
html[data-analytics-skin="novametrics"] .vr-search-heading{display:flex;gap:15px;align-items:center}
html[data-analytics-skin="novametrics"] .vr-search-heading>svg{width:27px;height:27px}
html[data-analytics-skin="novametrics"] .vr-search h2{font-size:12px;text-transform:uppercase;margin:0 0 4px}
html[data-analytics-skin="novametrics"] .vr-search-heading p{font-size:11px;color:var(--nm-muted);margin:0}
html[data-analytics-skin="novametrics"] .vr-search-field,html[data-analytics-skin="novametrics"] .vr-search form{min-width:0}
html[data-analytics-skin="novametrics"] .vr-search label{display:block;font-size:11.5px;margin-bottom:5px}
html[data-analytics-skin="novametrics"] .vr-search label small{color:var(--nm-muted);font-size:10px}
html[data-analytics-skin="novametrics"] .vr-search input{width:100%;height:36px;min-width:0;background:var(--vr-field);border:1px solid var(--nm-border);color:var(--nm-fg);border-radius:5px;padding:8px 12px;font-size:12px}
html[data-analytics-skin="novametrics"] .vr-search input::placeholder{color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-search input:disabled{opacity:.75;cursor:not-allowed}
html[data-analytics-skin="novametrics"] .vr-search-field small{font-size:10px;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-search form>div{display:flex;gap:16px}
html[data-analytics-skin="novametrics"] .vr-search button{display:flex;align-items:center;gap:10px;border:0;border-radius:5px;background:linear-gradient(#0788ff,#0066ef);color:white;padding:0 18px;height:36px;font-size:12px}
html[data-analytics-skin="novametrics"] .vr-search button svg{width:16px;height:16px}
html[data-analytics-skin="novametrics"] .vr-search [data-nh-case-status]{grid-column:1/-1;font-size:10px;color:var(--nm-muted);margin:-10px 0 0}
html[data-analytics-skin="novametrics"] .vr-search [data-nh-case-result]:empty{display:none}
html[data-analytics-skin="novametrics"] .vr-search [data-nh-case-result]{grid-column:1/-1}
html[data-analytics-skin="novametrics"] .vr-charts{display:grid;grid-template-columns:1.48fr 1fr 1.02fr;gap:12px}
html[data-analytics-skin="novametrics"] .vr-chart{min-width:0;min-height:202px;background:var(--vr-panel);border:1px solid var(--nm-border);border-radius:8px;padding:11px 14px}
html[data-analytics-skin="novametrics"] .vr-chart>header,html[data-analytics-skin="novametrics"] .vr-lower-card>header{display:flex;gap:8px;align-items:center;margin-bottom:8px}
html[data-analytics-skin="novametrics"] .vr-chart h2,html[data-analytics-skin="novametrics"] .vr-lower h2{font-size:11.5px;font-weight:550;text-transform:uppercase;margin:0;flex:1;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-chart>header a{font-size:10px}
html[data-analytics-skin="novametrics"] .vr-chart-number{display:flex;gap:8px;align-items:baseline}
html[data-analytics-skin="novametrics"] .vr-chart-number strong{font-size:29px;line-height:1}
html[data-analytics-skin="novametrics"] .vr-chart-number>span{font-size:11px;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-plot{height:85px;margin:14px 0 20px;border-bottom:1px solid var(--nm-border);background:repeating-linear-gradient(to top,transparent 0,transparent 21px,#3c698f22 22px),repeating-linear-gradient(to right,transparent 0,transparent 42px,#3c698f22 43px)}
html[data-analytics-skin="novametrics"] .vr-bars{display:flex;height:100%;align-items:flex-end;gap:12px;padding:0 9px}
html[data-analytics-skin="novametrics"] .vr-bars>div{height:100%;display:flex;align-items:flex-end;position:relative;flex:1}
html[data-analytics-skin="novametrics"] .vr-bars i{display:block;width:100%;background:linear-gradient(#20bfff,#009aef);border-radius:3px 3px 0 0}
html[data-analytics-skin="novametrics"] .vr-bars small{position:absolute;top:100%;padding-top:4px;width:100%;text-align:center;font-size:9px;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-plot-empty{height:116px;display:grid;place-items:center;color:var(--nm-muted);font-size:12px;background:linear-gradient(120deg,#123c5a18,transparent);border-radius:5px}
html[data-analytics-skin="novametrics"] .vr-plot .vr-plot-empty{height:100%}
html[data-analytics-skin="novametrics"] .vr-reason-bars{display:grid;gap:7px;padding:4px 0}
html[data-analytics-skin="novametrics"] .vr-reason-bars>div{display:grid;grid-template-columns:116px 1fr 26px;gap:8px;align-items:center;font-size:10.5px}
html[data-analytics-skin="novametrics"] .vr-reason-bars>div>i{height:9px;border-radius:6px;background:var(--vr-track);overflow:hidden}
html[data-analytics-skin="novametrics"] .vr-reason-bars b{display:block;background:linear-gradient(90deg,#00a8f8,#32baff);height:100%;border-radius:6px}
html[data-analytics-skin="novametrics"] .vr-reason-bars>div:first-child b{background:linear-gradient(90deg,#ff4261,#fd6a7d)}
html[data-analytics-skin="novametrics"] .vr-reason-bars strong{text-align:right}
html[data-analytics-skin="novametrics"] .vr-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px 0}
html[data-analytics-skin="novametrics"] .vr-results strong{display:block;font-size:23px;color:var(--nm-green)}
html[data-analytics-skin="novametrics"] .vr-results>div:nth-child(2) strong{color:var(--nm-amber)}
html[data-analytics-skin="novametrics"] .vr-results>div:nth-child(3) strong{color:var(--nm-red)}
html[data-analytics-skin="novametrics"] .vr-results span{display:block;font-size:11px;margin:3px 0 15px}
html[data-analytics-skin="novametrics"] .vr-results i{display:block;height:9px;max-width:100%;border-radius:3px;background:var(--nm-green)}
html[data-analytics-skin="novametrics"] .vr-results>div:nth-child(2) i{background:var(--nm-amber)}
html[data-analytics-skin="novametrics"] .vr-results>div:nth-child(3) i{background:var(--nm-red)}
html[data-analytics-skin="novametrics"] .vr-lower{display:grid;grid-template-columns:1fr .94fr 1.12fr 1fr;gap:12px}
html[data-analytics-skin="novametrics"] .vr-lower-card{min-width:0;border:1px solid var(--nm-border);background:var(--vr-panel);border-radius:8px;padding:9px 12px;min-height:114px}
html[data-analytics-skin="novametrics"] .vr-lower-card header svg{width:16px;height:16px;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-lower-card header a{font-size:10px}
html[data-analytics-skin="novametrics"] .vr-lower-card>strong{font-size:24px}
html[data-analytics-skin="novametrics"] .vr-lower-card p{font-size:11px;margin:5px 0;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .vr-network{display:flex;gap:16px}
html[data-analytics-skin="novametrics"] .vr-network strong{display:block;font-size:22px}
html[data-analytics-skin="novametrics"] .vr-network small{display:block;font-size:10px;color:var(--nm-muted)}
html[data-analytics-skin="novametrics"] .page-footer{text-align:left;font-size:10px;padding:2px 20px 12px}
@media(max-width:1300px) and (min-width:861px){
 html[data-analytics-skin="novametrics"] .nm-bar{gap:9px}
 html[data-analytics-skin="novametrics"] .periods button{padding:7px 10px}
 html[data-analytics-skin="novametrics"] #tenant{min-width:150px}
 html[data-analytics-skin="novametrics"] .vr-head{gap:7px;padding:0 10px}
 html[data-analytics-skin="novametrics"] .vr-head h2{font-size:11px}
 html[data-analytics-skin="novametrics"] .vr-head>span{font-size:9px}
 html[data-analytics-skin="novametrics"] .vr-pad{padding:10px}
 html[data-analytics-skin="novametrics"] .vr-source{grid-template-columns:8px 1fr 75px 30px;gap:4px;font-size:10px}
 html[data-analytics-skin="novametrics"] .vr-actions{gap:5px}
 html[data-analytics-skin="novametrics"] .vr-actions a{padding:6px;font-size:10px}
 html[data-analytics-skin="novametrics"] .vr-queue{flex-wrap:wrap;padding-bottom:10px}
 html[data-analytics-skin="novametrics"] .vr-queue>div{grid-template-columns:auto 1fr}
 html[data-analytics-skin="novametrics"] .vr-search{gap:10px;grid-template-columns:.9fr 1fr 1fr 1.6fr}
 html[data-analytics-skin="novametrics"] .vr-reason-bars>div{grid-template-columns:90px 1fr 25px}
}
@media(max-width:860px){
 html[data-analytics-skin="novametrics"] .sidebar{width:240px}
 html[data-analytics-skin="novametrics"] .top{height:auto;min-height:64px;padding:8px 12px}
 html[data-analytics-skin="novametrics"] .nm-bar{flex-wrap:wrap;gap:8px}
 html[data-analytics-skin="novametrics"] .nm-bar-right{margin-left:0}
 html[data-analytics-skin="novametrics"] .periods button{padding:7px 10px}
 html[data-analytics-skin="novametrics"] #tenant{min-width:140px;font-size:11px}
 html[data-analytics-skin="novametrics"] .nm-search{flex-basis:100%;order:5}
 html[data-analytics-skin="novametrics"] .nm-titlebar{padding:10px 12px 4px}
 html[data-analytics-skin="novametrics"] .content{padding:4px 12px 12px}
 html[data-analytics-skin="novametrics"] .vr-highlights,html[data-analytics-skin="novametrics"] .vr-charts{grid-template-columns:1fr}
 html[data-analytics-skin="novametrics"] .vr-search{grid-template-columns:1fr 1fr;gap:12px}
 html[data-analytics-skin="novametrics"] .vr-search-heading,html[data-analytics-skin="novametrics"] .vr-search form{grid-column:1/-1}
 html[data-analytics-skin="novametrics"] .vr-lower{grid-template-columns:1fr 1fr}
 html[data-analytics-skin="novametrics"] .nh-dash .nh-banner{max-width:100%}
 html[data-analytics-skin="novametrics"] .nh-dash .nh-route-intro{display:flex;flex-direction:column}
 html[data-analytics-skin="novametrics"] .vr-bars{gap:6px}
}
@media(max-width:440px){
 html[data-analytics-skin="novametrics"] .vr-lower{grid-template-columns:1fr}
 html[data-analytics-skin="novametrics"] .vr-search-field{grid-column:1/-1}
 html[data-analytics-skin="novametrics"] .vr-search form>div{gap:8px}
 html[data-analytics-skin="novametrics"] .vr-search button{padding:0 10px}
 html[data-analytics-skin="novametrics"] .vr-feature h3{font-size:22px}
}

/* Final geometry pass after the equivalent-width browser capture. */
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash{font-size:13px}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search form{display:block;padding:0;background:transparent;border:0}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search form label{font-weight:550;font-size:11.5px;margin:0 0 5px}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search form input{width:100%;height:36px;padding:8px 12px;font-size:12px;flex:1}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search form button{height:36px;padding:0 18px;background:linear-gradient(#0788ff,#0066ef);border:0;color:#fff;font-size:12px}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search [data-nh-case-status]{font-size:10px;margin:-10px 0 0;padding:0;min-height:0}
html[data-analytics-skin="novametrics"] .vr-panel{position:relative;min-height:300px}
html[data-analytics-skin="novametrics"] .vr-panel>.vr-pad>.vr-help{position:absolute;right:12px;bottom:10px;margin:0}
html[data-analytics-skin="novametrics"] .vr-panel .vr-help[open]{z-index:5;width:calc(100% - 24px);padding:10px;background:var(--nm-card);border:1px solid var(--nm-border);box-shadow:0 8px 24px #0008;border-radius:5px}
html[data-analytics-skin="novametrics"] .vr-mini-app{padding:7px 6px;min-height:78px}
html[data-analytics-skin="novametrics"] .vr-summary{margin:8px 0 12px}
html[data-analytics-skin="novametrics"] .vr-feature h3{font-weight:650}
html[data-analytics-skin="novametrics"] .vr-feature p{font-size:13px}
html[data-analytics-skin="novametrics"] .vr-chart{position:relative;padding-bottom:24px}
html[data-analytics-skin="novametrics"] .vr-chart>.vr-help{position:absolute;bottom:5px;left:14px;margin:0}
html[data-analytics-skin="novametrics"] .vr-chart>.vr-help[open]{width:calc(100% - 28px);padding:8px;z-index:5;background:var(--nm-card);border:1px solid var(--nm-border);border-radius:5px}
html[data-analytics-skin="novametrics"] .vr-chart .vr-caption{font-size:10px;margin:6px 0 0}
html[data-analytics-skin="novametrics"] .vr-plot{margin:10px 0 17px;height:75px}
html[data-analytics-skin="novametrics"] .nm-titlebar{padding-bottom:8px}
html[data-analytics-skin="novametrics"] .vr-source small{color:var(--nm-muted)}

html[data-analytics-skin="novametrics"] .vr-search{position:relative;row-gap:0;padding-bottom:20px}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search [data-nh-case-status]{position:absolute;left:14px;bottom:3px;margin:0;font-size:10px;line-height:1.3;padding:0}
html[data-analytics-skin="novametrics"] .vr-trend-link svg{fill:none;stroke:currentColor;stroke-width:1.8}
html[data-analytics-skin="novametrics"] .vr-mini-app{font-size:11px;min-height:78px}
html[data-analytics-skin="novametrics"] .vr-head h2{font-size:13px}
html[data-analytics-skin="novametrics"] .vr-queue>span{font-size:12px}
html[data-analytics-skin="novametrics"] .vr-source{font-size:12px}
html[data-analytics-skin="novametrics"] .vr-search-heading p{font-size:12px}
@media(max-width:860px){html[data-analytics-skin="novametrics"] .vr-search{row-gap:12px;padding-bottom:30px}}

html[data-analytics-skin="novametrics"] .vr-chart-number strong small{font-size:11px;font-weight:400;color:var(--nm-muted)}

html[data-analytics-skin="novametrics"] .vr-source{height:20px}
html[data-analytics-skin="novametrics"] .vr-source-strip{margin-bottom:8px}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-chart-number strong{margin:0;font:650 29px/1.1 "Segoe UI",system-ui,sans-serif}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-chart-number strong small{font-size:11px;font-weight:400}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search form{align-self:start;line-height:0}
html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search form label,html[data-analytics-skin="novametrics"] #sysnav-root.nh-dash .vr-search form>div{line-height:1.45}

html[data-analytics-skin="novametrics"] .vr-queue{padding-bottom:2px}