/* Same canonical SOS palette/components; monitor-specific table layout only. */
html[data-product='sos'] body{padding:0}
.monitor-shell{width:100%;max-width:none;margin:0;padding:24px;background:var(--ui-surface);border-radius:0;box-shadow:none;min-height:100dvh}
.monitor-header,.header-controls,.section-heading,.monitor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}
.monitor-header{position:relative;isolation:isolate;overflow:hidden}
.monitor-shell>.home-tabs{margin-bottom:0}
.monitor-shell>section[role='tabpanel']{border:1px solid var(--ui-border);border-radius:0 12px 12px 12px;background:var(--ui-surface);padding:16px;min-width:0}
.monitor-header .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ui-text);font-size:24px;letter-spacing:-.04em}.brand>img{margin:0}.product-wordmark strong{font-weight:750}.product-wordmark>span{font-weight:400;color:var(--ui-accent)}
.header-controls{gap:12px}#theme{width:44px;min-height:44px;border:0;padding:0;font-size:24px}#connection{font-size:12px;color:var(--ui-muted)}#connection[data-connected='true']{color:#17592e}#connection:before{content:'●';margin-right:6px}
.home-tabs{max-width:430px}.section-heading h1,.section-heading h2{margin:0}.section-heading h1{font-size:24px}.section-heading h2{font-size:18px}.section-heading{margin:22px 0 14px}.monitor-actions{justify-content:flex-end;font-size:12px}.monitor-actions button{min-height:40px;padding:8px 12px}.count{font-size:12px;font-weight:600;border-radius:12px;background:var(--ui-soft);color:var(--ui-accent);padding:3px 8px;vertical-align:middle}
.muted{color:var(--ui-muted);font-size:13px;line-height:1.5}.preview{padding:10px 14px;border:1px solid var(--ui-border);background:var(--ui-soft);border-radius:12px;font-size:13px}.monitor-note{margin:0 0 14px}.incident-heading{margin-top:30px}
.table-scroll{position:relative;max-width:100%;overflow:auto;border:1px solid var(--ui-border);border-radius:14px}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{background:var(--ui-soft);color:var(--ui-action);font-weight:700;font-size:12px}th,td{padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--ui-border)}tbody tr:last-child td{border-bottom:0}.groups th:first-child{width:22%}.groups th:nth-child(3){width:72px}.groups th:last-child{width:72px}.group-name{display:block;overflow-wrap:anywhere}.group-date{display:block;margin-top:5px;font-size:11px;color:var(--ui-muted)}
.member-list{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;min-width:180px}.member{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--ui-border);border-radius:10px;padding:4px 4px 4px 10px;background:var(--ui-soft)}.member-name{min-width:0;overflow-wrap:anywhere}.member-name small{display:block;color:var(--ui-muted);font-size:10px;font-weight:400}.monitor-shell .member-remove,.monitor-shell .group-remove{padding:0;width:36px;min-width:36px;min-height:36px;border:0;background:transparent;color:var(--ui-accent);font-size:24px;line-height:1}.monitor-shell .group-remove{width:auto;font-size:12px;min-width:64px;min-height:40px;border:1px solid var(--ui-border);padding:6px 8px;border-radius:10px}.monitor-shell .member-remove:hover,.monitor-shell .group-remove:hover{background:var(--ui-border)}
.incidents{min-width:650px}.incidents td{font-size:12px;line-height:1.6}.incidents strong{font-size:13px}.incidents small{display:block;color:var(--ui-muted)}.acknowledged{color:#17592e}.empty{padding:18px;text-align:center;color:var(--ui-muted);font-size:14px}.login{max-width:430px;padding:20px;border:1px solid var(--ui-border);border-radius:14px}.login label{display:block;margin:12px 0 8px}.login input{width:100%;margin-bottom:12px}.login button{width:100%}
#alarm-frame{display:block;width:100%;height:80dvh;min-height:560px;border:0;border-radius:16px}.standalone{display:block;margin-top:12px;font-size:13px;color:var(--ui-accent)}
dialog{width:min(92vw,430px);max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-surface);color:var(--ui-text)}dialog::backdrop{background:#24203499}dialog h2{margin:0 0 12px}dialog p{font-size:14px;line-height:1.5}dialog label{display:block;font-size:13px;margin-bottom:8px}dialog input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.error{color:#aa2934;font-size:13px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.monitor-shell{padding:16px}.section-heading{align-items:flex-start}.monitor-actions{justify-content:flex-start}th,td{padding:10px}.groups{min-width:520px}.monitor-header .brand{font-size:22px}.home-tabs{max-width:none}}

.monitor-shell .monitor-icon{display:inline-grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ui-accent);border-radius:10px}.monitor-shell .monitor-icon:hover{background:var(--ui-soft)}.monitor-icon svg{display:block;flex-shrink:0}