:root{--bg:#0b1220;--surface:#111c2c;--surface2:#152235;--surface3:#1a2a3f;--border:#243248;--text:#e8eef7;--muted:#8798b1;--subtle:#52647d;--teal:#50d6bc;--teal-dim:#133b3a;--red:#f27b88;--red-dim:#3b2533;--amber:#e9ba70;--amber-dim:#3b332a;--blue:#79a8f4;--radius:18px;--shadow:0 16px 36px #00000012;font-family:Tahoma,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}button,input,select{border:1px solid var(--border);border-radius:11px;background:var(--surface2)}button{transition:background .15s,border-color .15s,transform .15s}button:hover{background:var(--surface3);border-color:#40526d}button:active{transform:translateY(1px)}input,select{color:var(--text);padding:10px 12px;min-height:42px}input:focus,select:focus{border-color:var(--teal);outline:2px solid #50d6bc18}input::placeholder{color:var(--subtle)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px;font-weight:700;line-height:1.5}h2{font-size:17px;line-height:1.5}h3{font-size:14px}strong{font-weight:600}svg{display:block}svg.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.muted,.small-muted{color:var(--muted)}.small-muted{font-size:11px}.mono{font-family:Consolas,monospace;direction:ltr;unicode-bidi:embed}.eyebrow{font:10px/1.7 Arial,sans-serif;font-weight:700;letter-spacing:1.8px;color:var(--muted);display:block;margin-bottom:9px}.brand{display:flex;gap:10px;align-items:center;direction:ltr;justify-content:flex-start}.brand>span{font:700 23px/1.2 Arial,sans-serif;letter-spacing:-.6px}.brand-light{font-weight:400}.brand small{display:block;font:8px/2 Arial,sans-serif;letter-spacing:1.8px;color:var(--muted);margin-top:5px}.icon-button{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border-color:transparent;color:var(--muted);border-radius:11px;flex-shrink:0}.icon-button:hover{color:var(--text)}.text-button{padding:6px 11px;background:transparent;border-color:transparent;font-size:11px;white-space:nowrap;color:var(--muted)}.primary-button{background:var(--teal);color:#092827;border-color:var(--teal);font-weight:700;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary-button:hover{background:#72e5d0;border-color:#72e5d0}.secondary-button{padding:7px 13px;display:inline-flex;gap:7px;align-items:center;font-size:11px}.secondary-button .icon{width:15px;height:15px}.tiny-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--teal);flex-shrink:0}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(410px,.82fr);direction:ltr}.login-story{background:radial-gradient(ellipse at 48% 44%,#143136 0,transparent 55%),linear-gradient(145deg,#101f30,#0c1726);border-inline-end:1px solid var(--border);padding:44px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story-copy{max-width:490px;margin-top:auto;padding:35px 0 22px;direction:rtl}.login-story-copy h1{font-size:37px;line-height:1.55;margin:13px 0 18px;letter-spacing:-1px}.login-story-copy p{color:#95a8bd;font-size:14px;max-width:420px;line-height:2}.login-points{display:flex;gap:24px;font-size:11px;color:#a9c0cc;margin-top:28px}.login-points span:before{content:"";display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;margin-inline-end:8px}.login-visual{width:320px;height:320px;position:relative;margin:30px auto 0;direction:ltr;flex-shrink:0}.orbit{position:absolute;inset:0;border:1px solid #50d6bc1a;border-radius:50%}.orbit-one{inset:22px}.orbit-two{inset:60px;border-color:#50d6bc28}.orbit-three{inset:102px;border-color:#50d6bc45;background:#13333630;box-shadow:0 0 70px #4fd2bc0b}.orbit-core{position:absolute;inset:123px;display:grid;place-items:center;font:700 23px Arial;color:var(--teal);background:#143d3d;border:1px solid #337e75;border-radius:23px;box-shadow:0 0 55px #50d6bc15}.orbit-node{position:absolute;width:13px;height:13px;border:3px solid #1a333b;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px #50d6bc06}.node-one{top:48px;left:63px}.node-two{right:21px;top:162px}.node-three{bottom:43px;left:77px}.node-four{left:115px;top:87px;width:9px;height:9px;background:var(--blue);border-color:#1c3445}.login-side{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:34px 44px;direction:rtl}.login-top,.login-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--subtle);font-size:10px}.login-form{width:100%;max-width:345px;margin:40px auto}.login-form h2{font-size:25px;margin-bottom:10px;letter-spacing:-.5px}.login-form>.muted{font-size:12px;margin-bottom:32px}.login-form .eyebrow{font-family:inherit;letter-spacing:0;color:var(--teal);font-size:11px}.section-icon{color:var(--teal);background:var(--teal-dim);border:1px solid #2a5d57;border-radius:15px;display:grid;place-items:center;width:49px;height:49px;margin-bottom:28px}.section-icon .icon{width:23px;height:23px}.login-form label{display:block;font-size:12px;margin:18px 0 8px;color:#b9c6d6}.login-form input{width:100%;background:#111c2a;height:46px}.password-input{position:relative}.password-input input{padding-inline-end:44px;direction:ltr;text-align:start}.password-input button{position:absolute;inset-inline-end:5px;top:5px;width:36px;height:36px}.login-submit{width:100%;margin-top:16px;justify-content:space-between;border-radius:12px;height:47px}.form-error{color:var(--red);font-size:11px;min-height:20px;margin-top:9px}.login-footnote{font-size:10px;color:var(--subtle);display:flex;gap:7px;align-items:center;justify-content:center;margin-top:20px}.login-footnote .tiny-dot{width:5px;height:5px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#0e1928;border-inline-end:1px solid #1e2d42;position:fixed;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;padding:29px 19px 15px;z-index:20}.sidebar .brand{margin-inline:7px}.sidebar .brand>span{font-size:22px}.workspace{margin:30px 0 27px;border:1px solid #263549;background:#142134;border-radius:13px;padding:12px 10px;display:flex;align-items:center;gap:10px}.workspace-logo{width:31px;height:34px;display:grid;place-items:center;border-radius:9px;background:#26364a;color:#c8d3e1;font:700 11px Arial;flex-shrink:0}.workspace strong{font-size:11px;display:block;direction:ltr;text-align:start}.workspace small{font-size:9px;color:var(--subtle);display:block;margin-top:2px}.workspace-indicator{width:5px;height:5px;border-radius:50%;background:var(--teal);margin-inline-start:auto}.nav-caption{color:var(--subtle);font-size:9px;margin:0 11px 10px}.nav-item{width:100%;border:0;background:transparent;padding:12px 13px;display:flex;align-items:center;gap:12px;color:#93a4bb;position:relative;border-radius:11px;margin-bottom:5px;text-align:start;font-size:12px}.nav-item .icon{width:19px;height:19px}.nav-item.active{background:#153333;color:#75e1ca}.nav-item.active:before{content:"";position:absolute;inset-inline-start:-19px;width:3px;height:21px;border-radius:3px;background:var(--teal)}.nav-item .nav-badge{margin-inline-start:auto;background:#342734;color:var(--red);border:1px solid #543847;border-radius:7px;min-width:21px;text-align:center;font:10px/18px Arial}.sidebar-bottom{margin-top:auto;padding-top:28px}.read-only-note{display:flex;gap:7px;align-items:center;color:var(--subtle);font-size:10px;margin:0 11px 20px}.read-only-note .tiny-dot{background:#5d7189;width:5px;height:5px}.idle-toggle{display:flex;width:100%;align-items:center;gap:9px;background:transparent;border:0;padding:9px 10px;color:var(--muted);font-size:10px}.idle-toggle svg{width:16px;height:16px}.toggle-track{margin-inline-start:auto;border-radius:10px;background:#28534e;width:28px;height:16px;padding:3px;display:flex;justify-content:flex-end}.toggle-track span{border-radius:50%;background:#7ce2cd;width:10px;height:10px}.idle-toggle[aria-pressed=false] .toggle-track{background:#344156;justify-content:flex-start}.idle-toggle[aria-pressed=false] .toggle-track span{background:#8999b0}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:20px 3px 3px;margin-top:12px}.avatar{height:33px;width:33px;display:grid;place-items:center;border-radius:11px;background:#26374c;color:#bed3e2;font:700 10px Arial}.user-card strong{display:block;font-size:11px}.user-card small{display:block;color:var(--subtle);font-size:9px;margin-top:2px}.user-card .icon-button{margin-inline-start:auto}.main-shell{margin-inline-start:240px;width:calc(100% - 240px);min-width:0}.topbar{height:76px;border-bottom:1px solid #1c293d;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px;background:#0b1320ef;position:sticky;top:0;z-index:15;backdrop-filter:blur(15px)}.breadcrumbs{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.breadcrumbs strong{color:#ced9e7;font-size:12px}.breadcrumb-divider{color:#344357}.topbar-actions{display:flex;align-items:center;gap:6px}.connection-chip{display:flex;align-items:center;gap:7px;color:var(--teal);font-size:9px;margin-inline-end:13px;padding:5px 9px;background:#15332e55;border:1px solid #23504466;border-radius:20px;white-space:nowrap}.connection-chip b{font-weight:400}.connection-chip>span{width:5px;height:5px;border-radius:50%;background:currentColor}.connection-chip.offline{color:var(--amber);background:#3b332a55;border-color:#5e4f3566}.topbar-divider{height:20px;width:1px;background:var(--border);margin-inline:8px}.alert-shortcut{position:relative}.alert-shortcut>span{position:absolute;inset-inline-end:3px;top:1px;background:var(--red);color:#3a1920;min-width:13px;height:13px;display:grid;place-items:center;font:8px Arial;border-radius:7px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--teal);margin-bottom:7px}.page-heading .muted{font-size:11px;margin-top:6px}.heading-meta{text-align:end;color:var(--muted);font-size:10px;padding-bottom:3px;white-space:nowrap}.timezone-label{display:block;color:var(--subtle);font:8px Arial;letter-spacing:.9px;margin-top:6px}main#main-content{max-width:1800px;margin:auto;padding:30px 34px 18px;outline:none}.page-footer{display:flex;justify-content:space-between;gap:10px;color:var(--subtle);font-size:9px;margin-top:29px;padding-top:15px;border-top:1px solid #1b293a}.page-footer>span:first-child{font-size:8px;letter-spacing:.5px}.page-footer .muted{margin-inline:7px}.network-banner{border:1px solid #71583a;background:#30291d;color:#e9c594;padding:10px 15px;border-radius:11px;margin-bottom:18px;font-size:11px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:21px}.toolbar-group{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.segmented{display:flex;background:#101b2b;padding:4px;border:1px solid var(--border);border-radius:11px;gap:3px}.segmented button{padding:5px 13px;border:0;background:transparent;color:var(--muted);font-size:10px;border-radius:7px;min-height:29px}.segmented button.active{color:#cdeee7;background:#25423f}.toolbar-label{font-size:10px;color:var(--muted)}.period-note{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--subtle)}.period-note .tiny-dot{width:5px;height:5px}.search-field{display:flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding-inline:10px;color:var(--muted)}.search-field input{border:0;background:transparent;outline:none;padding:8px;min-width:230px;font-size:10px;min-height:37px}.search-field .icon{height:15px;width:15px}.filter-select{font-size:10px;min-height:39px;padding:7px 12px;max-width:230px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric-card{border:1px solid var(--border);background:linear-gradient(135deg,#142133,#101a2a);border-radius:var(--radius);padding:18px 19px;min-height:149px;position:relative;overflow:hidden}.metric-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.metric-icon{color:var(--teal);height:30px;width:30px;border-radius:9px;background:#1b373b;display:grid;place-items:center}.metric-icon .icon{width:16px;height:16px}.metric-card.red .metric-icon{color:var(--red);background:var(--red-dim)}.metric-card.amber .metric-icon{color:var(--amber);background:var(--amber-dim)}.metric-card.blue .metric-icon{color:var(--blue);background:#25344f}.metric-value{font:500 30px/1.2 Arial,sans-serif;letter-spacing:-.9px;margin-top:14px;color:var(--text);direction:ltr;text-align:start}.metric-value small{font-size:13px;color:var(--muted);letter-spacing:0;margin-inline-start:4px}.metric-foot{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--subtle);margin-top:10px}.metric-spark{position:absolute;inset-inline-end:12px;bottom:20px;width:72px;height:27px;opacity:.6}.metric-foot .positive{color:var(--teal)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-header{padding:19px 21px;display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.panel-heading{display:flex;gap:9px;align-items:center}.panel-heading .icon{width:17px;height:17px;color:var(--muted)}.panel-header h2{font-size:13px}.panel-header p{font-size:9px;color:var(--subtle);margin-top:4px}.panel-badge{font:9px/1.5 Arial;color:var(--muted);border:1px solid #304055;background:#1b293b;padding:3px 7px;border-radius:6px;white-space:nowrap}.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:18px;margin-bottom:18px}.overview-grid.lower{grid-template-columns:minmax(250px,1fr) minmax(0,1.35fr) minmax(250px,1fr)}.chart-wrap{padding:0 20px 10px;min-width:0}.chart{height:218px;width:100%;overflow:visible}.chart text{fill:var(--subtle);font:10px Arial}.chart .grid-line{stroke:#27364b;stroke-dasharray:3 5;stroke-width:1}.chart-legend{display:flex;gap:20px;font-size:9px;color:var(--muted);padding:0 22px 17px;align-items:center}.legend-item{display:flex;gap:7px;align-items:center}.legend-item:before{content:"";width:6px;height:6px;background:var(--teal);border-radius:2px}.legend-item.red:before{background:var(--red)}.legend-item.blue:before{background:var(--blue)}.chart-summary{display:flex;gap:25px;padding:0 22px 14px}.chart-summary span{font-size:9px;color:var(--subtle);display:block}.chart-summary strong{font:18px/1.5 Arial}.source-list{padding:0 19px 12px}.source-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #233046}.source-item:last-child{border:0}.source-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid #304156;background:#1b2a3e;border-radius:11px;color:var(--muted);flex-shrink:0}.source-icon .icon{width:17px;height:17px}.source-item-body{min-width:0;flex:1}.source-item-body strong{font-size:10px;display:block}.source-item-body small{color:var(--subtle);font-size:8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px}.status-chip{font-size:8px;line-height:1.7;border-radius:6px;padding:3px 7px;color:var(--teal);background:#153c345c;border:1px solid #2c5b4c90;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.status-chip:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status-chip.warning{color:var(--amber);background:#3a33285c;border-color:#5d4e3590}.status-chip.danger{color:var(--red);background:#4126355c;border-color:#693b4e90}.status-chip.neutral{color:#95a8c0;background:#26354b5c;border-color:#3c4d6590}.empty-state{padding:35px 22px;text-align:center;color:var(--subtle);font-size:10px;display:flex;align-items:center;justify-content:center;gap:11px;flex-direction:column;min-height:150px}.empty-state .icon{width:28px;height:28px;opacity:.6}.empty-state strong{font-size:12px;color:var(--muted)}.empty-state p{max-width:370px}.horizontal-list{padding:1px 21px 20px}.horizontal-row{margin:13px 0}.horizontal-row-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:10px;color:#aabacf;margin-bottom:6px}.horizontal-row-head strong{font:11px Arial}.horizontal-bar{display:block;width:100%;height:5px;border-radius:4px;background:#223249;overflow:hidden}.horizontal-bar svg{width:100%;height:5px}.alert-feed{padding:0 21px 11px}.alert-feed-item{display:flex;gap:11px;border-top:1px solid #243147;padding:12px 0;cursor:pointer}.alert-feed-icon{color:var(--red);height:29px;width:29px;border:1px solid #5b3844;background:#382432;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.alert-feed-icon.amber{color:var(--amber);background:#342e26;border-color:#564832}.alert-feed-icon .icon{width:15px;height:15px}.alert-feed-text{min-width:0;flex:1}.alert-feed-text strong{font-size:10px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}.alert-feed-text small{font-size:8px;color:var(--subtle);display:block;margin-top:4px}.alert-feed-item .chevron{color:var(--subtle);margin-top:4px}.alert-feed-item:hover .alert-feed-text strong{color:var(--teal)}.donut-wrap{display:flex;justify-content:center;padding:2px 20px 16px;gap:17px;align-items:center;min-height:180px}.donut-svg{width:135px;height:135px;flex-shrink:0;transform:rotate(-90deg)}.donut-svg text{transform:rotate(90deg);transform-origin:center;font:22px Arial;fill:var(--text)}.donut-legend{min-width:95px}.donut-legend>div{font-size:9px;display:flex;align-items:center;gap:6px;margin:9px 0;color:var(--muted)}.donut-legend strong{margin-inline-start:auto;color:var(--text);font:10px Arial}.legend-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.legend-dot.teal{background:var(--teal)}.legend-dot.red{background:var(--red)}.legend-dot.blue{background:var(--blue)}.legend-dot.amber{background:var(--amber)}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:start;font-size:10px}.data-table th{text-align:start;padding:11px 19px;border-block:1px solid #26364b;color:var(--subtle);font-size:9px;font-weight:400;background:#142133}.data-table td{padding:13px 19px;border-bottom:1px solid #233147;max-width:330px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#17273b}.data-table .summary-cell{white-space:normal;min-width:200px;max-width:470px;font-size:10px;line-height:1.8}.data-table .secondary-line{display:block;font-size:8px;color:var(--subtle);margin-top:3px}.severity-tag{font-size:8px;display:inline-flex;padding:2px 7px;border-radius:5px;color:var(--red);background:#432b38}.severity-tag.warning{color:var(--amber);background:#3d3427}.severity-tag.normal{color:#a2b3c9;background:#26374d}.section-gap{margin-top:18px}.log-panes{display:grid;grid-template-columns:1fr 1fr;gap:16px;direction:ltr;align-items:start}.log-pane{direction:rtl;min-width:0}.log-pane.normal-pane{direction:rtl}.log-pane .panel-header{padding:17px 18px;border-bottom:1px solid var(--border)}.log-pane.red-pane{border-color:#543141}.log-pane.red-pane .panel-heading{color:var(--red)}.log-pane .panel-heading .icon{color:inherit}.log-stream{max-height:690px;overflow:auto;padding:4px 15px 12px}.log-row{min-height:100px;padding:11px 0;border-bottom:1px solid #263347;display:flex;gap:10px;cursor:pointer}.log-row:last-child{border:0}.red-pane .log-row{color:#e9b4bd}.log-row:hover{background:#ffffff03}.log-row.empty-row{cursor:default;opacity:.14}.log-row-head{display:flex;align-items:center;gap:7px;justify-content:space-between;color:var(--subtle);font-size:8px;margin-bottom:4px}.log-row-content{flex:1;min-width:0}.log-row-summary{font-size:10px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.log-row-meta{display:flex;gap:7px;align-items:center;font-size:8px;color:var(--subtle);margin-top:6px;overflow:hidden;white-space:nowrap}.log-row-meta .mono{color:#8fa5be}.log-dot{width:5px;height:5px;background:var(--subtle);border-radius:50%;margin-top:9px;flex-shrink:0}.red-pane .log-dot{background:var(--red)}.mobile-log-tabs{display:none}.log-hint{font-size:9px;color:var(--subtle);margin-top:13px}.red-only .normal-pane{display:none}.red-only{grid-template-columns:1fr}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.agent-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:20px;border-bottom:1px solid #25344a}.agent-identity{display:flex;gap:11px;align-items:center;min-width:0}.agent-identity h2{font-size:13px;overflow-wrap:anywhere}.agent-identity small{font-size:9px;color:var(--muted)}.agent-metrics{padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.agent-metric>span{font-size:9px;color:var(--muted);display:block}.agent-metric strong{font:23px/1.8 Arial;color:#c7d9e8;display:block}.agent-metric strong small{font-size:12px;color:var(--subtle)}.agent-times{padding:0 20px 15px;font-size:8px;color:var(--subtle);display:flex;justify-content:space-between;gap:10px}.health-details{padding:0 20px 17px;border-top:1px solid #243247}.health-details summary{font-size:9px;color:var(--muted);padding-top:12px;cursor:pointer}.health-details dl{margin:10px 0 0}.health-details dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #243247;padding:7px 0;font-size:9px}.health-details dt{color:var(--subtle);overflow-wrap:anywhere}.health-details dd{margin:0;color:var(--muted);text-align:end;overflow-wrap:anywhere}.usage-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:18px}.usage-totals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}.usage-summary{display:flex;gap:10px;align-items:center;padding:17px 20px}.usage-summary>.metric-icon{height:35px;width:35px}.usage-summary small{display:block;font-size:9px;color:var(--muted)}.usage-summary strong{font:20px/1.5 Arial;direction:ltr;display:block;text-align:start}.firewall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.compact-values{padding:0 20px 20px}.compact-value{display:flex;gap:12px;justify-content:space-between;font-size:10px;border-top:1px solid #26344a;padding:11px 0}.compact-value>span{color:var(--muted)}.compact-value>strong{font:11px/1.7 Consolas,monospace;text-align:end;max-width:58%;overflow-wrap:anywhere;white-space:pre-wrap}.drawer-backdrop{position:fixed;inset:0;z-index:99;background:#0008;backdrop-filter:blur(3px)}.detail-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(570px,94vw);background:#111d2e;z-index:100;box-shadow:0 0 80px #0008;border-inline-start:1px solid #36465e;overflow:auto}.detail-drawer>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 25px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#111d2ef5;backdrop-filter:blur(12px);z-index:1}.detail-drawer>header h2{font-size:17px}.detail-drawer>header .eyebrow{font-family:inherit;letter-spacing:0;font-size:9px}.detail-drawer>header button{border:1px solid var(--border)}#drawer-body{padding:24px}.detail-summary{font-size:13px;line-height:2;color:#c0cede;padding:15px 0;overflow-wrap:anywhere}.detail-fields{margin:16px 0}.detail-fields>div{display:grid;grid-template-columns:110px 1fr;padding:10px 0;gap:15px;border-bottom:1px solid #26364a;font-size:10px}.detail-fields dt{color:var(--subtle)}.detail-fields dd{margin:0;color:#aebed2;overflow-wrap:anywhere}.detail-section{margin-top:24px}.detail-section h3{margin-bottom:12px;color:#c6d6e5}.advice-box{background:#173233;border:1px solid #29504e;border-radius:12px;padding:14px;color:#acd9cf;font-size:11px;line-height:2}.evidence-item{padding:13px 0;border-bottom:1px solid var(--border);font-size:10px}.evidence-item p{margin-top:7px;overflow-wrap:anywhere}.evidence-item small{color:var(--subtle)}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:120;padding:12px 20px;background:#21394a;border:1px solid #3c586a;color:#dce9f0;border-radius:12px;box-shadow:0 10px 40px #0007;font-size:11px;max-width:90vw}.skeleton{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.skeleton>div{height:150px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(100deg,#142033 20%,#19283b 45%,#142033 70%);background-size:300% 100%;animation:shimmer 1.6s infinite}.skeleton>div.wide{grid-column:span 3;height:300px}.loading-label{font-size:11px;color:var(--muted);text-align:center;padding:30px}.export-note{font-size:9px;color:var(--subtle);padding:11px 20px;border-top:1px solid var(--border)}@keyframes shimmer{to{background-position:-150% 0}}html[dir=ltr] .login-story-copy{direction:ltr}html[dir=ltr] .log-pane,html[dir=ltr] .log-pane.normal-pane{direction:ltr}html[dir=ltr] .login-side{direction:ltr}html[dir=ltr] .nav-item{font-size:11px}html[dir=ltr] .login-story-copy h1{font-size:42px;line-height:1.25}html[dir=ltr] .page-heading h1{letter-spacing:-.5px}
@media(min-width:1600px){main#main-content{padding-inline:48px}.topbar{padding-inline:48px}.overview-grid{grid-template-columns:minmax(0,2fr) minmax(310px,1fr)}}
@media(max-width:1200px){.sidebar{width:210px;padding-inline:15px}.main-shell{margin-inline-start:210px;width:calc(100% - 210px)}.sidebar .brand>span{font-size:19px}.sidebar .brand small{font-size:7px}.topbar{padding-inline:24px}main#main-content{padding:25px 24px 17px}.metric-grid{gap:11px}.metric-card{padding:16px 14px}.metric-card-top{font-size:10px}.metric-value{font-size:27px}.metric-spark{width:52px}.overview-grid.lower{grid-template-columns:1fr 1.2fr}.overview-grid.lower>.panel:last-child{grid-column:span 2}.agent-grid{grid-template-columns:1fr 1fr}.firewall-grid{grid-template-columns:1fr 1fr}.login-story{padding:36px}.login-side{padding:30px}.heading-meta{font-size:9px}.login-story-copy h1{font-size:31px}.login-visual{width:290px;height:290px}.orbit-core{inset:109px}.orbit-three{inset:88px}}
@media(max-width:950px){.sidebar{width:78px;padding:24px 11px 16px}.sidebar .brand{margin:0;justify-content:center}.sidebar .brand>span,.workspace,.nav-caption,.sidebar .nav-item>span,.sidebar .read-only-note,.user-card>div,.user-card .avatar,.idle-toggle>span:not(:first-child){display:none}.sidebar .brand img{width:37px;height:37px}.sidebar nav{margin-top:37px}.nav-item{justify-content:center;padding:13px 8px;margin-bottom:7px}.nav-item.active:before{inset-inline-start:-11px}.sidebar-bottom{padding-top:15px}.idle-toggle{justify-content:center}.user-card{justify-content:center}.user-card .icon-button{margin:0}.main-shell{margin-inline-start:78px;width:calc(100% - 78px)}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.metric-card-top>span{max-width:100px}.page-heading h1{font-size:25px}.usage-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr 1fr;min-width:0}.login-story{padding:30px 27px}.login-story-copy .eyebrow{font-size:8px}.login-story-copy h1{font-size:29px}.login-points{gap:10px;font-size:9px}.login-story-copy p{font-size:12px}.login-visual{transform:scale(.9);margin-inline:-7px}.login-side{padding:26px}.login-form h2{font-size:23px}}
@media(max-width:750px){.sidebar{inset-block:auto 0;inset-inline:0;width:100%;height:70px;padding:0 10px;border:0;border-top:1px solid #2a3a50;background:#101d2ef5;backdrop-filter:blur(15px);flex-direction:row;align-items:center;justify-content:center;z-index:25}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{margin:0;width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.sidebar .nav-item{margin:0;flex-direction:column;gap:4px;padding:9px 2px 7px;border-radius:10px;min-width:0;line-height:1.3}.sidebar .nav-item .icon{width:19px;height:19px}.sidebar .nav-item>span:not(.nav-badge){display:block;font-size:8px}.sidebar .nav-item .nav-badge{display:none}.nav-item.active:before{display:none}.main-shell{width:100%;margin:0;padding-bottom:70px}.topbar{height:61px;padding-inline:18px}.topbar-actions{gap:0}.connection-chip{font-size:8px;margin-inline-end:4px;padding:4px 7px}.topbar-divider{margin-inline:4px}.topbar .icon-button{height:32px;width:32px}.topbar .language-button{font-size:10px;padding:4px 7px}.breadcrumbs{font-size:10px;gap:7px}.breadcrumbs strong{font-size:11px}.desktop-only{display:none!important}main#main-content{padding:23px 17px 15px}.page-heading{margin-bottom:21px;align-items:flex-start}.page-heading h1{font-size:23px}.page-heading .muted{font-size:10px;max-width:260px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.heading-meta{font-size:8px;padding-top:3px}.timezone-label{font-size:6px}.metric-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:15px}.metric-card{min-height:130px;padding:15px}.metric-card-top{font-size:10px}.metric-icon{width:27px;height:27px}.metric-card-top>span{max-width:none}.metric-value{font-size:28px;margin-top:10px}.metric-foot{font-size:8px;margin-top:9px}.metric-spark{height:20px;bottom:16px;width:60px}.overview-grid,.overview-grid.lower{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.overview-grid.lower>.panel:last-child{grid-column:auto}.panel-header{padding:18px}.overview-grid>.panel:nth-child(2) .source-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.source-item-body small{max-width:120px}.source-item{padding:10px 0}.chart{height:210px}.chart-wrap{padding-inline:15px}.toolbar{gap:12px;margin-bottom:17px}.toolbar-label{font-size:9px}.segmented button{padding:5px 11px;font-size:9px}.period-note{font-size:8px}.agent-grid,.firewall-grid{grid-template-columns:1fr 1fr;gap:12px}.agent-card-header{padding:15px;gap:5px}.agent-identity{gap:8px}.agent-identity h2{font-size:11px}.agent-identity .source-icon{width:29px;height:29px}.agent-identity small{font-size:8px}.agent-card-header>.status-chip{font-size:7px;padding:2px 5px}.agent-metrics{padding:12px 15px;gap:10px}.agent-metric strong{font-size:21px}.agent-times{padding:0 15px 12px;font-size:7px;flex-wrap:wrap}.health-details{padding:0 15px 12px}.log-panes{grid-template-columns:1fr}.log-panes .normal-pane{display:none}.log-panes.show-normal .red-pane{display:none}.log-panes.show-normal .normal-pane{display:block}.mobile-log-tabs{display:flex}.log-hint{font-size:8px}.log-row{min-height:94px}.log-row.empty-row{display:none}.log-stream{max-height:620px}.search-field{flex:1;width:100%}.search-field input{min-width:0;width:100%}.filter-select{flex:1;min-width:120px}.live-filter-group{width:100%}.live-toggle-buttons{display:none}.data-table th{padding:10px 14px}.data-table td{padding:12px 14px}.usage-totals{gap:9px}.usage-summary{padding:13px 11px;gap:7px}.usage-summary>.metric-icon{width:27px;height:27px}.usage-summary small{font-size:8px}.usage-summary strong{font-size:16px}.usage-summary .icon{width:14px;height:14px}.page-footer{font-size:8px;margin-top:20px;flex-wrap:wrap}.page-footer>span:first-child{font-size:7px}.login-layout{display:block}.login-story{display:none}.login-side{min-height:100svh;padding:25px}.login-form{max-width:360px}.login-form h2{font-size:27px}.login-form>.muted{font-size:12px}.login-form label{font-size:12px}.login-side .login-top .small-muted{letter-spacing:1px}.login-form:before{content:"TRMonitor";display:block;font:700 22px Arial;margin-bottom:32px;direction:ltr;color:#c7d9e7;letter-spacing:-.4px}.login-bottom{font-size:9px}.skeleton{grid-template-columns:1fr 1fr}.skeleton>div{height:130px}.skeleton>div.wide{grid-column:span 2;height:260px}.skeleton>div:last-child{grid-column:span 2}.read-only-note{display:none}.toast{bottom:83px}.donut-wrap{justify-content:center;gap:35px}.donut-svg{width:155px;height:155px}}
@media(max-width:420px){main#main-content{padding-inline:13px}.topbar{padding-inline:13px}.heading-meta{display:none}.page-heading h1{font-size:23px}.page-heading .muted{max-width:100%}.metric-card{padding:13px}.metric-card-top{font-size:9px}.metric-card-top>span{max-width:98px}.metric-value{font-size:26px}.metric-foot{font-size:7px}.metric-spark{width:43px}.agent-grid,.firewall-grid{grid-template-columns:1fr}.overview-grid>.panel:nth-child(2) .source-list{grid-template-columns:1fr}.source-item-body small{max-width:190px}.usage-totals{grid-template-columns:1fr}.usage-summary{padding:13px 16px}.usage-summary strong{font-size:20px}.toolbar-group .filter-select{max-width:none}.connection-chip{max-width:110px}.login-side{padding:21px}.page-footer>span:last-child{font-size:7px}.sidebar .nav-item>span:not(.nav-badge){font-size:7px}.chart-legend{font-size:8px;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.mobile-account,.mobile-account-menu{display:none}.mobile-account-menu{position:absolute;inset-inline-end:15px;top:57px;width:215px;background:#152337;border:1px solid #35455b;box-shadow:0 15px 50px #0007;border-radius:13px;padding:9px;z-index:50}.mobile-account-menu>strong{font-size:11px;display:block;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:5px}.mobile-account-menu>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;font-size:11px;background:transparent;border-color:transparent}.mobile-account-menu>button[aria-pressed=false] .toggle-track{background:#344156;justify-content:flex-start}.mobile-account-menu>button[aria-pressed=false] .toggle-track span{background:#8999b0}@media(max-width:750px){.mobile-account{display:inline-flex}.mobile-account-menu:not([hidden]){display:block}.topbar-actions>.topbar-divider{display:none}}

.log-row{height:100px;min-height:100px;max-height:100px;overflow:hidden;flex-shrink:0}
/* Web-only console · 0.10 */
.keyboard-hint{margin-inline-start:auto;font:8px Arial;letter-spacing:1.3px;color:var(--subtle);border:1px solid #2a3a50;border-radius:5px;padding:2px 5px}.verification-note{display:flex;gap:12px;align-items:center;background:#143332;border:1px solid #2a5a50;border-radius:12px;padding:15px;margin:24px 0}.verification-note>span{width:34px;height:34px;display:grid;place-items:center;color:var(--teal);background:#1f4940;border-radius:10px;flex-shrink:0}.verification-note strong{display:block;font-size:11px;color:#d4e8df}.verification-note p{font-size:10px;color:#89afa5;margin-top:4px;unicode-bidi:plaintext}#otp-code{font:25px/1.4 Consolas,monospace;letter-spacing:12px;text-align:center;height:57px;background:#142336}.otp-actions{display:flex;justify-content:space-between;align-items:center;margin:12px -8px 2px}.otp-actions button{font-size:9px}#otp-timing{font-size:9px;min-height:20px}.login-form .login-footnote{line-height:1.9}.lock-screen{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 32%,#14303577,transparent 44%),#0b1422;z-index:90;min-height:100svh;overflow:auto;display:flex;flex-direction:column;padding:28px 38px}.lock-top{display:flex;justify-content:space-between;align-items:center}.lock-top .brand>span{font-size:22px}.unlock-form{width:100%;max-width:355px;margin:auto;text-align:center;padding:40px 0}.lock-orbit{border:1px solid #2f554f;border-radius:50%;width:91px;height:91px;margin:0 auto 28px;display:grid;place-items:center;box-shadow:0 0 0 13px #50d6bc04,0 0 0 27px #50d6bc02}.lock-orbit>span{height:60px;width:60px;border-radius:19px;display:grid;place-items:center;background:#163b37;color:var(--teal);border:1px solid #36736a}.lock-orbit .icon{width:27px;height:27px}.unlock-form .eyebrow{font-size:9px;letter-spacing:1px;color:var(--teal)}.unlock-form h1{font-size:28px}.locked-user{font-size:13px;color:#cbdaea;margin:13px 0 6px}.unlock-form>.muted{font-size:11px;line-height:2.1;max-width:330px;margin:auto}.unlock-form label{display:block;text-align:start;font-size:11px;color:var(--muted);margin:27px 0 8px}.unlock-form input[type=password]{width:100%;height:47px;direction:ltr}.unlock-form .primary-button{width:100%;justify-content:space-between}.unlock-form .small-muted{font-size:9px;margin-top:18px}.unlock-form>.text-button{margin-top:13px;font-size:10px}.lock-bottom{display:flex;justify-content:space-between;gap:15px;color:var(--subtle);font-size:9px}.lock-bottom>span:first-child{font:8px Arial;letter-spacing:1px}.settings-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:19px}.session-summary{display:flex;align-items:center;gap:13px;padding:0 22px 22px}.session-summary>.status-chip{margin-inline-start:auto}.session-summary strong{font-size:15px}.session-summary p{font-size:10px;margin-top:3px}.session-shield{height:44px;width:44px;display:grid;place-items:center;background:#1a3b37;color:var(--teal);border:1px solid #2e5b50;border-radius:14px}.session-shield .icon{width:23px;height:23px}.settings-actions{display:flex;gap:12px;padding:0 20px 20px}.policy-form{padding:0 21px 22px}.policy-toggle{display:flex;align-items:center;gap:10px;font-size:11px;margin:0 0 20px;cursor:pointer}.policy-toggle input{position:absolute;opacity:0;pointer-events:none}.policy-switch{display:flex;align-items:center;justify-content:flex-start;width:34px;height:20px;background:#344156;border-radius:12px;padding:3px;border:1px solid #4c5a70}.policy-switch>span{width:12px;height:12px;border-radius:50%;background:#a1b0c4}.policy-toggle input:checked+.policy-switch{background:#29594f;border-color:#378374;justify-content:flex-end}.policy-toggle input:checked+.policy-switch>span{background:#79e0c9}.policy-toggle input:focus-visible+.policy-switch{outline:2px solid var(--teal);outline-offset:3px}.idle-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.idle-presets button{padding:8px 7px;font-size:10px;border-radius:9px;background:#17263a;color:#91a6be}.idle-presets button.active{color:#8be5cc;background:#21483f;border-color:#38816d}.custom-idle-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:19px}.idle-minutes{width:105px;direction:ltr;text-align:center;font:14px Arial;min-height:36px}.policy-form .form-error{min-height:20px;font-size:10px}.policy-form .primary-button{font-size:11px;padding:9px 16px}.editor-table td{padding:8px 12px}.editor-table th{padding-inline:14px}.editor-table td:last-child{width:35px}.editor-input{width:100%;min-width:145px;min-height:37px;font-size:10px;background:#142337;border-color:#2b4057}.editor-table td:nth-child(3) .editor-input{min-width:210px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--border);gap:10px}.editor-toolbar .primary-button{font-size:11px;padding:8px 18px}.editor-status{font-size:10px;color:var(--amber);padding:0 18px;white-space:pre-wrap}.editor-status:not(:empty){padding-block:13px}.import-details{padding:0 19px 18px;border-top:1px solid var(--border)}.import-details summary{font-size:11px;cursor:pointer;color:#b8cadd;padding-top:13px}.import-details p{font-size:10px;margin-block:10px}.device-import{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:100px;max-height:400px;font:11px/1.9 Consolas,Tahoma,monospace;background:#0e1b2b;color:#bdcee1;border:1px solid #2c4057;border-radius:10px;padding:10px 13px}.import-details .secondary-button{margin-top:11px}.overview-pulse{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;background:linear-gradient(125deg,#182d3a,#142135 55%);border:1px solid #2b4457;border-radius:18px;margin-bottom:20px;gap:20px;position:relative;overflow:hidden}.pulse-heading{display:flex;align-items:center;gap:12px}.pulse-symbol{height:43px;width:43px;display:grid;place-items:center;color:var(--teal);border-radius:14px;border:1px solid #397567;background:#193e39}.pulse-heading strong{font-size:12px;color:#d5e7ed;display:block}.pulse-heading small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.pulse-stats{display:flex;gap:32px}.pulse-stat small{display:block;color:var(--muted);font-size:8px}.pulse-stat strong{display:block;color:#b8d6e1;font:20px/1.6 Arial;direction:ltr}.insight-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:18px}.hour-density{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;padding:0 21px 12px;direction:ltr}.hour-cell{min-width:0;text-align:center}.hour-cell svg{width:100%;height:35px;display:block}.hour-cell small{font:8px Arial;color:var(--subtle);display:block;margin-top:5px}.density-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 21px 17px;color:var(--subtle);font-size:8px}.density-legend svg{width:85px;height:8px}.service-signal-list{padding:0 20px 18px}.service-signal-row{padding:10px 0;border-top:1px solid #243349}.service-signal-row:first-child{border:0}.service-signal-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:10px;margin-bottom:7px;color:#b9cbe0}.service-signal-title strong{font:11px Arial}.service-signal-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-signal-bars>div{min-width:0}.service-signal-bars small{display:flex;justify-content:space-between;font-size:8px;color:var(--subtle);margin-bottom:4px}.service-signal-bars svg{width:100%;height:4px}.dirty-note{color:var(--amber);font-size:9px}
@media(max-width:1100px){.settings-grid{grid-template-columns:1fr 1fr}.pulse-stats{gap:20px}.insight-grid{grid-template-columns:1fr 1fr}.hour-density{gap:6px;grid-template-columns:repeat(8,1fr)}}
@media(max-width:750px){.sidebar nav{grid-template-columns:repeat(7,1fr)}.sidebar .nav-item>span:not(.nav-badge){font-size:7px}.settings-grid,.insight-grid{grid-template-columns:1fr;gap:15px}.overview-pulse{padding:17px;gap:15px;align-items:flex-start;flex-direction:column}.pulse-stats{width:100%;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #2c4051}.pulse-stat strong{font-size:18px}.pulse-stat small{font-size:8px}.pulse-heading strong{font-size:11px}.hour-density{grid-template-columns:repeat(8,1fr)}.lock-screen{padding:23px}.lock-bottom{flex-direction:column;align-items:center;text-align:center;font-size:8px;gap:8px}.unlock-form{padding:42px 0}.unlock-form h1{font-size:26px}.policy-form{padding-inline:18px}.custom-idle-label{font-size:10px}.editor-toolbar{padding-inline:13px}.editor-table td{padding:8px}.editor-table th{padding-inline:10px}.editor-input{min-width:130px}.session-summary{padding-inline:18px}}
@media(max-width:400px){.hour-density{grid-template-columns:repeat(6,1fr)}.lock-screen{padding:20px}.unlock-form{padding:34px 0}.sidebar .nav-item>span:not(.nav-badge){font-size:6.5px}.sidebar .nav-item .icon{width:18px;height:18px}.sidebar{padding-inline:4px}}

/* Sensitive settings verification shares the existing console surfaces. */
.sensitive-panel{max-width:650px;margin:30px auto}.sensitive-panel .panel-header{padding:25px 28px}.sensitive-body{padding:0 28px 28px;text-align:center}.sensitive-symbol{height:72px;width:72px;margin:6px auto 24px;display:grid;place-items:center;border-radius:24px;background:#173b37;border:1px solid #377268;box-shadow:0 0 0 10px #50d6bc04;color:var(--teal)}.sensitive-symbol .icon{width:29px;height:29px}.sensitive-body>.primary-button{margin:0 auto}.sensitive-form{width:100%;max-width:345px;margin:0 auto}.sensitive-form>.muted{font-size:11px;line-height:2;margin:0 0 18px;unicode-bidi:plaintext}.sensitive-form label{display:block;text-align:start;margin:15px 0 8px;font-size:11px;color:var(--muted)}.sensitive-code{width:100%;height:58px;font:25px/1.4 Consolas,monospace;letter-spacing:12px;text-align:center;background:#142336}.sensitive-form>.primary-button{width:100%;justify-content:center}.sensitive-form>.text-button{font-size:10px;margin:14px 0 5px}.sensitive-form>.small-muted{font-size:10px;min-height:20px}.audit-coverage-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 18px;margin:17px 0;border:1px solid #785a30;border-radius:13px;background:#3b2c182d;color:var(--amber);font-size:11px;line-height:1.9}.audit-coverage-note>.icon{width:20px;height:20px;flex-shrink:0}.audit-coverage-note>p{width:100%;margin-inline-start:30px}.sensitive-body>.dirty-note{margin-bottom:15px}.login-submit:disabled{cursor:wait;opacity:.75}@media(max-width:750px){.sensitive-panel{margin:10px auto}.sensitive-panel .panel-header{padding:21px}.sensitive-body{padding:0 21px 23px}.sensitive-symbol{height:64px;width:64px;border-radius:21px}.sensitive-code{font-size:23px;letter-spacing:10px}.audit-coverage-note{font-size:10px}}

/* 0.10.4 — local typography and restrained console motion. */
@font-face {
  font-family: "Vazirmatn";
  src: url("/panel/fonts/Vazirmatn-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --font-ui: "Vazirmatn", Tahoma, Arial, sans-serif;
  --muted: #a0aec2;
  --subtle: #8293ac;
  --motion-fast: 160ms;
  font-family: var(--font-ui);
}
body {font-family:var(--font-ui); line-height:1.85; text-rendering:optimizeLegibility;}
button,input,select,textarea {font-family:inherit;}
h1,h2,h3 {font-family:var(--font-ui); font-weight:650;}
html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3 {letter-spacing:0;}
.brand>span,.brand small,.eyebrow,.workspace strong,.workspace-logo,.avatar,
.nav-badge,.panel-badge,.metric-value,.chart text,.chart-summary strong,.pulse-stat strong {
  font-family:var(--font-ui);
}
.mono,.evidence-meta code,.resource-status-meta code {
  font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;
  font-size:.95em;
  font-variant-numeric:tabular-nums;
  unicode-bidi:isolate;
}
.metric-value,.chart-summary strong,.pulse-stat strong,.heading-meta,
.status-chip,.data-table {font-variant-numeric:tabular-nums;}
.page-heading .muted,.login-form>.muted {font-size:12px; line-height:1.95;}
.panel-header h2 {font-size:14px; font-weight:650;}
.panel-header p,.small-muted,.empty-state {font-size:11px;}
.empty-state strong {font-size:13px;}
.nav-item {font-size:12.5px;}
.status-chip {font-size:10px; border-radius:8px; padding:3px 8px;}
.network-banner {font-size:12px; line-height:1.9; overflow-wrap:anywhere;}
.table-scroll {max-width:100%; overflow:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#475b76 transparent;}
.data-table {font-size:11.5px;}
.data-table th {font-size:10.5px; color:var(--muted); font-weight:500;}
.data-table td {white-space:normal; overflow-wrap:anywhere; line-height:1.95;}
.data-table .summary-cell {font-size:11.5px; line-height:1.95;}
.data-table .secondary-line {font-size:10px; color:var(--muted);}
.data-table .mono {unicode-bidi:plaintext;}
.health-table {table-layout:fixed; min-width:720px;}
.health-table th:first-child,.health-table td:first-child {width:21%;}
.health-table th:nth-child(2),.health-table td:nth-child(2) {width:13%;}
.health-table th:nth-child(3),.health-table td:nth-child(3) {width:16%;}
.health-table td,.health-detail {overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere;}
.health-detail {max-width:none;}
.health-source {unicode-bidi:plaintext; font-weight:500;}
.health-details summary {font-size:11px; padding-block:12px 0;}
.health-details dl>div {font-size:11px;}
.detail-drawer {width:min(660px,96vw); scrollbar-gutter:stable;}
#drawer-body {line-height:1.95; overflow-wrap:anywhere;}
#drawer-body pre {white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%;}
#drawer-body dd {min-width:0; overflow-wrap:anywhere;}
:focus-visible {outline:2px solid var(--teal); outline-offset:4px;}
.resource-status-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  gap:12px; margin-block:14px 20px;
}
.resource-status-card {
  min-width:0; padding:15px 17px; border:1px solid var(--border);
  border-radius:14px; background:var(--surface);
}
.resource-status-card>header,.resource-status-actions,.detail-actions {
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
.resource-status-card strong {font-size:12px; font-weight:600;}
.resource-status-meta {display:grid; gap:5px; font-size:10.5px; color:var(--muted); margin-block:10px 0;}
.resource-status-meta>* {min-width:0; overflow-wrap:anywhere;}
.resource-status-meta code {direction:ltr; display:inline-block; max-width:100%;}
.resource-status-actions {margin-top:12px; justify-content:flex-start;}
.resource-state {display:inline-flex; align-items:center; gap:6px; font-size:10px; color:var(--muted);}
.detail-callout {
  border:1px solid #45617b; border-inline-start:3px solid var(--blue);
  border-radius:12px; background:#192b404f; padding:14px 16px; margin-block:14px;
  color:#c8d9ec; font-size:12px; line-height:1.95; white-space:pre-wrap;
}
.detail-callout.warning {border-color:#725b38; border-inline-start-color:var(--amber); background:#3b2e1b44; color:#efd0a0;}
.detail-callout.danger {border-color:#714354; border-inline-start-color:var(--red); background:#41253644; color:#f3b7c0;}
.detail-actions {margin-block:15px; justify-content:flex-start;}
.evidence-meta {display:grid; gap:7px; margin-block:12px; padding:12px 14px; border:1px solid var(--border); border-radius:11px; color:var(--muted); font-size:11px;}
.evidence-meta>* {overflow-wrap:anywhere; min-width:0;}
.row-action {min-height:32px; padding:5px 10px; font-size:10.5px; white-space:nowrap; border-radius:9px;}
@media (hover:hover) and (pointer:fine) {
  .nav-item,.metric-card,.agent-card,.resource-status-card {transition:border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease;}
  .metric-card:hover,.agent-card:hover,.resource-status-card:hover {border-color:#435a72; box-shadow:0 10px 24px #00000018;}
  .data-table tbody tr.clickable {transition:background-color var(--motion-fast) ease;}
}
@keyframes console-reveal {from{opacity:0}to{opacity:1}}
@keyframes content-reveal {from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes drawer-reveal {from{opacity:0;transform:translateX(var(--drawer-offset,18px))}to{opacity:1;transform:none}}
@keyframes refresh-turn {to{transform:rotate(360deg)}}
html[dir=rtl] {--drawer-offset:-18px;}
@media (prefers-reduced-motion:no-preference) {
  .app-shell:not([hidden]) {animation:console-reveal 320ms ease-out;}
  .login-form {animation:content-reveal 320ms ease-out;}
  .detail-drawer:not([hidden]) {animation:drawer-reveal 220ms ease-out;}
  .mobile-account-menu:not([hidden]),.toast:not([hidden]) {animation:content-reveal 180ms ease-out;}
  #refresh[aria-busy=true] .icon {animation:refresh-turn 850ms linear infinite;}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}
@media(max-width:1100px) {
  .health-table {min-width:660px;}
}
@media(max-width:750px) {
  .page-heading .muted {font-size:11.5px; max-width:100%;}
  .sidebar .nav-item>span:not(.nav-badge) {font-size:8.5px;}
  .status-chip {font-size:9px;}
  .agent-card-header>.status-chip {font-size:9px; padding:3px 6px;}
  .data-table {font-size:11px;}
  .data-table .summary-cell {font-size:11px;}
  .resource-status-grid {grid-template-columns:1fr; gap:10px;}
  .resource-status-card {padding:13px 14px;}
  .detail-drawer>header {padding:20px 17px;}
  #drawer-body {padding:19px 17px;}
}
@media(max-width:400px) {
  .sidebar .nav-item>span:not(.nav-badge) {font-size:8px;}
}
/* Diagnostics expand on demand; refreshed cards have no entrance animation. */
.resource-diagnostics {border:1px solid var(--border); background:#12203370; border-radius:15px; margin-block:0 20px; overflow:hidden;}
.resource-diagnostics>summary {display:flex; align-items:center; gap:9px; list-style:none; cursor:pointer; padding:14px 17px; color:#c6d5e8; font-size:11px;}
.resource-diagnostics>summary::-webkit-details-marker {display:none;}
.resource-diagnostics>summary::after {content:"+"; font-size:17px; color:var(--muted); line-height:1;}
.resource-diagnostics[open]>summary::after {content:"−";}
.resource-diagnostics>summary>.icon {width:17px; height:17px; color:var(--blue);}
.resource-diagnostics>summary>.resource-state {margin-inline-start:auto; font-weight:400;}
.resource-diagnostics .resource-status-grid {margin:0; padding:0 14px 14px;}
.resource-diagnostics>.secondary-button {margin:0 14px 14px;}
.resource-status-card>.resource-status-actions:first-child {margin-top:0; justify-content:space-between;}
.resource-status-meta>div {display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); gap:6px 10px;}
.resource-status-meta dt {color:var(--subtle);}
.resource-status-meta dd {margin:0; min-width:0; text-align:end; overflow-wrap:anywhere;}
.resource-error {font-size:11px; color:var(--amber); margin-top:10px; overflow-wrap:anywhere;}
.evidence-item {font-size:11.5px; padding-block:14px;}
.evidence-item>summary {font-size:11.5px; line-height:1.9; color:#c8d9eb; cursor:pointer; padding-block:4px; overflow-wrap:anywhere;}
.evidence-item[open]>summary {color:var(--teal);}
.resource-diagnostics>.detail-fields {margin:0 16px 16px;}
.agent-config-note {color:var(--muted); font-size:11px; line-height:1.9; margin:0; padding:12px 20px 0; overflow-wrap:anywhere;}
.health-details .agent-config-note {padding:10px 0 0;}
.detail-fields>div {font-size:11.5px; line-height:1.8; padding-block:8px;}
.detail-callout>.detail-fields {margin:0;}

/* Appearance is local to this browser. Each palette uses the same semantic
   surfaces, including login, security dialogs, diagnostics and evidence. */
:root {
  --sidebar-bg:#0e1928; --topbar-bg:#0b1320ef; --mobile-sidebar-bg:#101d2ef5;
  --surface-grad-from:#142133; --surface-grad-to:#101a2a;
  --control-bg:#111c2a; --editor-bg:#142337; --text-strong:#c7d9e8;
  --nav-text:#93a4bb; --nav-active-bg:#153333; --nav-active-text:#75e1ca;
  --hover-border:#40526d; --line-soft:#233147; --line-strong:#304156;
  --raised-bg:#26364a; --raised-text:#c8d3e1;
  --accent-foreground:#092827; --accent-hover:#72e5d0;
  --positive-bg:#153c345c; --positive-border:#2c5b4c90;
  --warning-bg:#3a33285c; --warning-border:#5d4e3590;
  --danger-bg:#4126355c; --danger-border:#693b4e90;
  --neutral-bg:#26354b5c; --neutral-border:#3c4d6590;
  --info-bg:#192b404f; --info-border:#45617b; --info-text:#c8d9ec;
  --warning-text:#efd0a0; --danger-text:#f3b7c0;
  --advice-bg:#173233; --advice-border:#29504e; --advice-text:#acd9cf;
  --table-head-bg:#142133; --table-hover-bg:#17273b; --chart-grid:#27364b;
  --bar-track:#223249; --blue-dim:#25344f;
  --backdrop:#0008; --drawer-bg:#111d2e; --drawer-header-bg:#111d2ef5;
  --toast-bg:#21394a; --toast-border:#3c586a; --toast-text:#dce9f0;
  --story-glow:#143136; --story-from:#101f30; --story-to:#0c1726;
  --orbit-border:#50d6bc28; --orbit-fill:#13333630; --orbit-core-bg:#143d3d;
  --orbit-core-border:#337e75; --orbit-shadow:#50d6bc15;
  --lock-bg:#0b1422; --lock-glow:#14303577;
  --scroll-thumb:#475b76;
}
html[data-theme=paper] {
  color-scheme:light;
  --bg:#eef3f7; --surface:#ffffff; --surface2:#f3f6fa; --surface3:#e7eef5;
  --border:#ccd8e4; --text:#172d43; --muted:#465e75; --subtle:#5d7286;
  --teal:#087568; --teal-dim:#e1f2ed; --red:#b62d4b; --red-dim:#fff0f3;
  --amber:#82530d; --amber-dim:#fff5df; --blue:#285eac;
  --shadow:0 10px 30px #1d39570a;
  --sidebar-bg:#f8fbfd; --topbar-bg:#f8fbfdf2; --mobile-sidebar-bg:#f8fbfdf5;
  --surface-grad-from:#ffffff; --surface-grad-to:#f6f9fc;
  --control-bg:#fff; --editor-bg:#f6f9fc; --text-strong:#203a53;
  --nav-text:#496178; --nav-active-bg:#deeee9; --nav-active-text:#066b5c;
  --hover-border:#8da6bc; --line-soft:#dce5ee; --line-strong:#bccbda;
  --raised-bg:#e5edf4; --raised-text:#3a5770;
  --accent-foreground:#fff; --accent-hover:#086456;
  --positive-bg:#e8f5ef; --positive-border:#aed3c3;
  --warning-bg:#fff5df; --warning-border:#dfc285;
  --danger-bg:#fff0f3; --danger-border:#e1a7b3;
  --neutral-bg:#edf2f7; --neutral-border:#bdccda;
  --info-bg:#edf4fc; --info-border:#acc5e1; --info-text:#2b527a;
  --warning-text:#78500f; --danger-text:#a42b45;
  --advice-bg:#e9f5f0; --advice-border:#add1c0; --advice-text:#225c48;
  --table-head-bg:#f0f5f9; --table-hover-bg:#eaf2f8; --chart-grid:#d0dce8;
  --bar-track:#dde7f0; --blue-dim:#e1ecfc;
  --backdrop:#172d4355; --drawer-bg:#fff; --drawer-header-bg:#ffffffed;
  --toast-bg:#203f55; --toast-border:#3e647f; --toast-text:#fff;
  --story-glow:#daeee5; --story-from:#eaf2f7; --story-to:#f8fbfd;
  --orbit-border:#80b9a655; --orbit-fill:#d3ece055; --orbit-core-bg:#e1f2e9;
  --orbit-core-border:#72ae98; --orbit-shadow:#2b93621a;
  --lock-bg:#f1f6fa; --lock-glow:#d7e9dfaa;
  --scroll-thumb:#a7bacb;
}
html[data-theme=hacker] {
  color-scheme:dark;
  --bg:#060d12; --surface:#0c171f; --surface2:#10212b; --surface3:#17313b;
  --border:#29444c; --text:#e2f2ef; --muted:#a2bab9; --subtle:#7f9b9e;
  --teal:#a5e88b; --teal-dim:#1b352a; --red:#ff8e9e; --red-dim:#3d1d2c;
  --amber:#f3ca83; --amber-dim:#362c1b; --blue:#80d5df;
  --shadow:0 1px 0 #d3fff505 inset,0 14px 32px #0005;
  --sidebar-bg:#081219; --topbar-bg:#08151ded; --mobile-sidebar-bg:#08151df5;
  --surface-grad-from:#10232a; --surface-grad-to:#0b171e;
  --control-bg:#0a1921; --editor-bg:#081820; --text-strong:#d9eeea;
  --nav-text:#a3bebc; --nav-active-bg:#19392e; --nav-active-text:#b6f29d;
  --hover-border:#5b8c7d; --line-soft:#20373f; --line-strong:#375860;
  --raised-bg:#1b353e; --raised-text:#d1e7e3;
  --accent-foreground:#10200e; --accent-hover:#c4f7b0;
  --positive-bg:#17352a; --positive-border:#3c7458;
  --warning-bg:#342c1d; --warning-border:#8c7041;
  --danger-bg:#3b1e2a; --danger-border:#9a5263;
  --neutral-bg:#142a34; --neutral-border:#3b5a65;
  --info-bg:#102b35; --info-border:#427181; --info-text:#c5e6ed;
  --warning-text:#f4d59c; --danger-text:#ffc0cb;
  --advice-bg:#183326; --advice-border:#426e4c; --advice-text:#d0e9c6;
  --table-head-bg:#11252e; --table-hover-bg:#15303a; --chart-grid:#29454e;
  --bar-track:#203b44; --blue-dim:#193a49;
  --backdrop:#000b; --drawer-bg:#0c1921; --drawer-header-bg:#0c1921f5;
  --toast-bg:#173b33; --toast-border:#4f7f6d; --toast-text:#e0f6e8;
  --story-glow:#193f39; --story-from:#0c2029; --story-to:#071018;
  --orbit-border:#a5e88b35; --orbit-fill:#17433533; --orbit-core-bg:#1c3d31;
  --orbit-core-border:#6f9f74; --orbit-shadow:#a5e88b15;
  --lock-bg:#071017; --lock-glow:#1d493d66;
  --scroll-thumb:#45656b;
}
button:hover {border-color:var(--hover-border);}
.primary-button {color:var(--accent-foreground);}
.primary-button:hover {background:var(--accent-hover);border-color:var(--accent-hover);}
.login-story {background:radial-gradient(ellipse at 48% 44%,var(--story-glow),transparent 55%),linear-gradient(145deg,var(--story-from),var(--story-to));}
.login-story-copy p,.login-points,.login-form label {color:var(--muted);}
.orbit,.orbit-two {border-color:var(--orbit-border);}
.orbit-three {border-color:var(--orbit-border);background:var(--orbit-fill);box-shadow:0 0 70px var(--orbit-shadow);}
.orbit-core {background:var(--orbit-core-bg);border-color:var(--orbit-core-border);box-shadow:0 0 55px var(--orbit-shadow);}
.orbit-node {border-color:var(--surface3);box-shadow:0 0 0 6px var(--orbit-shadow);}
.section-icon,.lock-orbit,.lock-orbit>span,.session-shield,.sensitive-symbol {border-color:var(--positive-border);}
.login-form input {background:var(--control-bg);}
.sidebar {background:var(--sidebar-bg);border-color:var(--border);}
.workspace {background:var(--surface2);border-color:var(--border);}
.workspace-logo,.avatar {background:var(--raised-bg);color:var(--raised-text);}
.nav-item {color:var(--nav-text);}
.nav-item.active {background:var(--nav-active-bg);color:var(--nav-active-text);}
.nav-item .nav-badge {background:var(--danger-bg);border-color:var(--danger-border);}
.read-only-note .tiny-dot {background:var(--subtle);}
.topbar {background:var(--topbar-bg);border-color:var(--border);}
.breadcrumbs strong {color:var(--text);}
.breadcrumb-divider {color:var(--subtle);}
.connection-chip,.status-chip {background:var(--positive-bg);border-color:var(--positive-border);}
.connection-chip.offline,.status-chip.warning {background:var(--warning-bg);border-color:var(--warning-border);}
.status-chip.danger {background:var(--danger-bg);border-color:var(--danger-border);}
.status-chip.neutral {color:var(--muted);background:var(--neutral-bg);border-color:var(--neutral-border);}
.alert-shortcut>span {color:var(--accent-foreground);}
.page-footer {border-color:var(--border);}
.network-banner {color:var(--warning-text);background:var(--warning-bg);border-color:var(--warning-border);}
.segmented {background:var(--surface2);}
.segmented button.active {color:var(--nav-active-text);background:var(--nav-active-bg);}
.metric-card {background:linear-gradient(135deg,var(--surface-grad-from),var(--surface-grad-to));}
.metric-icon {background:var(--teal-dim);}
.metric-card.blue .metric-icon {background:var(--blue-dim);}
.panel-badge,.source-icon {background:var(--surface2);border-color:var(--line-strong);}
.chart .grid-line {stroke:var(--chart-grid);}
.source-item,.alert-feed-item,.log-row,.health-details,.health-details dl>div,.compact-value,.agent-card-header,.detail-fields>div,.service-signal-row {border-color:var(--line-soft);}
.horizontal-row-head,.service-signal-title {color:var(--muted);}
.horizontal-bar {background:var(--bar-track);}
.alert-feed-icon {border-color:var(--danger-border);background:var(--danger-bg);}
.alert-feed-icon.amber {border-color:var(--warning-border);background:var(--warning-bg);}
.data-table th {background:var(--table-head-bg);border-color:var(--border);}
.data-table td {border-color:var(--line-soft);}
.data-table tbody tr.clickable:hover {background:var(--table-hover-bg);}
.severity-tag {background:var(--danger-bg);}
.severity-tag.warning {background:var(--warning-bg);}
.severity-tag.normal {color:var(--muted);background:var(--neutral-bg);}
.log-pane.red-pane {border-color:var(--danger-border);}
.red-pane .log-row {color:var(--danger-text);}
.log-row:hover {background:var(--table-hover-bg);}
.log-row-meta .mono {color:var(--muted);}
.agent-metric strong {color:var(--text-strong);}
.drawer-backdrop {background:var(--backdrop);}
.detail-drawer {background:var(--drawer-bg);border-color:var(--line-strong);}
.detail-drawer>header {background:var(--drawer-header-bg);}
.detail-summary,.detail-fields dd,.detail-section h3,.import-details summary {color:var(--text-strong);}
.advice-box {background:var(--advice-bg);border-color:var(--advice-border);color:var(--advice-text);}
.toast {background:var(--toast-bg);border-color:var(--toast-border);color:var(--toast-text);}
.skeleton>div {background:linear-gradient(100deg,var(--surface-grad-from) 20%,var(--surface3) 45%,var(--surface-grad-from) 70%);background-size:300% 100%;}
.mobile-account-menu {background:var(--surface2);border-color:var(--line-strong);}
.keyboard-hint {border-color:var(--line-strong);}
.verification-note,.session-shield {background:var(--teal-dim);border-color:var(--positive-border);}
.verification-note>span,.lock-orbit>span,.sensitive-symbol {background:var(--teal-dim);border-color:var(--positive-border);}
.verification-note strong {color:var(--text-strong);}
.verification-note p {color:var(--muted);}
#otp-code,.sensitive-code,.editor-input {background:var(--editor-bg);border-color:var(--line-strong);color:var(--text);}
.lock-screen {background:radial-gradient(ellipse at 50% 32%,var(--lock-glow),transparent 44%),var(--lock-bg);}
.locked-user {color:var(--text-strong);}
.policy-switch {background:var(--neutral-bg);border-color:var(--neutral-border);}
.policy-switch>span {background:var(--muted);}
.policy-toggle input:checked+.policy-switch {background:var(--teal-dim);border-color:var(--positive-border);}
.policy-toggle input:checked+.policy-switch>span {background:var(--teal);}
.idle-presets button {background:var(--surface2);color:var(--muted);}
.idle-presets button.active {background:var(--nav-active-bg);color:var(--nav-active-text);border-color:var(--positive-border);}
.device-import {background:var(--editor-bg);color:var(--text);border-color:var(--line-strong);}
.overview-pulse {background:linear-gradient(125deg,var(--surface3),var(--surface2) 55%);border-color:var(--line-strong);}
.pulse-symbol {background:var(--teal-dim);border-color:var(--positive-border);}
.pulse-heading strong,.pulse-stat strong {color:var(--text-strong);}
.pulse-stats {border-color:var(--line-strong);}
.audit-coverage-note {background:var(--warning-bg);border-color:var(--warning-border);}
.table-scroll {scrollbar-color:var(--scroll-thumb) transparent;}
.detail-callout {background:var(--info-bg);border-color:var(--info-border);border-inline-start-color:var(--blue);color:var(--info-text);}
.detail-callout.warning {background:var(--warning-bg);border-color:var(--warning-border);border-inline-start-color:var(--amber);color:var(--warning-text);}
.detail-callout.danger {background:var(--danger-bg);border-color:var(--danger-border);border-inline-start-color:var(--red);color:var(--danger-text);}
.resource-diagnostics {background:var(--surface);}
.resource-diagnostics>summary,.evidence-item>summary {color:var(--text-strong);}
html[data-theme=hacker] .mono,html[data-theme=hacker] .metric-value,html[data-theme=hacker] .brand small {font-family:ui-monospace,SFMono-Regular,Consolas,"Vazirmatn",monospace;font-variant-numeric:tabular-nums;}
/* Cipher retains the saved "hacker" key. A stationary, low-contrast grid stays
   behind the workspace; evidence and data surfaces remain solid and readable. */
html[data-theme=hacker] body {
  background-color:var(--bg);
  background-image:linear-gradient(#80d5df05 1px,transparent 1px),linear-gradient(90deg,#80d5df05 1px,transparent 1px);
  background-size:56px 56px;
}
html[data-theme=hacker] .topbar {box-shadow:0 1px 0 #a5e88b08;}
html[data-theme=hacker] .workspace {background:linear-gradient(135deg,#122934,var(--surface2));border-color:var(--line-strong);}
html[data-theme=hacker] .nav-item.active {box-shadow:inset 0 0 0 1px #a5e88b20;}
html[data-theme=hacker] .panel,html[data-theme=hacker] .metric-card {box-shadow:var(--shadow);}
html[data-theme=hacker] .metric-card {border-block-start-color:#507e6e;}
html[data-theme=hacker] .metric-card.red {border-block-start-color:var(--danger-border);}
html[data-theme=hacker] .metric-card.amber {border-block-start-color:var(--warning-border);}
html[data-theme=hacker] .metric-card.blue {border-block-start-color:var(--info-border);}
html[data-theme=hacker] .data-table th {color:var(--muted);}
html[data-theme=hacker] .section-icon,html[data-theme=hacker] .metric-icon {box-shadow:0 0 0 3px #a5e88b04;}
html[data-theme=hacker] .red-group-card {background:linear-gradient(145deg,#301d281f,var(--surface) 65%);}
html[data-theme=hacker] :focus-visible {outline:2px solid var(--teal);outline-offset:4px;}
html[data-theme=hacker] ::selection {background:#a5e88b35;color:#f0fff3;}
.appearance-control {display:flex;align-items:center;gap:6px;}
.appearance-label {font-size:10px;color:var(--muted);}
.theme-select {min-height:32px;max-width:118px;padding:4px 8px;border-radius:9px;font-size:10px;background:var(--surface2);}

/* A diversity view of the fetched red window: groups expose their real counts
   and examples, with full chronological browsing still available beside it. */
.red-view-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:13px;}
.red-window-note {color:var(--muted);font-size:11px;line-height:1.9;margin-block:10px 16px;}
.red-diversity-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;align-items:start;}
.red-group-card {min-width:0;border:1px solid var(--danger-border);background:var(--surface);border-radius:14px;padding:14px 15px;}
.red-group-card>header {display:flex;gap:10px;align-items:start;justify-content:space-between;}
.red-group-card h3,.red-group-card strong {font-size:12px;line-height:1.8;overflow-wrap:anywhere;}
.red-group-count {flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 7px;border-radius:8px;background:var(--danger-bg);color:var(--red);font:600 13px/1.8 "Vazirmatn",sans-serif;}
.red-group-meta {display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:10px;margin-block:8px;overflow-wrap:anywhere;}
.red-group-samples {display:grid;gap:7px;list-style:none;margin:0;padding:0;}
.red-group-samples>* {min-width:0;padding:8px 0;border-top:1px solid var(--line-soft);font-size:10.5px;line-height:1.9;overflow-wrap:anywhere;}
.red-group-samples button {width:100%;text-align:start;white-space:normal;padding:7px 9px;min-height:32px;background:var(--surface2);font-size:10.5px;}
.red-group-card>.secondary-button {margin-top:9px;}
.collector-resources {margin-block:0 20px;}
.resource-metric-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:15px;}
.resource-chart-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.resource-chart-grid .panel {min-width:0;}
.resource-chart-grid .chart {height:170px;}
.resource-stat {padding:15px;border:1px solid var(--border);background:var(--surface2);border-radius:13px;min-width:0;}
.resource-stat>span {font-size:10px;color:var(--muted);}
.resource-stat strong {display:block;color:var(--text-strong);font:24px/1.8 "Vazirmatn",sans-serif;}
.resource-stat small {display:block;font-size:10px;color:var(--subtle);overflow-wrap:anywhere;}
@media (hover:hover) and (pointer:fine) {
  .metric-card:hover,.agent-card:hover,.resource-status-card:hover,.red-group-card:hover {border-color:var(--hover-border);box-shadow:var(--shadow);}
}
@media(max-width:1000px) {.resource-metric-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:750px) {
  .sidebar {background:var(--mobile-sidebar-bg);}
  .appearance-label {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;}
  .theme-select {max-width:86px;padding-inline:6px;font-size:9px;}
  .topbar-actions {gap:3px;}
  .red-diversity-grid,.resource-chart-grid {grid-template-columns:1fr;}
}
@media(max-width:400px) {
  .theme-select {max-width:76px;}
  .resource-metric-grid {grid-template-columns:1fr;}
}
.login-form:before {color:var(--text-strong);}
.toggle-track {background:var(--teal-dim);}
.toggle-track span {background:var(--teal);}
.idle-toggle[aria-pressed=false] .toggle-track,.mobile-account-menu>button[aria-pressed=false] .toggle-track {background:var(--neutral-bg);}
.idle-toggle[aria-pressed=false] .toggle-track span,.mobile-account-menu>button[aria-pressed=false] .toggle-track span {background:var(--muted);}
.collector-resource-panel {margin-block:0 20px;}
.collector-resource-panel>.resource-metric-grid {padding-inline:20px;}
.resource-history-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:0 20px 20px;}
.resource-history-grid .chart {height:170px;}
.resource-meta-note,.resource-gap-note {font-size:11px;line-height:1.9;color:var(--muted);padding:0 20px 15px;overflow-wrap:anywhere;}
.resource-gap-note {color:var(--amber);}
@media(max-width:750px) {.resource-history-grid {grid-template-columns:1fr;}}

/* Copyable connection diagnostics remain readable without exposing layout-wide
   scroll. The report contains safe metadata; request evidence uses the same
   semantic surfaces and keeps paths left-to-right in either display language. */
.diagnostic-report {
  direction:ltr; unicode-bidi:plaintext; text-align:start;
  margin-block:14px; padding:15px 16px; border:1px solid var(--border);
  border-radius:12px; background:var(--editor-bg); color:var(--text);
  font:11px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal;
  max-width:100%; max-height:52vh; overflow:auto; scrollbar-gutter:stable;
}
.web-request-evidence {
  min-width:0; margin-block:14px; padding:15px 16px;
  border:1px solid var(--info-border); border-inline-start:3px solid var(--blue);
  border-radius:12px; background:var(--info-bg); color:var(--text);
  font-size:11.5px; line-height:1.95; overflow-wrap:anywhere;
}
.web-request-evidence>h3 {margin:0 0 10px; font-size:12px; color:var(--text-strong);}
.web-request-evidence .detail-fields {margin:8px 0 0;}
.web-request-evidence .detail-fields>div {border-color:var(--info-border);}
.web-request-path {
  display:block; direction:ltr; unicode-bidi:plaintext; text-align:start;
  min-width:0; max-width:100%; padding:10px 12px; margin-block:8px;
  border:1px solid var(--border); border-radius:9px; background:var(--editor-bg);
  color:var(--text-strong); font:11px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal;
}
.coverage-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
  align-items:start; gap:13px; margin-block:15px 20px;
}
.security-source-card {
  min-width:0; padding:16px 17px; border:1px solid var(--border);
  border-radius:14px; background:var(--surface); line-height:1.9;
  font-size:11.5px; overflow-wrap:anywhere;
}
.security-source-card>header {
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
  flex-wrap:wrap; margin-bottom:10px;
}
.security-source-card h3 {font-size:12px; margin:0; color:var(--text-strong);}
.security-source-card .detail-fields {margin-block:8px 0;}
.security-source-card .status-chip {max-width:100%; white-space:nowrap; text-align:start;}
.security-source-card .health-details {padding-inline:0;}
.security-source-card .table-scroll {margin-top:14px;}
.security-source-card .data-table {min-width:630px;}
.security-source-card .data-table td {white-space:nowrap; overflow-wrap:normal;}
@media(max-width:750px) {
  .sidebar nav {grid-template-columns:repeat(8,minmax(0,1fr));}
  .coverage-grid {grid-template-columns:1fr; gap:10px;}
  .security-source-card,.web-request-evidence {padding:13px 14px;}
  .diagnostic-report {padding:12px; font-size:10.5px;}
}
@media(max-width:600px) {
  .topbar>.breadcrumbs {display:none;}
  .topbar-actions {width:100%;justify-content:space-between;}
}
@media(max-width:400px) {
  .connection-chip {padding:6px;margin-inline-end:0;}
  .connection-chip b {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;}
}

/* Loading and a short pending refresh are neutral states, distinct from a
   confirmed connection failure. These classes never change red alert meaning. */
.connection-chip.loading,.connection-chip.pending {
  color:var(--muted);background:var(--neutral-bg);border-color:var(--neutral-border);
}
.connection-chip.loading>span,.connection-chip.pending>span {
  width:7px;height:7px;background:transparent;border:1px solid currentColor;
  border-inline-end-color:transparent;
}
#idle-countdown.pending {color:var(--amber);}
@media(prefers-reduced-motion:no-preference) {
  .connection-chip.loading>span,.connection-chip.pending>span {animation:pending-rotation 1.4s linear infinite;}
}
@keyframes pending-rotation {to {transform:rotate(360deg);}}

/* Archive tools stay in the evidence drawer. Native date controls keep their
   intrinsic width inside a single-column form, including small RTL screens. */
.archive-storage,.archive-search-form,.archive-results {min-width:0;max-width:100%;}
.archive-storage {padding-block:0 16px;border-bottom:1px solid var(--line-soft);}
.archive-storage .chart {max-width:100%;height:170px;overflow:hidden;}
.archive-storage .chart-legend {padding-inline:0;flex-wrap:wrap;gap:10px 18px;}
.archive-search-form {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-block:20px;}
.archive-search-form>h3 {font-size:13px;color:var(--text-strong);}
.archive-search-form>.muted,.archive-search-form>.small-muted {font-size:11px;line-height:1.9;}
.archive-field {display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;color:var(--muted);font-size:11.5px;}
.archive-search-form input,.archive-search-form select {
  display:block;width:100%;min-width:0;max-width:100%;min-height:42px;
  background:var(--control-bg);color:var(--text);border-color:var(--line-strong);
  font-size:12px;
}
.archive-search-form input[type=datetime-local] {direction:ltr;text-align:start;}
.archive-search-form .form-error {min-height:0;margin:0;font-size:11px;}
.archive-search-form .form-error:empty {display:none;}
.archive-search-form>.primary-button {justify-self:stretch;min-height:43px;font-size:12px;}
.archive-results {padding-top:16px;border-top:1px solid var(--line-soft);}
.archive-results .table-scroll {max-width:100%;margin-top:14px;border:1px solid var(--border);border-radius:11px;}
.archive-results .data-table {min-width:650px;}