:root{color-scheme:dark;--bg:#141413;--panel:#1b1b19;--rail:#10100f;--text:#e7e5df;--muted:#aaa69d;--line:#34332e;--accent:#e19a5c;--soft:#35271c;--good:#93be9c;--error:#f49c90;font:14px/1.55 'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 13px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.primary{background:var(--soft);border-color:var(--accent);color:var(--accent)}input,select,textarea{background:var(--rail);border:1px solid var(--line);border-radius:6px;padding:9px;min-width:0;width:100%}textarea{resize:vertical}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.shell{display:grid;grid-template-columns:174px minmax(0,1fr);min-height:100dvh}.rail{background:var(--rail);border-right:1px solid var(--line);padding:27px 13px;display:flex;flex-direction:column;gap:27px;position:sticky;top:0;height:100dvh}.brand{font-size:29px;letter-spacing:4px;line-height:1.3;padding:0 12px;font-weight:600}.brand span{color:var(--accent)}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.4px;color:var(--muted);margin-top:7px}.brand:hover{text-decoration:none}.rail nav{display:grid;gap:4px}.rail nav small{padding:0 12px 6px;color:var(--muted);font-size:10px;letter-spacing:1.6px}.rail nav a{padding:8px 12px;border-radius:6px;color:var(--muted)}.rail nav a:hover{background:var(--panel);text-decoration:none;color:var(--text)}.rail nav a.active{background:var(--soft);color:var(--accent)}.rail-foot{margin-top:auto;padding:0 12px;color:var(--muted);font-size:11px}.workspace{min-width:0;display:flex;flex-direction:column}.status-header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:14px 30px;background:var(--bg)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}.status-strip{display:flex;gap:16px;font-size:11px;flex-wrap:wrap}.status-dot{font-size:9px;margin-left:3px}.status-dot.ok,.good{color:var(--good)}.status-dot.unreachable,.status-dot.unavailable,.status-dot.restored,.attention{color:var(--error)}.status-dot.unknown,.status-dot.unconfigured{color:var(--accent)}main{padding:30px;max-width:1600px;width:100%;margin:0 auto;flex:1}h1{font-size:27px;line-height:1.25;font-weight:500;margin:0 0 7px;letter-spacing:-.5px}h2{font-size:15px;font-weight:600;margin:0 0 15px}h3{font-size:13px;font-weight:500;margin:0 0 10px}p{margin:0 0 16px}.lead{color:var(--muted);margin:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.muted,small{color:var(--muted)}.badge{display:inline-block;font-size:11px;line-height:1.6;border:1px solid var(--line);padding:1px 6px;border-radius:4px;white-space:nowrap;color:var(--muted);margin:1px}.badge.untrusted,.badge.unavailable,.badge.restored{color:var(--error);border-color:#80554b}.badge.ok{color:var(--good)}.tabs{display:flex;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 24px}.tabs a{padding:0 0 10px;color:var(--muted);border-bottom:2px solid transparent}.tabs a.selected{color:var(--text);border-color:var(--accent)}.tabs a:hover{text-decoration:none;color:var(--text)}.notice{background:var(--soft);border-left:2px solid var(--accent);padding:12px 16px;font-size:13px;margin:0 0 22px}.notice a{color:var(--accent);margin-left:8px}.restore-banner{background:#5a2420;padding:16px 30px;color:#ffe4df;border-bottom:2px solid var(--error)}.restore-banner a{text-decoration:underline}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{background:var(--panel);border:1px solid var(--line);padding:21px;border-radius:8px;min-width:0}.data-line{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);align-items:baseline}.data-line:last-child{border-bottom:0}.data-line>span:first-child{color:var(--muted);flex-shrink:0;max-width:45%;overflow-wrap:anywhere}.data-line>span:last-child{text-align:right;min-width:0}.wrap{overflow-wrap:anywhere}.data-line a{color:var(--accent)}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:22px 0 30px}.shortcuts a{padding:15px 2px;border-bottom:1px solid var(--line)}.shortcuts span{float:right;color:var(--accent)}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;margin:18px 0}.section-heading h2,.section-heading p{margin:0}.button-row{display:flex;gap:8px}.record-line{display:flex;gap:12px;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.record-line small{display:block;font-size:11px}.empty-state{text-align:center;padding:42px 22px;border:1px dashed var(--line);border-radius:8px}.empty-state h2{margin:15px 0 9px}.empty-state p{color:var(--muted);max-width:560px;margin:0 auto}.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.toolbar label{display:grid;gap:5px;flex:1;min-width:120px;color:var(--muted);font-size:12px}.toolbar label:first-child{flex:2}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top;max-width:340px;overflow-wrap:anywhere}th{font-weight:400;color:var(--muted);font-size:12px}td a{color:var(--accent);white-space:nowrap}.pager{display:flex;justify-content:space-between;margin:20px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--rail);padding:17px;border-radius:6px;font:12px/1.7 Consolas,'Cascadia Code',monospace;max-width:100%;margin:15px 0}.log-output{font-size:12px;tab-size:4}details{border-bottom:1px solid var(--line);padding:13px 0}summary{cursor:pointer;color:var(--text)}.detail-field{padding:15px 0}.record-detail>.badge{margin-left:5px}.message{margin:0 0 23px;padding:0 0 20px;border-bottom:1px solid var(--line)}.message-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:10px}.message-meta strong{color:var(--text);font-size:13px}.message.nix strong{color:var(--accent)}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.conversation{max-width:940px;margin:0 auto}.chat-empty{text-align:center;padding:60px 20px}.chat-mark{font-size:39px;letter-spacing:5px;color:var(--accent);margin-bottom:20px}.composer{margin-top:24px}.composer textarea{background:transparent;border:0;padding:0;min-height:80px}.composer .section-heading{margin-bottom:0;font-size:12px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 30px;font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#blazor-error-ui{display:none;background:#5a2420;position:fixed;bottom:0;width:100%;padding:20px;z-index:1000}#components-reconnect-modal{display:none;position:fixed;inset:0;background:#141413ee;z-index:999;place-content:center;text-align:center}#components-reconnect-modal.components-reconnect-show,#components-reconnect-modal.components-reconnect-failed,#components-reconnect-modal.components-reconnect-rejected{display:grid}
@media(max-width:850px){.shell{grid-template-columns:145px minmax(0,1fr)}main{padding:23px}.two-columns{grid-template-columns:1fr}.page-heading>.badge{display:none}.status-header{padding:13px 23px}.rail{padding:23px 8px}.status-strip{gap:10px}}
@media(max-width:580px){.shell{display:block}.rail{position:static;height:auto;padding:15px;gap:13px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:24px;padding:0}.brand small{display:inline;font-size:9px;letter-spacing:1px;margin-left:14px}.rail nav{display:flex;flex-wrap:wrap;gap:3px}.rail nav small,.rail-foot{display:none}.rail nav a{padding:8px 10px}.status-header{padding:12px 16px}.status-header>.eyebrow{display:none}main{padding:23px 16px}.tabs{gap:15px}.toolbar button{flex:1}.two-columns{gap:15px}.panel{padding:17px}.page-heading{margin-bottom:22px}.shortcuts{grid-template-columns:1fr}.record-line{flex-wrap:wrap}.data-line{gap:12px;font-size:13px}footer{padding:12px 16px}th,td{padding:10px 7px}.composer .section-heading{align-items:end}.composer .muted{max-width:70%}}
@media(pointer:coarse){button,.tabs a,.rail nav a{min-height:44px}input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}