[hidden] { display:none !important; }
body { margin:8px; }
#pre.select { width:100px;}
.super { border-spacing:2px; }
#ttle { border-radius:5px; background:linear-gradient(to right,#000,#005,#000); border:2px solid #200; height:30px; vertical-align:middle; }
.title-left { float:left; margin:1px 0 0 10px; white-space:nowrap; }
.title { color:#ff0; }
#status { float:right; margin:1px 8px 0 0; }
#status table { border-spacing:0; }
#prst { display:inline-block; vertical-align:middle; }
#prst button { padding:0; background:none; border:0; cursor:pointer; }
#prst img { width:14px; margin:1px 0 0 4px; }
.measurement-grid { padding:0; margin:0; border-spacing:0; }
.output { width:99%; float:right; background:linear-gradient(to right,#444444,#2a2a3a); border-left:0; }
td.opisb.has-alarm { border-left-color:#777; }
.output.high { background:linear-gradient(to right,#2a2a3a,red,#2a2a3a); }
.output.low { background:linear-gradient(to right,#2a2a3a,blue,#2a2a3a); }
.output.stale { opacity:0.1; filter:blur(0.2px); }
.reading-link { color:#fff; text-decoration:none; display:block; white-space:nowrap; }
.trend { width:12px; padding:0; float:left; }
.reading-unit:not(:empty)::before { content:' '; }
#seld { text-align:center; padding-top:6px; }
.range-buttons { display:flex; justify-content:center; align-items:center; gap:4px; }
button { cursor:pointer; font-family:Verdana,sans-serif; }
button.tsel { box-shadow:0 0 0 2px #111; border:1px solid #000; font-size:11px; width:80px; font-weight:bold; background:#2a2a3a; border-radius:7px; color:#555; padding:2px 0; }
button.tsel:hover { color:#ff0; }
button.tsel.active { background:#060; color:white; }
#zakr { width:80px; }
#grub { width:20px; }
.thickness { display:flex; }
button.grub { border:0; background:none; color:#aa0; padding:2px; font-size:14px; font-weight:bold; }
#logr,#LINE,#AREA,#RESET { border:0; border-radius:5px; background:#221133; color:#999; height:23px; min-width:25px; padding:0 3px; }
#LINE img,#AREA img { margin:0; padding:0; }
#LINE.selected,#AREA.selected,#logr.selected { background:#006; color:#fff; }
#RESET { color:red; }
.graph-container { text-align:center; padding-top:18px; min-height:20px; }
#wykres { margin:0; max-width:100%; height:auto; }
#graphError,#message { color:#ffb; font:12px Verdana; padding:6px; }
#message { position:fixed; right:10px; bottom:10px; background:#322; border:1px solid #a44; z-index:100; }
hr { border:0; height:1px; background:linear-gradient(to right,#006,#060,#006); }
#onln { font:10px Verdana; color:#777; padding-top:8px; }
@media (max-width:1600px) {
 table.super { width:100%; box-shadow:none; }
 #status { float:none; clear:both; overflow-x:auto; max-width:calc(100vw - 60px); }
 hr,#seld,.graph-container { grid-column:1 / -1; width:100%; }
 .range-buttons { flex-wrap:wrap; }
}
#ttle.lightning { background:linear-gradient(to right,#000,#900,#000); }

@media (max-width:1600px) {
 table.super,table.super>tbody,table.super>tbody>tr { display:block; width:100%; box-sizing:border-box; }
 table.super { position:relative; }
 #ttle { display:block; width:100%; height:auto; min-height:30px; box-sizing:border-box; padding-right:0; }
 .title-left { float:none; white-space:normal; display:flex; flex-wrap:wrap; align-items:center; }
 #prst { display:inline-flex; align-items:center; }
 #prst select { margin-left:4px; width:130px; }
 #status { max-width:100%; margin-right:0; }
 td.super { width:100%; box-sizing:border-box; }
 td.wynik { display:block; min-width:0; }




}
#prst { display:inline-flex; align-items:center; gap:4px; vertical-align:middle; }
#prst button { display:inline-flex; align-items:center; justify-content:center; width:18px; height:20px; padding:0; vertical-align:middle; }
#prst button img { display:block; width:14px; height:14px; object-fit:contain; margin:0; }
td.opis { position:relative; padding-left:16px; box-sizing:border-box; } button.color-picker { position:absolute; left:2px; top:50%; transform:translateY(-50%); display:block; width:9px; min-width:9px; height:9px; padding:0; border:0; outline:1px solid #10234b; border-radius:50%; margin:0; cursor:pointer; box-shadow:none; }
.nm-color-panel { position:fixed; z-index:1000; width:220px; box-sizing:border-box; background:#26262e; border:1px solid #777; padding:10px; border-radius:5px; box-shadow:0 8px 24px #000b; color:#ddd; }
.nm-color-sv { position:relative; height:140px; background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent); touch-action:none; cursor:crosshair; }
.nm-color-cursor { position:absolute; width:8px; height:8px; border:1px solid #fff; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 2px 1px #000; pointer-events:none; }
.nm-color-hue { display:block; appearance:none; width:100%; height:12px; margin:12px 0; padding:0; border:0; border-radius:3px; background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red); }
.nm-color-hue::-webkit-slider-thumb { appearance:none; width:8px; height:18px; border:1px solid #fff; background:#777; border-radius:2px; }
.nm-color-hue::-moz-range-thumb { width:8px; height:18px; border:1px solid #fff; background:#777; border-radius:2px; }
.nm-color-swatches { display:grid; grid-template-columns:repeat(8,1fr); gap:5px; margin-bottom:10px; }
.nm-color-swatches button { width:18px; height:18px; border-radius:50%; padding:0; border:1px solid #999; }
.nm-color-controls { display:flex; gap:5px; align-items:center; }
.nm-color-hex { width:75px; min-width:0; font:12px monospace; background:#111; border:1px solid #888; color:#fff; padding:4px; }
.nm-color-controls button { background:#444; border:1px solid #666; border-radius:3px; color:#fff; font-size:11px; padding:5px; }
.status-row { display:flex; align-items:center; white-space:nowrap; height:24px; font-size:10px; color:#aaa; }
.status-clock { color:#ff0; font:12px monospace; flex:0 0 8ch; margin-right:5px; font-variant-numeric:tabular-nums; }
.status-energy { flex:0 0 150px; width:150px; margin-right:6px; text-align:right; font-weight:normal; cursor:pointer; font-variant-numeric:tabular-nums; }
.status-energy b { color:#0c0; }
.status-devices { display:flex; flex:none; height:18px; align-items:center; }
.status-badge { display:flex; flex:0 0 20px; width:20px; height:18px; align-items:center; justify-content:center; padding:0; border:1px solid #000; color:#aaf; font-size:9px; cursor:help; box-sizing:border-box; overflow:hidden; } .status-badge[data-status-id^="lora-"] { flex-basis:18px; width:18px; } .status-badge[data-status-id="lightning"],.status-badge[data-status-id="timelapse"],.status-badge[data-status-id="icecast"] { flex-basis:28px; width:28px; }
.status-badge[data-action]:not([data-action=""]) { cursor:alias; }
.status-cpu { flex:0 0 64px; width:64px; text-align:right; margin:0 4px; font-size:10px; font-weight:normal; font-variant-numeric:tabular-nums; }
.status-update { flex:0 0 62px; width:62px; min-width:62px; min-height:18px; padding:2px 6px; text-align:center; border:1px solid #006; box-sizing:border-box; cursor:help; font:9px/12px Verdana,sans-serif; }
.status-badge:focus-visible,.status-energy:focus-visible,.status-update:focus-visible { outline:2px solid #c7d5ff; outline-offset:2px; }
.status-tooltip {
background: linear-gradient(145deg, rgba(39, 41, 54, 0.6), rgba(23, 24, 32, 0.6)) !important;
isolation: isolate;
-webkit-backdrop-filter: blur(8px) !important;
backdrop-filter: blur(8px) !important;
--status-accent: #7782a8;
position: fixed;
z-index: 1100;
width: min(490px, calc(100vw - 24px));
box-sizing: border-box;
color: #e9eaf2;
font: 11px/1.4 Verdana, sans-serif;
border: 1px solid rgba(74, 77, 96, 0.5);
border-top: 3px solid var(--status-accent);
border-radius: 2px;
box-shadow: 0 14px 36px #000c, 0 2px 8px #0008;
max-height: calc(100vh - 24px);
overflow-x: hidden;
overflow-y: auto;
pointer-events: auto;
}
.status-tooltip-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:10px 12px 9px; border-bottom:1px solid #3d3f50; background:#ffffff08; }
.status-tooltip-title { min-width:0; color:#fff; font-size:12px; font-weight:bold; line-height:1.35; overflow-wrap:anywhere; }
.status-tooltip-state { flex:none; padding:2px 6px; border:1px solid currentColor; border-radius:999px; font:bold 9px/1.3 Verdana,sans-serif; letter-spacing:.05em; }
.status-tooltip-state.online { color:#83e698; background:#17351f; }
.status-tooltip-state.offline { color:#ff9b91; background:#3d1d1b; }
.status-tooltip-body { display:grid; padding:5px 0 7px; }
.status-tooltip-row { display:grid; grid-template-columns:minmax(105px,42%) minmax(0,1fr); gap:12px; align-items:start; padding:4px 12px; }
.status-tooltip-row:nth-child(even) { background:#ffffff05; }
.status-tooltip-label { color:#c0c4d2; overflow-wrap:anywhere; font-weight:600; }
.status-tooltip-value { color:#fff0a0; font-weight:700; font-family:"Cascadia Code","Cascadia Mono",Consolas,monospace; text-align:right; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.status-tooltip-note { display:block; margin:4px 12px 0; padding-top:6px; color:#bfc4d7; border-top:1px solid #343645; font-size:10px; overflow-wrap:anywhere; }
@media(max-width:420px){.status-tooltip-row{grid-template-columns:1fr;gap:1px}.status-tooltip-value{text-align:left}}

.chart-frame { position:relative; width:100%; min-width:0; height:330px; margin:0; background:#111123; }

#graphStats { color:#ccc; font:11px Verdana,sans-serif; white-space:pre-wrap; margin:4px 0; }
.date-navigation{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:6px 0;color:#999;font:11px Verdana,sans-serif}
.date-navigation[hidden]{display:none}
.date-navigation label{display:flex;align-items:center;gap:5px}
.date-navigation input{font:inherit;color:#aaa;background:#2a2a3a;border:1px solid #000;box-shadow:0 0 0 2px #111;border-radius:7px;padding:2px 5px;color-scheme:dark;min-width:0}
.date-navigation button.tsel{color:#999;cursor:pointer;width:auto;min-width:28px;padding:2px 8px}
.date-navigation button.tsel:hover{color:#ddd;background:#3a3a4a}
#wykres{touch-action:pan-y;cursor:grab}#wykres.dragging{cursor:grabbing}
#toggleGraphTooltip{border:0;border-radius:5px;background:#221133;font-weight:bold;color:#999;height:23px;width:100px;padding:0 6px;cursor:pointer;font:11px Verdana,sans-serif}#toggleGraphTooltip.selected{color:#ddd;background:#060;color:#fff;}#zakr[hidden]{display:none}

#graphLoading{display:inline-flex;flex:0 0 23px;align-items:center;justify-content:center;width:23px;height:23px;vertical-align:middle;color:#ffff00}
#graphLoading[hidden]{display:inline-flex !important;visibility:hidden}
.graph-clock{position:relative;display:block;width:13px;height:13px;border:1px solid currentColor;border-radius:50%;box-sizing:border-box}
.graph-clock::before{content:'';position:absolute;left:5px;top:2px;width:1px;height:4px;background:currentColor;transform-origin:50% 4px;animation:graph-spin 1.2s linear infinite}
.graph-clock::after{content:'';position:absolute;left:5px;top:5px;width:4px;height:1px;background:currentColor}
@keyframes graph-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.graph-clock::before{animation:none}}
span.reading-link{cursor:default}

/* Extra scroll room below the chart. */
body::after{content:'';display:block;height:250px;pointer-events:none}

.admin-link{color:#9ab5dd;font:10px Verdana,sans-serif;margin-left:7px;text-decoration:none}.admin-link:hover{text-decoration:underline}

#graphStats{font-weight:700}

/* Fixed measurement pairs wrap as whole columns instead of shrinking. */
table.super{display:block;width:100%;max-width:1616px;box-sizing:border-box}
table.super>tbody,table.super>tbody>tr{display:block;width:100%;box-sizing:border-box}
#ttle{display:block;box-sizing:border-box;height:auto;min-height:30px;overflow:hidden}
.measurement-grid,.measurement-grid>tbody,.measurement-grid>tbody>tr{display:contents}
td.super{display:grid;grid-template-columns:repeat(auto-fill,320px);gap:0;width:100%;height:auto;box-sizing:border-box}
td.wynik{display:block;width:320px;min-width:320px}
table.opis{table-layout:fixed;width:320px;border-spacing:2px}
td.opis{box-sizing:border-box;width:174px;min-width:174px;overflow-wrap:anywhere}
td.opisb{box-sizing:border-box;width:140px;min-width:140px}
.reading-link{white-space:nowrap}
hr,#seld,.graph-container{grid-column:1/-1;width:100%;min-width:0}
.range-buttons{flex-wrap:wrap}
/* Stable responsive board and compact chart toolbar. */
.measurement-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),320px));grid-column:1/-1;min-width:0;align-items:start}
.measurement-board td.wynik{width:100%;min-width:0;box-sizing:border-box}
.measurement-board.editing [data-tile]{cursor:grab;touch-action:none;outline:1px dashed #7a91b0;outline-offset:-2px;user-select:none}
.measurement-board.editing [data-tile] *{cursor:grab}
.measurement-board.editing [data-tile]:focus-visible{outline:2px solid #b4d4ff}
.measurement-board .tile-placeholder{opacity:0}
.measurement-board.saving{pointer-events:none;opacity:.8}
.tile-ghost{position:fixed!important;z-index:2000;pointer-events:none;display:block;box-shadow:0 12px 25px #0009;opacity:.95;transform:scale(1.03)}
.edit-order{display:inline-flex;align-items:center;gap:3px;font:10px Verdana;color:#ccc;white-space:nowrap}
.edit-order input{margin:0;width:13px;height:13px}
td.super{grid-template-columns:minmax(0,1fr)}
.range-buttons{gap:3px;flex-wrap:wrap;max-width:100%}
.range-buttons .tsel{flex:1 1 48px;max-width:80px;width:auto;min-width:0}
.chart-export{display:inline-flex;align-items:center;justify-content:center;gap:2px;border:0;border-radius:5px;background:#221133;color:#a9bfd9;height:23px;min-width:25px;padding:0 4px;font-size:16px}
.chart-export small{font:8px Verdana}.chart-export:hover{background:#334;color:#fff}
#graphLoading{order:1}#exportCsv{order:2}#exportPng{order:3}#toggleGraphTooltip{order:4;flex:none;width:82px}
#seld input{min-width:0}#message{max-width:calc(100vw - 32px);box-sizing:border-box}
@media(max-width:350px){table.opis{width:100%;table-layout:fixed}td.opis{width:55%;min-width:0}td.opisb{width:45%;min-width:0}.reading-link{font-size:10px}.measurement-board{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1200px){#status{overflow:visible;max-width:100%}.status-row{height:auto;min-height:24px;flex-wrap:wrap;gap:4px 0}.status-devices{flex:0 1 auto;flex-wrap:wrap;height:auto;min-height:18px;max-width:100%}}

/* Highlight the swap destination without moving surrounding measurements. */
.measurement-board.editing .tile-drop-target{outline:2px solid #87b8df;outline-offset:-2px;box-shadow:inset 0 0 0 2px #87b8df55}

/* Header controls and status wrap in complete, aligned groups. */
#ttle{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:5px 8px;overflow:visible}
.title-left{float:none;display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;margin:0;white-space:normal}
.title-left .title{flex:none;line-height:28px}
#prst{display:flex;flex:1 1 230px;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
#pre.select{flex:1 1 100px;width:120px;min-width:80px;max-width:220px;height:28px;margin:0;padding:3px 6px;color:#bbc0d4;background:#11112b;border:1px solid #38384d;box-sizing:border-box}
.preset-actions{display:flex;flex:none;align-items:center;gap:3px}
#prst button,#prst .admin-link{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:28px;margin:0;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:#a9aec9;text-decoration:none}
#prst button:hover,#prst .admin-link:hover{background:#25253b;border-color:#45455a;color:#ddd}
#prst .admin-link svg{display:block}
label.edit-order{display:inline-flex;align-items:center;gap:4px;min-height:28px;margin:0 0 0 4px;color:#a9aec9;font:10px Verdana,sans-serif;white-space:nowrap;cursor:pointer;user-select:none}
label.edit-order input[type="checkbox"]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:none;width:13px;height:13px;margin:0;border:1px solid #65657c;border-radius:3px;background:#11112b;cursor:pointer}
label.edit-order input[type="checkbox"]::before{content:'';width:6px;height:3px;border:solid #ddd;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);visibility:hidden}
label.edit-order input[type="checkbox"]:checked{background:#424269;border-color:#9191b5}
label.edit-order input[type="checkbox"]:checked::before{visibility:visible}
label.edit-order:has(input:checked){color:#ddd}
#prst button:focus-visible,#prst .admin-link:focus-visible,#pre:focus-visible,label.edit-order input:focus-visible{outline:2px solid #a9aec9;outline-offset:2px}
#status{float:none;clear:none;flex:1 1 760px;min-width:0;max-width:100%;margin:0;overflow:visible}
.status-row{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;height:auto;min-height:28px;white-space:nowrap}
.status-clock{margin:0}
.status-energy{flex:0 1 auto;width:auto;min-width:125px;margin:0;text-align:right}
.status-devices{flex:0 1 auto;flex-wrap:nowrap;gap:2px;min-width:0;max-width:100%;height:auto;min-height:18px}
.status-cpu{margin:0}
@media(max-width:650px){.title-left{flex:1 1 100%}#status{flex-basis:100%;overflow:visible;border-top:1px solid #38384d;padding-top:6px}.status-row{display:grid;grid-template-columns:minmax(0,1fr) auto 62px;gap:7px 6px;width:auto}.status-clock{grid-column:1;grid-row:1}.status-cpu{grid-column:2;grid-row:1}.status-update{grid-column:3;grid-row:1}.status-energy{min-width:0;width:auto;text-align:left}.status-energy:nth-child(2){grid-column:1;grid-row:2}.status-energy:nth-child(3){grid-column:2/4;grid-row:2}.status-devices{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:100%;max-width:100%}.status-devices .status-badge{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}}
/* Stable pitch and gaps, snapped to physical pixels by measurement-order.js. */
.measurement-board{--measurement-row-height:24px;--measurement-gap:1px;grid-auto-rows:var(--measurement-row-height)}
.measurement-board [data-tile]{height:var(--measurement-row-height);min-height:0}
.measurement-board table.opis{height:var(--measurement-row-height);border-spacing:var(--measurement-gap)}
.measurement-board td.opis,.measurement-board td.opisb{height:calc(var(--measurement-row-height) - 2 * var(--measurement-gap));line-height:16px}
.measurement-board td.opis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom-width:var(--measurement-gap)}
.measurement-board .output{border-spacing:0;height:16px;line-height:16px}
.measurement-board .reading-link{line-height:16px}
.measurement-board .state-icon,.measurement-board .trend{max-height:14px;object-fit:contain;vertical-align:middle}
:root{--find-rgb:102,187,255;--find-light:186,224,255;--find-dark:41,62,79}
/* Type anywhere outside a form field to highlight matching measurements. */
.measurement-board [data-tile]{transition:opacity .4s ease,filter .4s ease,box-shadow .4s ease}
.measurement-board.quick-finding [data-tile]:not(.quick-match){opacity:.25;filter:saturate(.25)}
.measurement-board.quick-finding .quick-match{position:relative;z-index:1;border-radius:4px;box-shadow:inset 0 0 0 1px rgb(var(--find-rgb)),0 0 11px rgba(var(--find-rgb),.5)}
.measurement-board.quick-finding .quick-match td.opis{background:rgb(var(--find-dark));transition:background .22s ease}
.measurement-board.quick-finding .quick-current{z-index:2;box-shadow:inset 0 0 0 2px rgb(var(--find-light)),0 0 16px rgba(var(--find-rgb),.7)}
.measurement-board.quick-finding.quick-animate .quick-match{animation:quick-find-breathe 1.8s ease-in-out infinite}
@keyframes quick-find-breathe{0%,100%{filter:brightness(1);box-shadow:inset 0 0 0 1px rgba(var(--find-rgb),.7),0 0 5px rgba(var(--find-rgb),.2)}50%{filter:brightness(1.35);box-shadow:inset 0 0 0 2px rgb(var(--find-light)),0 0 20px rgba(var(--find-rgb),.9)}}
.measurement-board.quick-finding .quick-current{outline:2px solid rgb(var(--find-light));outline-offset:-2px}
.quick-find{position:fixed;z-index:2100;left:50%;bottom:20px;transform:translate(-50%,16px);display:grid;grid-template-columns:20px minmax(70px,1fr) auto 28px;align-items:center;gap:8px;width:min(500px,calc(100vw - 24px));box-sizing:border-box;padding:10px 12px;border:1px solid rgba(var(--find-rgb),.7);border-radius:10px;background:rgba(var(--find-dark),.97);color:rgb(var(--find-light));box-shadow:0 10px 36px #000a,0 0 18px rgba(var(--find-rgb),.25);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;font:12px Verdana,sans-serif}
.quick-find.is-open{opacity:1;visibility:visible;transform:translate(-50%,0)}
.quick-find-icon{display:flex;color:rgb(var(--find-rgb))}
.quick-find-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#quickFindInput{width:100%;min-width:0;box-sizing:border-box;border:0;border-bottom:1px solid rgba(var(--find-rgb),.6);border-radius:0;padding:5px 0;background:transparent;color:#fff;font:14px Verdana,sans-serif;outline:none}
#quickFindInput:focus-visible{border-bottom-color:rgb(var(--find-rgb));box-shadow:0 1px rgb(var(--find-rgb))}
#quickFindCount{white-space:nowrap;color:rgb(var(--find-light));font-size:11px}
#quickFindClose{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:rgba(var(--find-rgb),.2);color:rgb(var(--find-light));font-size:22px}
#quickFindClose:hover{background:rgba(var(--find-rgb),.35)}#quickFindClose:focus-visible{outline:2px solid rgb(var(--find-rgb))}
.quick-find small{grid-column:1/-1;color:rgba(var(--find-light),.7);font-size:10px;text-align:center}
.quick-no-results{border-color:#ba7a73}.quick-no-results #quickFindCount{color:#ffb1a4}
@media(max-width:420px){.quick-find{bottom:10px;gap:6px;padding:9px}.quick-find small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.measurement-board [data-tile],.measurement-board.quick-finding .quick-match td.opis,.quick-find{transition:none}}
#quickFindInput::-webkit-search-cancel-button{appearance:none}
.alarm-panel{position:fixed;z-index:2300;width:min(780px,calc(100vw - 16px));height:min(720px,calc(100vh - 16px));box-sizing:border-box;overflow:hidden;border:1px solid rgba(111,151,184,.82);border-radius:3px;background:rgba(15,21,32,.62);-webkit-backdrop-filter:blur(15px) saturate(1.3);backdrop-filter:blur(15px) saturate(1.3);box-shadow:0 14px 38px #000b,0 0 0 1px #a8d7ff1c}
.alarm-panel-handle{display:flex;align-items:center;gap:9px;height:38px;box-sizing:border-box;padding:0 6px 0 11px;border-bottom:1px solid rgba(110,174,215,.78);background:linear-gradient(135deg,rgba(15,93,133,.94),rgba(47,55,112,.92));color:#fff;cursor:move;touch-action:none;user-select:none}
.alarm-panel-handle strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px Verdana,sans-serif}
.alarm-panel-current-label{margin-left:auto;color:#c7d9ec;font:11px Verdana,sans-serif;white-space:nowrap}.alarm-panel-current{color:#fff08a;font:700 13px Consolas,monospace;white-space:nowrap}
.alarm-panel-worker{display:block;flex:none;width:10px;height:10px;border:1px solid #667080;border-radius:50%;background:#6b707a;box-shadow:0 0 0 2px #0003}
.alarm-panel-worker.online{border-color:#75c98a;background:#49b868;box-shadow:0 0 7px #49b86899}.alarm-panel-worker.offline{border-color:#d77770;background:#bd4d46;box-shadow:0 0 7px #bd4d4688}
.flow-worker-state{width:auto;height:auto;margin-left:auto;padding-left:17px;border:0;border-radius:0;background:radial-gradient(circle at 6px 50%,#6b707a 0 4px,transparent 5px);box-shadow:none;color:#dce7f2;font:10px Verdana,sans-serif;white-space:nowrap}.flow-worker-state.online{border:0;background:radial-gradient(circle at 6px 50%,#55d178 0 4px,transparent 5px);box-shadow:none}.flow-worker-state.offline{border:0;background:radial-gradient(circle at 6px 50%,#d45b53 0 4px,transparent 5px);box-shadow:none}
#alarmPanelClose{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:2px;background:#ffffff0a;color:#d8dbe8;font:21px/1 Verdana,sans-serif}
#alarmPanelClose:hover{background:#7b3038;color:#fff}#alarmPanelClose:focus-visible{outline:2px solid #c7d5ff;outline-offset:1px}
#alarmPanelFrame{display:block;width:100%;height:calc(100% - 38px);border:0;background:transparent}
.energy-panel{z-index:2290;width:min(1180px,calc(100vw - 16px));height:min(760px,calc(100vh - 16px));border-radius:0}.energy-panel-note{margin-left:auto;color:#c7d9ec;font:10px Verdana,sans-serif}.energy-panel .panel-close{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:0;background:#ffffff0a;color:#d8dbe8;font:21px/1 Verdana,sans-serif}.panel-close:hover{background:#7b3038;color:#fff}.panel-close:focus-visible{outline:2px solid #c7d5ff;outline-offset:1px}#energyPanelFrame{display:block;width:100%;height:calc(100% - 38px);border:0;background:#111724}
@media(max-width:600px){.alarm-panel{width:calc(100vw - 8px);height:calc(100vh - 8px);border-radius:2px}.alarm-panel-handle strong{font-size:12px}.alarm-panel-current-label{font-size:10px}.alarm-panel-current{font-size:12px}}
.measurement-board.editing [data-tile]{position:relative;outline:none}
.measurement-board.editing [data-tile]::after {
content: '';
position: absolute;
inset: 0;
z-index: 5;
box-sizing: border-box;
border-radius: 5px;
pointer-events: auto;
background-image: 
linear-gradient(90deg, #000 50%, transparent 50%),
linear-gradient(90deg, #000 50%, transparent 50%),
linear-gradient(0deg,  #000 50%, transparent 50%),
linear-gradient(0deg,  #000 50%, transparent 50%);
background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
background-position: 0 0, 0 100%, 0 0, 100% 0;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
animation: march-ants 1s linear infinite;
transition: box-shadow .3s ease;
}
@keyframes march-ants {
  0% {
  background-position: 0 0, 0 100%, 0 0, 100% 0;
    }
  100% {
  background-position: 16px 0, -16px 100%, 0 -16px, 100% 16px;
}
}

.measurement-board.editing [data-tile]:focus-visible{outline:none}
.measurement-board.editing [data-tile]:focus-visible::after{border:2px solid #c2e2ff}
.measurement-board.editing .tile-drop-target::after{border:2px solid #b5deff;box-shadow:inset 0 0 8px #87b8df70,0 0 9px #87b8df80}
.measurement-board .tile-landed{position:relative;z-index:3}
.measurement-board .tile-landed>table.opis{transform-origin:center;animation:tile-seat .6s .16s ease-out both}
.measurement-board.editing .tile-landed::after{animation:tile-seat-glow .85s ease-out}
@keyframes tile-seat{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(.975,.88);filter:brightness(1.3)}55%{transform:scale(1.012,1.06);filter:brightness(1.15)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes tile-seat-glow{0%,20%{border-color:#e3f4ff;box-shadow:inset 0 0 8px #8bcaff70,0 0 16px #8bcaffcc}100%{border-color:#a5bfdc;box-shadow:inset 0 0 0 transparent,0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.measurement-board .tile-landed>table.opis,.measurement-board.editing .tile-landed::after{animation:none}.measurement-board.editing [data-tile]::after{transition:none}}

.status-devices.editing .status-badge{cursor:grab;touch-action:none;outline:1px dashed #8fbfe6;outline-offset:1px;user-select:none}.status-devices.editing .status-badge.status-dragging{cursor:grabbing;opacity:.55;outline:2px solid #c2e2ff;box-shadow:0 0 9px #87b8df}.tof-history{padding:9px 12px 11px;border-top:1px solid #3d3f50;background:#11131b66}.tof-history-heading{color:#dce6f5;font-size:10px;font-weight:bold}.tof-history-value{display:block;height:16px;margin-top:2px;color:#fff6bd;font:10px/16px "Cascadia Code","Cascadia Mono",Consolas,monospace}.tof-history-chart{display:grid;grid-template-columns:repeat(14,minmax(12px,1fr));align-items:end;gap:4px;height:126px;padding-top:8px;border-bottom:1px solid #4a4f61;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#ffffff0b 31px)}.tof-history-column{display:grid;grid-template-rows:104px 14px;align-items:end;justify-items:stretch;min-width:0}.tof-history-bar{display:block;align-self:end;min-height:0;background:#6885a7;border:1px solid #93add0;border-bottom:0;cursor:crosshair;transition:filter .12s,background .12s}.tof-history-column.today .tof-history-bar{background:#4ba56a;border-color:#80d69b}.tof-history-bar:hover,.tof-history-bar:focus{filter:brightness(1.35);outline:1px solid #fff;outline-offset:1px}.tof-history-column small{align-self:end;color:#8e98a9;font:7px/12px Verdana,sans-serif;text-align:center;white-space:nowrap;overflow:hidden}.tof-history-column.today small{color:#8fe2a7;font-weight:bold}@media(max-width:520px){.tof-history-chart{gap:2px}.tof-history-column small{font-size:6px}.tof-history{padding-inline:7px}}.tof-distance{padding:9px 12px 10px;border-top:1px solid #3d3f50;background:#0d111a70}.tof-distance-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;color:#dce6f5;font-size:10px;font-weight:bold}.tof-distance-heading small{color:#8995a8;font-size:8px;font-weight:normal}.tof-distance-track{height:13px;overflow:hidden;border:1px solid #4f596b;background:linear-gradient(90deg,#17202d,#252936);box-shadow:inset 0 1px 4px #000b}.tof-distance-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,#4b7fa8,#55c77b 55%,#e3c457 82%,#e46961);box-shadow:0 0 10px #63c98599;transition:width .72s cubic-bezier(.22,.8,.24,1)}.tof-distance-row{align-items:center}.tof-distance-value{display:flex;align-items:center;justify-content:flex-end}.tof-distance-row .tof-distance-track{width:min(170px,100%);height:8px}.tof-distance-row .tof-distance-fill{box-shadow:0 0 6px #63c98588}@media(max-width:420px){.tof-distance-value{justify-content:flex-start}.tof-distance-row .tof-distance-track{width:100%}}.flow-editor-button{display:inline-grid;place-items:center;width:28px;height:24px;padding:0;border:1px solid #4e7290;border-radius:2px;background:#173149;color:#9ed3f7;font:bold 9px/22px Verdana,sans-serif;letter-spacing:.04em}.flow-editor-button:hover{background:#245273;color:#fff}.flow-panel-window{width:min(1400px,calc(100vw - 16px));height:min(700px,calc(100vh - 16px));min-width:760px;min-height:460px;max-width:calc(100vw - 8px);max-height:calc(100vh - 8px);resize:both;overflow:hidden}.flow-panel-window #flowPanelWorker{margin-left:auto}.flow-panel-window iframe{display:block;width:100%;height:calc(100% - 38px);border:0;background:#0e131d}.panel-close{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:2px;background:#ffffff0a;color:#d8dbe8;font:21px/1 Verdana,sans-serif}.panel-close:hover{background:#7b3038;color:#fff}

.system-metric-row{grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:center;min-width:0}.system-metric-value{display:grid;grid-template-columns:minmax(0,1fr) 38px;width:100%;align-items:center;gap:7px;min-width:0}.system-metric-value.has-detail{grid-template-columns:215px minmax(0,1fr) 38px}.system-metric-value.has-detail.wide{grid-template-columns:170px minmax(0,1fr) 38px}.system-metric-track{width:100%;min-width:0;height:10px;box-sizing:border-box}.system-metric-fill{height:100%;box-sizing:border-box;background:linear-gradient(90deg,#397da4,#4db66c 55%,#d4ae3d 78%,#ce514b);box-shadow:0 0 6px #63c98570}.system-metric-detail{min-width:0;color:#fff0a0;font:700 9px/1.2 Consolas,monospace;text-align:left;white-space:nowrap}.system-metric-percent{width:38px;min-width:38px;color:#eef5ff;font:700 9px/1 Consolas,monospace;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:420px){.system-metric-row{grid-template-columns:78px minmax(0,1fr);gap:6px}.system-metric-value{grid-template-columns:minmax(0,1fr) 38px}.system-metric-value.has-detail{grid-template-columns:110px minmax(0,1fr) 38px}.system-metric-value.has-detail.wide{grid-template-columns:132px minmax(0,1fr) 38px}.system-metric-detail{overflow:hidden;text-overflow:ellipsis;font-size:8px}.system-metric-row .status-tooltip-label{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.processor-summary{grid-template-columns:minmax(0,1fr) 112px;align-items:center}.processor-summary .status-tooltip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.processor-summary .status-tooltip-value{white-space:nowrap}

.disk-warning .status-tooltip-label,.disk-warning .system-metric-percent{color:#ffd75e}.disk-critical .status-tooltip-label,.disk-critical .system-metric-percent{color:#ff665f;text-shadow:0 0 5px #b915154d}

.processor-warning .status-tooltip-value{color:#ffd75e}.processor-critical .status-tooltip-value{color:#ff665f;text-shadow:0 0 5px #b915154d}

.single-line-process{grid-template-columns:145px minmax(0,1fr);gap:8px;align-items:center}.single-line-process .status-tooltip-label,.single-line-process .status-tooltip-value{white-space:nowrap}.single-line-process .status-tooltip-value{overflow:hidden;text-overflow:ellipsis;font-size:9px}

/* Temporary administrator unlock celebration. */
.admin-blast{position:fixed;inset:0;z-index:99999;overflow:hidden;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.25),rgba(20,8,40,.72) 42%,rgba(0,0,0,.92));animation:adminScene 2.6s ease-out forwards}.admin-blast-flash{position:absolute;inset:-30%;background:#fff;animation:adminFlash .75s ease-out forwards}.admin-blast-ring{position:absolute;width:50px;height:50px;border:12px solid #fff;border-radius:50%;box-shadow:0 0 40px #ffec00,0 0 90px #ff3b00;animation:adminRing 1.5s cubic-bezier(.05,.7,.1,1) forwards}.admin-blast-ring.r2{animation-delay:.16s;border-color:#00eaff}.admin-blast-core{position:relative;z-index:3;color:#fff;font:900 clamp(54px,14vw,180px)/.8 Arial Black,Impact,sans-serif;letter-spacing:.04em;text-align:center;text-shadow:0 0 8px #fff,0 0 25px #00eaff,0 0 55px #ff00c8,8px 8px 0 #ff5a00;transform:scale(0) rotate(-12deg);animation:adminCore 2.25s cubic-bezier(.15,.9,.2,1.25) .2s forwards}.admin-blast-core small{display:block;margin-top:.32em;font:900 clamp(14px,2.5vw,34px)/1 Verdana,sans-serif;letter-spacing:.18em;color:#fff700;text-shadow:0 0 15px #ff3b00}.admin-blast>i{position:absolute;left:50%;top:50%;width:10px;height:34px;border-radius:50%;background:hsl(var(--h),100%,60%);box-shadow:0 0 14px currentColor;transform:translate(-50%,-50%) rotate(var(--a)) translateY(0);animation:adminSpark 1.65s cubic-bezier(.1,.65,.2,1) var(--delay) forwards}.admin-granted .super{animation:adminShake .65s linear 2}.admin-granted .quick-find{opacity:0!important}@keyframes adminFlash{0%{opacity:1}35%{opacity:.95}100%{opacity:0}}@keyframes adminRing{0%{transform:scale(0);opacity:1}100%{transform:scale(22);opacity:0}}@keyframes adminCore{0%{transform:scale(0) rotate(-12deg)}45%{transform:scale(1.3) rotate(3deg)}65%{transform:scale(.95) rotate(-1deg)}100%{transform:scale(1) rotate(0)}}@keyframes adminSpark{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--a)) translateY(0) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(var(--d)) scale(.15)}}@keyframes adminShake{0%,100%{transform:translate(0)}20%{transform:translate(-8px,5px) rotate(-.3deg)}40%{transform:translate(7px,-5px) rotate(.3deg)}60%{transform:translate(-5px,-3px)}80%{transform:translate(5px,3px)}}@keyframes adminScene{0%,82%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.admin-blast>i,.admin-blast-ring,.admin-blast-flash{display:none}.admin-granted .super{animation:none}.admin-blast-core{animation:adminCore .5s ease-out forwards}.admin-blast{animation:adminScene 2.6s ease-out forwards}}
/* Keep the complete desktop header on one line, also without admin-only controls. */
@media(min-width:651px){
 #ttle{flex-wrap:nowrap}
 .title-left{flex:0 1 auto;flex-wrap:nowrap;white-space:nowrap}
 #prst{flex:0 1 auto;flex-wrap:nowrap;white-space:nowrap}
 #status{flex:1 1 auto;width:0;min-width:0}
 .status-row,.status-devices{flex-wrap:nowrap}
}
/* 3D measurement detonation for temporary administrator unlock. */
.admin-detonating{overflow:hidden}
.admin-detonating .measurement-board{position:relative;z-index:60;perspective:850px;transform-style:preserve-3d;overflow:visible}
.admin-detonating .measurement-board [data-tile]{position:relative;transform-origin:center;backface-visibility:visible;will-change:transform,filter,opacity;animation:measurementDetonation var(--blast-time) cubic-bezier(.12,.72,.18,1) var(--blast-delay) forwards}
.admin-detonating #ttle,.admin-detonating #seld,.admin-detonating .graph-container{animation:blastEnvironment 1.15s cubic-bezier(.2,.8,.2,1) forwards}
.admin-blast{z-index:50;background:radial-gradient(circle at 50% 42%,rgba(255,245,170,.34),rgba(255,55,0,.2) 18%,rgba(12,4,30,.76) 52%,rgba(0,0,0,.94));animation:adminSceneLong 4.15s linear forwards}
.admin-blast-flash{animation:adminFlashStrong .9s ease-out forwards}
.admin-blast-ring{animation:adminRingStrong 1.8s cubic-bezier(.05,.75,.08,1) forwards}
.admin-blast-ring.r2{animation-delay:.12s}
.admin-access-message{position:relative;z-index:200;max-width:min(620px,calc(100vw - 34px));padding:26px 34px;border:2px solid #8be9ff;border-radius:14px;background:linear-gradient(145deg,#10152ff2,#25123cf2);box-shadow:0 0 0 5px #ffffff12,0 0 55px #00d9ff99,0 0 120px #ff00aa66;color:#fff;text-align:center;font:900 clamp(22px,4vw,48px)/1.1 Verdana,sans-serif;letter-spacing:.02em;opacity:0;transform:scale(.35) translateZ(-500px) rotateX(35deg);filter:blur(16px)}
.admin-access-message small{display:block;margin-top:12px;color:#ffe66d;font:700 clamp(12px,1.7vw,20px)/1.2 Verdana,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.admin-blast.show-access .admin-access-message{animation:accessMessageIn .72s cubic-bezier(.14,1.35,.25,1) forwards}
@keyframes measurementDetonation{0%{transform:translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scale(1);opacity:1;filter:brightness(1)}12%{transform:translate3d(0,-8px,45px) rotateX(-5deg) scale(1.06);filter:brightness(2.7) saturate(2)}100%{transform:translate3d(var(--blast-x),var(--blast-y),var(--blast-z)) rotateX(var(--blast-rx)) rotateY(var(--blast-ry)) rotateZ(var(--blast-rz)) scale(.08);opacity:0;filter:brightness(4) blur(3px)}}
@keyframes blastEnvironment{0%{transform:translate3d(0,0,0);opacity:1}18%{transform:translate3d(-14px,8px,0) rotate(-.5deg);filter:brightness(2)}35%{transform:translate3d(12px,-9px,0) rotate(.4deg)}100%{transform:translate3d(0,-80px,-400px) scale(.7);opacity:0;filter:blur(9px)}}
@keyframes adminFlashStrong{0%{opacity:1}10%{opacity:.15}18%{opacity:.95}100%{opacity:0}}
@keyframes adminRingStrong{0%{transform:scale(0) rotateX(65deg);opacity:1}100%{transform:scale(35) rotateX(65deg);opacity:0}}
@keyframes accessMessageIn{0%{opacity:0;transform:scale(.35) translateZ(-500px) rotateX(35deg);filter:blur(16px)}65%{opacity:1;transform:scale(1.08) translateZ(0) rotateX(-3deg);filter:blur(0)}100%{opacity:1;transform:scale(1) translateZ(0) rotateX(0);filter:blur(0)}}
@keyframes adminSceneLong{0%,96%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.admin-detonating .measurement-board [data-tile],.admin-detonating #ttle,.admin-detonating #seld,.admin-detonating .graph-container{animation:reducedBlast .35s ease-out forwards}.admin-blast.show-access .admin-access-message{animation:accessMessageIn .25s ease-out forwards}@keyframes reducedBlast{to{opacity:0}}}
/* Heavier blast: fireball behind the grid, tiles travel toward the viewer. */
.admin-detonating .measurement-board [data-tile]{animation-name:measurementDetonationToward;animation-timing-function:cubic-bezier(.08,.62,.12,1)}
.admin-detonating #ttle,.admin-detonating #seld,.admin-detonating .graph-container{animation:blastEnvironmentLong 3.2s cubic-bezier(.12,.7,.16,1) forwards}
.admin-blast{background:radial-gradient(circle at 50% 48%,rgba(255,180,0,.08),rgba(20,3,18,.62) 48%,rgba(0,0,0,.94));animation:adminSceneHeavy 6.3s linear forwards}
.admin-blast-fireball{position:absolute;left:50%;top:48%;width:80px;height:80px;border-radius:50%;transform:translate(-50%,-50%) scale(.1);background:radial-gradient(circle,#fff 0 5%,#fff7a0 8%,#ffcf22 20%,#ff5a00 43%,#b50000 63%,transparent 72%);box-shadow:0 0 45px 18px #fff7a0,0 0 130px 70px #ff6500aa,0 0 260px 150px #d0000066;filter:saturate(1.5);animation:fireballBurst 3.5s cubic-bezier(.08,.7,.12,1) forwards}
.admin-blast-smoke{position:absolute;left:50%;top:48%;width:150px;height:150px;border-radius:48% 52% 43% 57%;background:radial-gradient(circle at 35% 35%,#fff2,#5a3029cc 30%,#17111be8 65%,transparent 72%);filter:blur(8px);opacity:0;animation:smokeBurst 4.1s ease-out .35s forwards}.admin-blast-smoke.s2{width:210px;height:210px;animation-delay:.6s;animation-duration:4.4s;transform:rotate(67deg)}
.admin-blast>i{width:13px;height:48px;box-shadow:0 0 20px 5px hsl(var(--h),100%,60%);animation-duration:2.8s}
.admin-blast-ring{animation-duration:2.7s;border-width:18px;box-shadow:0 0 65px #fff,0 0 150px #ff5a00}
@keyframes measurementDetonationToward{0%{transform:translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scale(1);opacity:1;filter:brightness(1)}10%{transform:translate3d(0,0,35px) rotateX(-4deg) scale(1.04);opacity:1;filter:brightness(4) saturate(2.8)}24%{opacity:1;filter:brightness(1.8) saturate(1.8)}82%{opacity:1}100%{transform:translate3d(var(--blast-x),var(--blast-y),var(--blast-z)) rotateX(var(--blast-rx)) rotateY(var(--blast-ry)) rotateZ(var(--blast-rz)) scale(var(--blast-scale));opacity:.04;filter:brightness(2.4) blur(1px)}}
@keyframes fireballBurst{0%{transform:translate(-50%,-50%) scale(.08);opacity:0}5%{opacity:1}30%{transform:translate(-50%,-50%) scale(5.5);opacity:1}68%{transform:translate(-50%,-50%) scale(12);opacity:.88;filter:saturate(1.8) blur(2px)}100%{transform:translate(-50%,-50%) scale(22);opacity:0;filter:saturate(.8) blur(18px)}}
@keyframes smokeBurst{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:0}15%{opacity:.85}100%{transform:translate(-50%,-50%) scale(13) rotate(145deg);opacity:0}}
@keyframes blastEnvironmentLong{0%,18%{transform:translate3d(0,0,0);opacity:1;filter:none}24%{transform:translate3d(-18px,10px,0) rotate(-.6deg);filter:brightness(2.4)}34%{transform:translate3d(16px,-12px,0) rotate(.5deg)}70%{opacity:.8}100%{transform:translate3d(0,-120px,-500px) scale(.62);opacity:0;filter:blur(12px)}}
@keyframes adminSceneHeavy{0%,98%{opacity:1}100%{opacity:0}}
.graph-stat-time{display:inline;padding:0;border:0;border-bottom:1px dotted #ffe96b;border-radius:0;background:transparent;color:#ffe96b;font:inherit;font-weight:700;cursor:pointer}.graph-stat-time:hover,.graph-stat-time:focus-visible{border-bottom-style:solid;background:#fff21a18;color:#fff7a8;outline:1px solid #ffe96b;outline-offset:2px}