:root{--ink:#eef5ff;--muted:#97acc8;--sky:#78c5ff;--blue:#2463eb;--surface:#101927;--line:#25364b;background:#080d16;color:var(--ink)}
body{font-size:14px}aside{width:224px;padding:30px 18px;background:#0b1321;border-color:#1e2c40}.brand{color:var(--sky)}.environment{color:#8dd7ff;background:#122d46;font-size:10px}.aside-bottom{font-size:11px}nav{gap:6px}nav button{font-size:13px;line-height:1.5;padding:11px 13px}nav button.active{background:#142f55;border-color:transparent;box-shadow:inset 3px 0 var(--sky)}main{margin-left:224px;width:calc(100% - 224px);max-width:1800px;padding:32px 32px;min-width:0}h1{font-size:30px}header{align-items:start;flex-wrap:wrap}.header-actions{flex-wrap:wrap}.pill{background:#102d42;border:0;color:var(--sky)}button{background:#1a293e;border:1px solid #29405a;border-radius:7px;font-size:13px}button:hover{background:#223b59}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--sky)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#3779ef}.quiet{border-color:transparent}input,select,textarea{background:#0a1320;border:1px solid #33475e;color:var(--ink);border-radius:7px}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--blue)}label{line-height:1.6}label[hidden],[hidden]{display:none!important}.panel{background:var(--surface);border-color:#1c2b3e;padding:24px;margin-bottom:22px;min-width:0}.panel p{line-height:1.7}.two-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;gap:14px}.stats article{background:linear-gradient(145deg,#142238,#0e1929);border:1px solid #23344a;padding:20px}.stats strong{color:var(--sky);font-size:32px}.stats small{color:var(--muted);font-size:11px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;align-items:end}.inline-form{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.inline-form label{margin:0;max-width:340px}.table-wrap{overflow:auto;max-width:100%;border:1px solid #20334a;border-radius:9px;margin:16px 0}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:#a8c3df;background:#142237;font-weight:600;padding:14px;white-space:nowrap;position:sticky;top:0}td{padding:13px 14px;border-top:1px solid #203047;vertical-align:top;white-space:pre-line;overflow-wrap:anywhere;min-width:95px}tbody tr:hover{background:#111e30}td code{font-size:10px;color:#819abb}td small{display:block;line-height:1.6;color:var(--muted);margin:4px 0}td strong{display:block;font-size:14px;color:#dcedff}.rule-row{padding:12px 0;border-bottom:1px solid #213247}.rule-row label{margin:0 0 6px}.rule-row small{color:var(--sky)}#advanced-config .panel{scroll-margin-top:20px}#config-state{white-space:pre-line;line-height:1.8;font-size:12px;border-left:3px solid var(--blue)}#selected-recipients{max-height:260px;overflow:auto;padding:10px;background:#0b1423}#selected-recipients label{display:flex;align-items:center;gap:12px}.message{padding:18px 0;border-bottom:1px solid var(--line)}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.message small{display:block;line-height:1.8;color:var(--muted)}.buttons{flex-wrap:wrap}#status:not(:empty){padding:13px 16px;border-radius:7px;line-height:1.6;margin:0 0 22px;background:#102a3c;border-left:3px solid var(--sky)}#status.error{background:#35212c;border-left-color:#f9aab1;color:#ffd4d8}dialog{background:#101b2c;border:1px solid #334c6c;color:var(--ink);max-width:min(960px,94vw);max-height:90vh;overflow:auto;border-radius:13px;padding:26px;box-shadow:0 22px 80px #0009}dialog::backdrop{background:#020812bc;backdrop-filter:blur(3px)}#confirm-body p{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}#confirm-body{max-height:64vh;overflow:auto}#device-metadata{max-width:100%;overflow:auto}#device-dialog{width:960px}#device-commands{max-height:280px}footer{font-size:11px;border-color:#203047}
@media(min-width:1500px){.stats{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){main{padding:26px 20px}.two-columns{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}}
@media(max-width:760px){.shell{display:block}aside{position:static;width:auto;height:auto;padding:18px}aside .brand{font-size:22px}.environment{margin:14px 0}aside nav{display:flex;overflow-x:auto;gap:5px}aside nav button{white-space:nowrap;flex-shrink:0}aside .aside-bottom{display:none}main{margin:0;width:100%;padding:22px 15px}h1{font-size:25px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats article{padding:15px}.stats strong{font-size:28px}.panel{padding:18px}.filters{grid-template-columns:1fr}.filters label:first-child{grid-column:auto}.header-actions{gap:6px}button{padding:10px 12px}dialog{padding:18px}td{padding:11px}#confirm-body{max-height:60vh}}

.rules-list{max-height:560px;overflow:auto;padding-right:12px;margin:18px 0;border-block:1px solid #20344c}#message-list{max-height:780px;overflow:auto;padding-right:10px}