:root[data-look=night-road][data-surface=client] .dr{--accent:var(--color-accent);--accent-ink:var(--color-ink);--charge:var(--color-live);--ember:var(--color-ember);--emergency:var(--color-emergency);--border:var(--nr-card-border);--border-strong:color-mix(in srgb,var(--nr-card-border) 70%,white 15%);--glass-bg:rgb(var(--nr-card-rgb)/var(--nr-card-alpha));--glass-blur:var(--nr-card-blur);--radius-lg:4px;--text-dim:var(--nr-text-on-glass-secondary);--text-dimmer:color-mix(in srgb,var(--nr-text-on-glass-secondary) 55%,white)}:root[data-look=night-road][data-surface=client] .dr .card{position:relative;box-shadow:var(--nr-card-highlight),var(--nr-card-shadow);backdrop-filter:blur(var(--nr-card-blur)) saturate(var(--nr-glass-saturate));-webkit-backdrop-filter:blur(var(--nr-card-blur)) saturate(var(--nr-glass-saturate))}:root[data-look=night-road][data-surface=client] .dr .card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:var(--nr-glass-sheen);opacity:min(var(--nr-glass-sheen-opacity),.9);mix-blend-mode:screen}@media (max-width:767px){:root[data-look=night-road][data-surface=client] .dr .card+.card+.card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgb(var(--nr-card-rgb)/.86)}}:root[data-look=night-road][data-surface=client] .dr .jobhero,:root[data-look=night-road][data-surface=client] .dr [data-nr-lit=live]{
  /* !important: ClientJobGrid.tsx sets `background` inline (the demo's own
     photo+gradient, ported verbatim — see this component's header, "this
     lane does not hand-edit") and an inline style beats any non-!important
     stylesheet rule for the same property regardless of selector
     specificity, so without this the frost material below was silently
     never applying — computed backgroundImage stayed the sharp inline
     photo (measured, this lane, 2026-09-03). box-shadow/backdrop-filter
     have no inline competitor and were already winning; only `background`
     needed it. This is what makes the hero an actual frost tile (blurred
     backdrop through a --nr-frost-alpha film) instead of the raw photo the
     gauge ring was sitting on — item 3's "bright plug photo bleeds through
     the unlit track" finding. */background:rgb(var(--nr-frost-rgb)/var(--nr-frost-alpha))!important;border-color:var(--nr-frost-border);box-shadow:var(--nr-frost-highlight),var(--nr-frost-shadow);backdrop-filter:blur(var(--nr-frost-blur)) saturate(var(--nr-glass-saturate));-webkit-backdrop-filter:blur(var(--nr-frost-blur)) saturate(var(--nr-glass-saturate));overflow:hidden}:root[data-look=night-road][data-surface=client] .dr .jobhero:before,:root[data-look=night-road][data-surface=client] .dr [data-nr-lit=live]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:var(--nr-frost-grain);mix-blend-mode:overlay}:root[data-look=night-road][data-surface=client] .dr .jobhero,:root[data-look=night-road][data-surface=client] .dr .jobtiles>.card:first-child,:root[data-look=night-road][data-surface=client] .dr [data-nr-lit]{transition:box-shadow var(--nr-light-transition) ease}:root[data-look=night-road][data-surface=client][data-light=approaching] .dr .jobtiles>.card:first-child,:root[data-look=night-road][data-surface=client][data-light=approaching] .dr [data-nr-lit=waiting],:root[data-look=night-road][data-surface=client][data-light=arrived] .dr .jobtiles>.card:first-child,:root[data-look=night-road][data-surface=client][data-light=arrived] .dr [data-nr-lit=waiting],:root[data-look=night-road][data-surface=client][data-light=waiting] .dr [data-nr-lit=waiting]{--nr-glow-color:var(--nr-glow-waiting);box-shadow:var(--nr-glow-edge),var(--nr-glow-ring),var(--nr-glow-halo),var(--nr-card-highlight),var(--nr-card-shadow)}:root[data-look=night-road][data-surface=client][data-light=charging] .dr .jobhero,:root[data-look=night-road][data-surface=client][data-light=charging] .dr [data-nr-lit=live],:root[data-look=night-road][data-surface=client][data-light=wrapping] .dr .jobhero,:root[data-look=night-road][data-surface=client][data-light=wrapping] .dr [data-nr-lit=live]{--nr-glow-color:var(--nr-glow-live);box-shadow:var(--nr-glow-edge),var(--nr-glow-ring),var(--nr-glow-halo),var(--nr-frost-highlight),var(--nr-frost-shadow)}:root[data-look=night-road][data-surface=client][data-light=done] .dr [data-nr-lit=done]{--nr-glow-color:var(--nr-glow-done);box-shadow:var(--nr-glow-edge),var(--nr-glow-ring),var(--nr-glow-halo),var(--nr-card-highlight),var(--nr-card-shadow)}:root[data-look=night-road][data-surface=client][data-light=emergency] .dr [data-nr-lit=emergency]{--nr-glow-color:var(--nr-glow-emergency);box-shadow:var(--nr-glow-edge),var(--nr-glow-ring),var(--nr-glow-halo),var(--nr-card-highlight),var(--nr-card-shadow)}:root[data-look=night-road][data-surface=client] .dr .gauge-mount{position:relative;z-index:0}:root[data-look=night-road][data-surface=client] .dr .gauge-mount:before{content:"";position:absolute;inset:calc((1 - var(--nr-gauge-wash-scale)) * 50%);pointer-events:none;z-index:-1;background:var(--nr-gauge-wash)}:root[data-look=night-road][data-surface=client] .dr .screen-head{position:sticky;top:8px;z-index:5;padding:12px 16px;border-radius:4px;background:rgb(var(--nr-thin-rgb)/var(--nr-thin-alpha));border:1px solid var(--nr-thin-border);backdrop-filter:blur(var(--nr-thin-blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--nr-thin-blur)) saturate(1.3)}:root[data-look=night-road][data-surface=client] .nr-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));border-radius:0;border-width:1px 0 0}:root[data-look=night-road][data-surface=client] .nr-action-bar .btn{flex:1}:root[data-look=night-road][data-surface=client] .nr-step-chrome{background:rgb(var(--nr-thin-rgb)/var(--nr-thin-alpha));border:1px solid var(--nr-thin-border);border-radius:4px;backdrop-filter:blur(var(--nr-thin-blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--nr-thin-blur)) saturate(1.3);padding:14px 16px 16px;margin-bottom:4px}:root[data-look=night-road][data-surface=client] .nr-help-chrome{background:rgb(var(--nr-thin-rgb)/.94);border:1px solid var(--nr-thin-border);border-radius:4px;padding:10px 14px}:root[data-look=night-road][data-surface=client] .nr-help-chrome>.dim:first-child{margin-top:0!important}:root[data-look=night-road][data-surface=client] .nr-help-chrome:has(>p.dim){margin-top:16px}:root[data-look=night-road][data-surface=client] .nr-step-chrome{padding:14px 16px}:root[data-look=night-road][data-surface=client] .nr-step-chrome .stepper{margin-bottom:0!important}:root[data-look=night-road][data-surface=client] .pillrow[aria-label=Theme] button{min-width:48px;justify-content:center}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]){--nr-card-rgb:18 28 31;--nr-card-alpha:0.72;--nr-card-border:rgba(143,170,174,0.22);--nr-card-highlight:inset 0 1px 0 rgba(255,255,255,0.16);--nr-card-shadow:0 12px 28px rgba(0,0,0,0.28);--nr-frost-rgb:18 28 31;--nr-frost-alpha:0.55;--nr-frost-border:rgba(143,170,174,0.3);--nr-frost-highlight:inset 0 1.5px 0 rgba(255,255,255,0.34),inset 0 0 0 1px rgba(255,255,255,0.05);--nr-frost-shadow:0 20px 46px rgba(0,0,0,0.4);--nr-frost-grain:0.035;--nr-thin-rgb:5 9 11;--nr-thin-alpha:0.86;--nr-thin-border:rgba(143,170,174,0.16);--nr-danger-text:#f59a88;--nr-text-on-glass-secondary:#b9cdd0;--nr-active-tile-border:color-mix(in srgb,var(--color-accent) 55%,transparent);--nr-chart-line:var(--color-accent);--nr-chart-line-2:var(--color-ember)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr{--accent:var(--color-accent);--voltglass:var(--color-accent);--ember:var(--color-ember);--emergency:var(--color-emergency);--charge:var(--color-live);--accent-ink:var(--color-ink);--text-dim:var(--nr-text-on-glass-secondary);--text-dimmer:color-mix(in srgb,var(--nr-text-on-glass-secondary) 55%,white);text-shadow:0 1px 2px rgba(5,9,11,.85),0 0 6px rgba(5,9,11,.5);--radius-card:4px;--radius-lg:4px}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .card{position:relative;background:rgb(var(--nr-card-rgb)/var(--nr-card-alpha));border:1px solid var(--nr-card-border);border-radius:4px;box-shadow:var(--nr-card-highlight),var(--nr-card-shadow);backdrop-filter:blur(20px) saturate(var(--nr-glass-saturate,1.5));-webkit-backdrop-filter:blur(20px) saturate(var(--nr-glass-saturate,1.5))}:root[data-look=night-road][data-surface=dispatch] .dispatch-frame .dr .card{backdrop-filter:none;-webkit-backdrop-filter:none}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:var(--nr-glass-sheen);opacity:min(var(--nr-glass-sheen-opacity,.6),.9);mix-blend-mode:screen}:root[data-look=night-road][data-surface=fleet] .dr .stat-card{background:rgb(var(--nr-frost-rgb)/var(--nr-frost-alpha));border-color:var(--nr-frost-border);box-shadow:var(--nr-frost-highlight),var(--nr-frost-shadow)}:root[data-look=night-road][data-surface=fleet] .dr .side,:root[data-look=night-road][data-surface=fleet] .dr.side{background:rgb(5 9 11/.86);border-right:1px solid var(--nr-thin-border);backdrop-filter:blur(11px) saturate(1.3);-webkit-backdrop-filter:blur(11px) saturate(1.3)}:root[data-look=night-road][data-surface=fleet] .dr .side nav a.active,:root[data-look=night-road][data-surface=fleet] .dr.side nav a.active{background:rgb(var(--nr-thin-rgb)/.82)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .screen-head{background:rgb(var(--nr-thin-rgb)/var(--nr-thin-alpha));border:1px solid var(--nr-thin-border);border-radius:4px;padding:12px 16px;backdrop-filter:blur(11px) saturate(1.3);-webkit-backdrop-filter:blur(11px) saturate(1.3)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .pillrow{background:rgb(var(--nr-thin-rgb)/var(--nr-thin-alpha));border:1px solid var(--nr-thin-border);backdrop-filter:blur(11px) saturate(1.3);-webkit-backdrop-filter:blur(11px) saturate(1.3)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr p.dim{padding:8px 12px;background:rgb(var(--nr-thin-rgb)/var(--nr-thin-alpha));border:1px solid var(--nr-thin-border);border-radius:4px;backdrop-filter:blur(11px) saturate(1.3);-webkit-backdrop-filter:blur(11px) saturate(1.3)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .trend.up{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .badge.charging{background:color-mix(in srgb,var(--color-live) 16%,transparent);border-color:color-mix(in srgb,var(--color-live) 40%,transparent);color:var(--color-live)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .check-ok{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .avatar{background:rgb(var(--nr-thin-rgb)/var(--nr-thin-alpha))}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .savings-banner{background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .tier-d.rec{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .compose-row.on .cbox{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .status-chip.paid{background:color-mix(in srgb,var(--color-accent) 16%,transparent);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}:is(:root[data-look=night-road][data-surface=dispatch],:root[data-look=night-road][data-surface=fleet]) .dr .barchart .bar{background:linear-gradient(180deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 55%,black))}:root[data-look=night-road][data-surface=dispatch] .dr .qrow:has(.badge.urgent){box-shadow:inset 2px 0 0 0 var(--color-emergency),0 0 0 1px color-mix(in srgb,var(--color-emergency) 45%,transparent)}:root[data-look=night-road][data-surface=fleet] .nr-plate .dr .card{backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-look=night-road][data-surface=fleet] .dr .chart-card.spend-chart .area-wrap,:root[data-look=night-road][data-surface=fleet] .dr .chart-card.spend-chart .axis-x{visibility:hidden;position:absolute;pointer-events:none}:root[data-look=night-road][data-surface=fleet] .dr .chart-card.spend-chart .barchart,:root[data-look=night-road][data-surface=fleet] .dr .chart-card.spend-chart .barchart-x{display:flex}:root[data-look=night-road] .nb-banner.nr-frost{--nr-frost-alpha:0.84;box-shadow:inset 3px 0 0 0 var(--nb-accent),0 0 0 1px color-mix(in srgb,var(--nb-accent) 45%,transparent),0 0 42px -10px var(--nb-accent),var(--nr-frost-highlight),var(--nr-frost-shadow)}:root[data-look=night-road] .nb-ledge.nr-thin{border-radius:4px}:root[data-look=night-road] .nb-ledge.nr-thin,:root[data-look=night-road][data-surface=dispatch] .nb-banner{--nb-fg:#eaf6f6;--nb-fg-2:var(--nr-text-on-glass-secondary)}:root[data-look=night-road] .nb-ledge.nr-thin .nb-ledge-row[data-severity=accent],:root[data-look=night-road][data-surface=dispatch] .nb-banner[data-severity=accent]{--nb-accent-text:var(--color-accent)}:root[data-look=night-road] .nb-ledge.nr-thin .nb-ledge-row[data-severity=emergency],:root[data-look=night-road][data-surface=dispatch] .nb-banner[data-severity=emergency]{--nb-accent-text:var(--nr-danger-text)}:root[data-look=night-road] .nb-ledge.nr-thin .nb-ledge-row[data-severity=live],:root[data-look=night-road][data-surface=dispatch] .nb-banner[data-severity=live]{--nb-accent-text:var(--color-live)}:root[data-look=night-road] .nb-ledge.nr-thin .nb-ledge-row[data-severity=ember],:root[data-look=night-road][data-surface=dispatch] .nb-banner[data-severity=ember]{--nb-accent-text:var(--color-ember)}:root[data-look=night-road] .nb-banner.nr-frost .nb-hairline{z-index:2}:root[data-look=night-road][data-surface=dispatch] .nr-plate .dr .main{padding:0}:root[data-look=night-road][data-surface=dispatch] .dr.page-shell.text{margin-left:auto;margin-right:auto}:root[data-look=night-road][data-surface=dispatch] .dr .card .screen-head{background:none;border:0;border-radius:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-look=night-road][data-surface=dispatch] .dr .flag-row.dim-off{opacity:.72}:root[data-look=night-road][data-surface=dispatch] .dr .card.weather-alert{margin:0 0 24px!important}:root[data-look=night-road][data-surface=dispatch] .dr .card.weather-alert .subhead{color:#fff!important;margin:0 0 4px}.nb-stack{--nb-gutter:12px;--nb-max-h:28dvh;--nb-rail-w:0px;position:fixed;z-index:60;left:calc(var(--nb-rail-w) + max(var(--nb-gutter), env(safe-area-inset-left)));right:max(var(--nb-gutter),env(safe-area-inset-right));bottom:calc(var(--nb-bottomnav-h, 0px) + max(var(--nb-gutter), env(safe-area-inset-bottom)));display:flex;flex-direction:column;gap:8px;pointer-events:none;font-family:var(--font-body)}@media (min-width:768px) and (max-width:1023px),(min-width:768px) and (pointer:coarse){[data-bottom-nav=true] .nb-stack{--nb-rail-w:0px;bottom:var(--nb-bottomnav-h,0)}}@media (min-width:768px) and (orientation:landscape),(min-width:901px){.nb-stack{--nb-rail-w:212px}}@media (min-width:1024px) and (orientation:landscape){.nb-stack{--nb-max-h:30dvh}}@media (min-width:1280px){.nb-stack{--nb-gutter:20px}}@media (min-width:1280px) and (min-height:860px){.nb-stack{--nb-max-h:24dvh}}.nb-stack>*{pointer-events:auto}.nb-banner{--nb-accent:var(--color-accent);--nb-accent-text:var(--color-accent-text);--nb-fg:var(--color-text-primary);--nb-fg-2:var(--color-text-secondary);--nb-hairline-h:2px;--nb-body-max:calc(var(--nb-max-h) - 34px);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead body actions";-moz-column-gap:16px;column-gap:16px;row-gap:14px;align-items:start;padding:18px 18px 16px 20px;max-height:var(--nb-max-h);overflow:hidden;border-radius:4px;color:var(--nb-fg);background:var(--color-bg-surface-raised);border:1px solid var(--color-border);box-shadow:inset 3px 0 0 0 var(--nb-accent),var(--shadow-raised);animation:nbRise .32s cubic-bezier(.16,1,.3,1);transition:opacity .22s ease}.nb-banner[data-leaving=true]{opacity:0}.nb-banner[data-severity=emergency]{--nb-accent:var(--color-emergency);--nb-accent-text:var(--color-emergency-text)}.nb-banner[data-severity=live]{--nb-accent:var(--color-live);--nb-accent-text:var(--color-live-text)}.nb-banner[data-severity=ember]{--nb-accent:var(--color-ember);--nb-accent-text:color-mix(in srgb,var(--color-ember) 62%,var(--color-text-primary))}@media (max-width:1023px),(orientation:portrait){.nb-banner{--nb-body-max:calc(var(--nb-max-h) - 30px - 62px);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lead body" "actions actions";padding:16px 16px 14px 18px}}@keyframes nbRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.nb-hairline{position:absolute;top:0;left:0;right:0;height:var(--nb-hairline-h);background:var(--nb-accent);transform-origin:left center;animation:nbDrain var(--nb-dur,30s) linear forwards;z-index:2}.nb-banner[data-paused=true] .nb-hairline{animation-play-state:paused}@keyframes nbDrain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.nb-hairline{animation:none;transform:none;opacity:.55}}.nb-lead{grid-area:lead;position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:4px;color:var(--nb-accent-text);background:color-mix(in srgb,var(--nb-accent) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nb-accent) 32%,transparent)}.nb-lead .icon{width:24px;height:24px}.nb-body{grid-area:body;position:relative;z-index:1;min-width:0;max-height:var(--nb-body-max);display:flex;flex-direction:column;gap:6px}.nb-kicker,.nb-next,.nb-title{flex:0 0 auto}.nb-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--nb-accent-text)}.nb-kicker,.nb-title{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.2}.nb-title{font-size:19px;letter-spacing:-.01em;color:var(--nb-fg);overflow-wrap:anywhere}@media (min-width:1280px){.nb-title{font-size:20px}}.nb-facts{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;flex:0 1 auto;min-height:0;overflow:hidden}.nb-facts[data-overflow=true]{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent)}.nb-fact{display:inline-flex;align-items:center;gap:7px;font-size:14px;line-height:1.3;color:var(--nb-fg);min-width:0}.nb-fact .nb-fact-icon{width:18px;height:18px;flex:0 0 18px;color:var(--nb-fg-2)}.nb-fact--em{font-weight:600}.nb-fact--em,.nb-fact--em .nb-fact-icon{color:var(--nb-accent-text)}.nb-next{margin:2px 0 0;font-size:13px;line-height:1.35;color:var(--nb-fg-2)}.nb-next:before{content:"Next · ";font-weight:700;color:var(--nb-fg)}.nb-actions{grid-area:actions;position:relative;z-index:1;display:flex;align-items:center;gap:10px;align-self:center}@media (max-width:1023px),(orientation:portrait){.nb-actions{align-self:stretch}.nb-actions .nb-primary{flex:1 1 auto;justify-content:center}}.nb-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 18px 0 20px;border-radius:4px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--color-ink);background:var(--nb-accent);text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px -8px var(--nb-accent);transition:filter .16s ease,transform .12s ease}.nb-primary:hover{filter:brightness(1.06)}.nb-primary:active{transform:translateY(1px)}.nb-primary .icon{width:18px;height:18px}.nb-dismiss{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;min-width:48px;padding:0 14px;border-radius:4px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--nb-fg);background:transparent;border:1px solid color-mix(in srgb,var(--nb-fg) 26%,transparent);cursor:pointer;white-space:nowrap}.nb-dismiss:hover{background:color-mix(in srgb,var(--nb-fg) 8%,transparent)}.nb-dismiss .icon{width:18px;height:18px}@media (max-width:479px){.nb-dismiss{padding:0}.nb-dismiss span{display:none}}.nb-dismiss:focus-visible,.nb-ledge-open:focus-visible,.nb-ledge-promote:focus-visible,.nb-ledge-toggle:focus-visible,.nb-ledge-x:focus-visible,.nb-primary:focus-visible{outline:2px solid var(--nb-accent,var(--color-accent));outline-offset:2px}.nb-ledge{--nb-fg:var(--color-text-primary);--nb-fg-2:var(--color-text-secondary);border-radius:4px;background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--nb-fg);overflow:hidden;animation:nbRise .32s cubic-bezier(.16,1,.3,1)}.nb-ledge-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px 0 16px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.nb-ledge-count{flex:0 0 auto;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--nb-fg)}.nb-ledge-peek{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--nb-fg-2)}.nb-ledge-chev{flex:0 0 auto;width:18px;height:18px;color:var(--nb-fg-2);transform:rotate(-90deg);transition:transform .16s ease;margin-left:auto}.nb-ledge--open .nb-ledge-chev{transform:rotate(90deg)}.nb-ledge-rows{list-style:none;margin:0;padding:0 8px 8px;display:flex;flex-direction:column;gap:4px;max-height:calc(var(--nb-max-h) * .9);overflow-y:auto}.nb-ledge-row{--nb-accent:var(--color-accent);--nb-accent-text:var(--color-accent-text);display:flex;align-items:center;gap:8px;min-height:48px;padding-left:10px;border-radius:4px;box-shadow:inset 3px 0 0 0 var(--nb-accent);background:color-mix(in srgb,var(--nb-fg) 5%,transparent)}.nb-ledge-row[data-severity=emergency]{--nb-accent:var(--color-emergency);--nb-accent-text:var(--color-emergency-text)}.nb-ledge-row[data-severity=live]{--nb-accent:var(--color-live);--nb-accent-text:var(--color-live-text)}.nb-ledge-row[data-severity=ember]{--nb-accent:var(--color-ember);--nb-accent-text:color-mix(in srgb,var(--color-ember) 62%,var(--color-text-primary))}.nb-ledge-promote{flex:1 1 auto;min-width:0;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 6px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.nb-ledge-icon{flex:0 0 auto;width:18px;height:18px;color:var(--nb-accent-text)}.nb-ledge-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.nb-ledge-open{flex:0 0 auto;display:inline-flex;align-items:center;min-height:48px;padding:0 14px;border-radius:4px;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--nb-accent-text);text-decoration:none;white-space:nowrap}.nb-ledge-open:hover{background:color-mix(in srgb,var(--nb-accent) 12%,transparent)}.nb-ledge-x{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:4px;background:transparent;border:0;color:var(--nb-fg-2);cursor:pointer}.nb-ledge-x:hover{color:var(--nb-fg);background:color-mix(in srgb,var(--nb-fg) 8%,transparent)}.nb-ledge-x .icon{width:18px;height:18px}