*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:20px 15px;background:#f3f4f6;color:#111827;-webkit-tap-highlight-color:transparent}.shell{width:100%;max-width:1120px;margin:0 auto;background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);border:1px solid #dbe2ea;border-radius:22px;padding:24px 20px 20px;box-shadow:0 12px 35px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.04)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:44px;height:44px;border-radius:13px;background:#1d4ed8;position:relative;flex:0 0 auto;box-shadow:0 0 0 4px rgba(59,130,246,.15)}.brand-mark:before{content:"";position:absolute;width:18px;height:22px;border:3px solid #fff;border-radius:10px 10px 6px 6px;left:10px;top:9px}.brand-mark:after{content:"";position:absolute;width:24px;height:3px;border-radius:3px;background:#fff;left:7px;bottom:7px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#6b7280;text-transform:uppercase}h1{font-size:21px;font-weight:800;margin:2px 0 0}h2{font-size:17px;margin:0 0 14px}.muted{color:#6b7280;font-size:13px;line-height:1.45}.top-actions{display:flex;align-items:center;gap:8px}.badge,.health-pill{font-size:10px;font-weight:900;border-radius:999px;padding:6px 8px;white-space:nowrap}.badge.good,.health-pill.online{background:#dcfce7;color:#166534}.badge.neutral,.health-pill.neutral{background:#eef2f7;color:#59636e}.badge.warn,.health-pill.offline{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#b91c1c}.card{background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:17px 15px;margin-bottom:16px}.status-card{border-radius:18px;padding:22px 15px;text-align:center;background:#f9fafb;border:1px solid #e5e7eb;margin-bottom:20px}.status-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#6b7280;margin-bottom:7px}.status-text{font-size:22px;font-weight:700}.status-sub{font-size:14px;color:#6b7280;margin-top:7px}.status-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px}.status-footer{display:flex;justify-content:space-between;gap:10px;margin-top:17px;padding-top:13px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280}.siren-icon{width:18px;height:18px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:8px;background:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.12)}.siren-icon.active,.siren-icon.error{background:#dc2626;box-shadow:0 0 0 5px rgba(220,38,38,.12)}.siren-icon.muted{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}.section-heading,.device-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cmd,.primary,.ghost{width:100%;min-height:56px;border:0;border-radius:14px;padding:13px 16px;font-weight:700;cursor:pointer;font-size:17px}.sos{background:#dc2626;color:#fff}.mute{background:#fef3c7;color:#92400e}.resume{background:#16a34a;color:#fff}.primary{background:#2563eb;color:#fff;min-height:48px;font-size:16px}.ghost{background:#fff;border:1px solid #d1d5db;color:#374151;min-height:42px;font-size:13px}.cmd:disabled,.primary:disabled{opacity:.55;cursor:default}.command-result{min-height:22px;text-align:center;margin:12px 0 0;font-size:13px;font-weight:600}.command-result.error{color:#dc2626}.command-result.success{color:#166534}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.device-card{border:1px solid #e5e7eb;border-radius:15px;padding:14px 13px;background:#f9fafb}.device-label{font-size:10px;font-weight:900;letter-spacing:.1em;color:#6b7280}.health-list{margin-top:9px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e5e7eb}.row:last-child{border-bottom:0}.row span{font-size:12px;color:#6b7280}.row strong{font-size:12px;text-align:right;color:#111827}.health-summary{margin-top:13px;border-top:1px solid #e5e7eb;padding-top:3px}.good-text{color:#166534}.schedule-editor{border:1px solid #dce3ee;border-radius:14px;padding:14px;margin-bottom:13px;background:#f8fafc}.schedule-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;color:#4b5563}.schedule-toggle input{width:20px;height:20px;accent-color:#2563eb}.schedule-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.schedule-times label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4b5563}.schedule-times input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;background:#f9fafb;color:#182033;font:inherit}.schedule-save{margin-top:10px}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.schedule-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.schedule-box span{display:block;font-size:11px;color:#6b7280}.schedule-box strong{display:block;margin-top:5px;font-size:14px}.info-note{margin-top:10px;padding:9px 10px;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-size:12px}.footer-note{text-align:center;color:#6b7280;font-size:11px;line-height:1.5;padding:5px}.hidden{display:none!important}@media(min-width:800px){.shell{padding:28px 30px}.topbar{margin-bottom:24px}.status-card{padding:25px}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.main-grid>.card{margin-bottom:0}.schedule-card{grid-column:1/-1}.health-card{grid-column:1/-1}.security-card{grid-column:1/-1}.device-grid{grid-template-columns:1fr 1fr}.schedule-editor{max-width:760px;margin-left:auto;margin-right:auto}.controls{max-width:760px;margin-left:auto;margin-right:auto}}@media(max-width:799px){.shell{max-width:600px}.controls{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr}}@media(max-width:480px){body{padding:10px 8px}.shell{border-radius:18px;padding:18px 13px}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}h1{font-size:19px}.schedule-times{grid-template-columns:1fr 1fr}.status-footer{flex-direction:column}.cmd,.primary{min-height:52px}}@media(max-width:350px){.schedule-times{grid-template-columns:1fr}}


/* V8.6.2 detection review */
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.secondary{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}
.detection-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.detection-actions button:disabled{opacity:.5;cursor:not-allowed}
.detection-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:12px}
.detection-table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}
.detection-table th,.detection-table td{padding:9px 8px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}
.detection-table th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc}
.detection-table tr:last-child td{border-bottom:0}
.event-actions{display:flex;gap:5px;flex-wrap:wrap}
.event-btn{border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:700;cursor:pointer}
.event-btn.true{border-color:#86efac}.event-btn.false{border-color:#fca5a5}.event-btn.delete{border-color:#cbd5e1}
.event-status{font-weight:800}
.event-status.pending{color:#92400e}.event-status.true{color:#166534}.event-status.false{color:#991b1b}
@media(max-width:700px){.section-heading{align-items:stretch;flex-direction:column}.section-heading button{align-self:flex-start}}

/* V8.6.5 detection pagination */
.detection-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}
.detection-pagination.hidden{display:none}
.pager-btn{min-width:92px}
.pager-btn:disabled{opacity:.45;cursor:not-allowed}
.pager-info{font-size:12px;color:#64748b;min-width:150px;text-align:center}