:root{color-scheme:dark;--bg:#080f1c;--surface:#101e31;--surface2:#142842;--line:#29415e;--text:#edf4ff;--muted:#91a8c3;--accent:#4ca5ff;--green:#25d79b;--red:#f07183;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 50% -250px,#1a4262 0,#080f1c 65%);min-height:100vh}a{color:#b9ddff;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3{letter-spacing:-.03em}header,.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px max(22px,calc((100vw - 1480px)/2));background:#0e1b2edc;border-bottom:1px solid #263b55;flex-wrap:wrap}header strong,.brand{font-size:23px;font-weight:800}.shell,main,.page{max-width:1480px;margin:auto;padding:26px 22px 80px}.panel,.pc,.surface{background:linear-gradient(145deg,#142840,#0e1a2d);border:1px solid #2a405d;border-radius:18px;padding:22px;box-shadow:0 15px 32px #0002}.panel{margin:0 0 16px}.pc{margin:0}.pc h3{margin:0 0 6px}.pc p{color:var(--muted)}.grid,.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:14px}.buttons,.actions,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #356c9c;border-radius:12px;background:#1a5489;color:#f1f7ff;padding:10px 15px;font-size:13px;font-weight:700;white-space:nowrap}.btn.alt{background:#192c44;border-color:#39516d}.btn.danger{background:#662d3b;border-color:#8e4d60}.btn:hover:not(:disabled){filter:brightness(1.15)}.notice{padding:14px 18px;border:1px solid #2b4b6b;border-radius:14px;background:#14273e;margin:14px 0;color:#c9daf0}.err{background:#4b2633}.muted,.hint,small{color:var(--muted)}.hint{font-size:13px;line-height:1.55}.status{border-radius:30px;padding:6px 10px;display:inline-block;font-size:12px;background:#35455b}.status.online{color:#9af5d2;background:#164c3b}.status.offline{color:#f8c5cb;background:#4f303c}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;color:#eef5ff;border:1px solid #375370;border-radius:11px;background:#0b192a;padding:11px 12px}label{display:block;color:#aec4df;font-size:13px;margin-bottom:6px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid #31445c;overflow-wrap:anywhere}form.inline{display:inline}code{color:#b5dcff}nav,.nav{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.subheading{font-size:12px;color:var(--muted);margin-top:4px}.modal{border:1px solid #406080;border-radius:22px;background:linear-gradient(145deg,#152a44,#101a2c);color:var(--text);padding:0;width:min(760px,calc(100vw - 28px));max-height:min(90vh,950px);box-shadow:0 35px 110px #000b}.modal::backdrop{background:#03070cba;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #29415f;gap:12px}.modal-head h2{margin:0;font-size:19px}.modal-content{padding:22px 24px;overflow:auto;max-height:calc(90vh - 84px)}.modal-x{border:0;background:transparent;color:#bed1e7;font-size:25px;line-height:1}.modal .panel{border:0;background:transparent;padding:0;box-shadow:none}.section-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.chip{padding:5px 10px;background:#122a43;border:1px solid #2b5775;border-radius:25px;font-size:12px;color:#a9d1e7} .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6c7c94;margin-right:5px}.dot.on{background:#28d99b;box-shadow:0 0 12px #28d99b88}@media(max-width:740px){header,.topbar{padding:15px}.shell,main,.page{padding:15px}.fields{grid-template-columns:1fr}.modal-content{padding:15px}.panel{padding:15px}}

/* v6.2: controls have precedence over drag surface and disabled mode fields stay hidden */
.wol-mode{border:1px solid #34506e;border-radius:14px;padding:14px;margin:4px 0;background:#0b1829}
.wol-mode legend{padding:0 8px}.switchline{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#e8f3ff}.switchline input{width:auto;accent-color:#46aaf8}
.wol-mode-fields[hidden]{display:none!important}.wol-mode-fields{padding:8px 0 0}
.modal{z-index:200}.modal::backdrop{z-index:199}
button, .btn{position:relative;z-index:1}