:root{color:#142746;background:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f6f8;--surface: #ffffff;--surface-soft: #f8fafc;--line: #dfe5ec;--line-strong: #c8d3df;--text: #142746;--muted: #61708a;--primary: #0b5dcc;--primary-soft: #e9f2ff;--pass: #0f8a5f;--pass-soft: #e4f7ed;--warn: #b26a00;--warn-soft: #fff2cf;--fail: #d93816;--fail-soft: #fff0eb;--violet: #5e4db2;--violet-soft: #f1efff;--shadow: 0 1px 2px rgba(9, 30, 66, .12);--shadow-md: 0 12px 30px rgba(9, 30, 66, .12);--radius: 8px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(11,93,204,.22);outline-offset:2px}.mobile-only{display:none!important}.app-frame{min-height:100vh;background:var(--bg)}.app-header{position:sticky;top:0;z-index:20;min-height:76px;display:grid;grid-template-columns:212px minmax(0,1fr) auto;align-items:center;gap:22px;padding:0 24px;background:#fffffffa;border-bottom:1px solid var(--line)}.brand-lockup{min-width:0}.brand-lockup img{width:152px;height:50px;display:block;object-fit:contain;object-position:left center}.product-lockup{display:grid;gap:4px}.product-lockup strong{font-size:19px;font-weight:850;line-height:1.2}.product-lockup span{color:var(--muted);font-size:12px;font-weight:650}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px}.sync-pill{min-height:27px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;color:var(--pass);background:var(--pass-soft);border:1px solid #b5e8cb;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}.desktop-user{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:750}.desktop-user b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary);font-size:12px}.app-body{min-height:calc(100vh - 76px);display:grid;grid-template-columns:212px minmax(0,1fr)}.desktop-sidebar{position:sticky;top:76px;height:calc(100vh - 76px);display:flex;flex-direction:column;padding:18px 12px 16px;background:var(--surface-soft);border-right:1px solid var(--line)}.desktop-sidebar nav{display:grid;gap:7px}.side-nav-item{min-height:43px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:7px 10px;background:transparent;border:1px solid transparent;border-radius:7px;text-align:left;font-size:14px;font-weight:750;cursor:pointer}.side-nav-item:hover{background:#eef4f8;border-color:var(--line)}.side-nav-item.active{color:var(--primary);background:var(--surface);border-color:#b8d0ee;box-shadow:var(--shadow)}.nav-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:6px}.availability-note{margin-top:auto;display:flex;align-items:center;gap:7px;padding:10px;color:var(--muted);font-size:12px;font-weight:650}.message-workspace,.standard-workspace{min-width:0;width:100%;max-width:1320px;margin:0 auto;padding:24px 28px 38px}.page-heading{min-height:50px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}.page-heading h1{margin:0;font-size:24px;line-height:1.2;font-weight:850}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{min-height:108px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.metric-icon.tone-error{color:var(--fail);background:var(--fail-soft)}.metric-icon.tone-success{color:var(--pass);background:var(--pass-soft)}.metric-icon.tone-info{color:var(--primary);background:var(--primary-soft)}.metric-card div{min-width:0;display:grid;gap:2px}.metric-card div>span{color:var(--muted);font-size:13px;font-weight:750}.metric-card strong{font-size:28px;line-height:1.2;font-weight:850}.metric-card small{color:var(--muted);font-size:12px;font-weight:650}.message-filters{display:flex;align-items:center;gap:10px;margin-bottom:14px}.category-tabs{display:flex;align-items:center;gap:8px}.category-tabs button,.severity-options button{min-height:36px;padding:6px 15px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}.category-tabs button:hover,.severity-options button:hover{border-color:#9dbce3}.category-tabs button.active,.severity-options button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.time-filter{min-height:36px;display:inline-flex;align-items:center;gap:4px;padding-left:10px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:7px}.time-filter select{min-height:34px;color:var(--text);background:transparent;border:0;padding:0 26px 0 2px;font-size:13px;font-weight:700;cursor:pointer}.unread-filter{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 5px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.unread-filter input{width:16px;height:16px;accent-color:var(--primary)}.message-table{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.table-header,.message-row{display:grid;grid-template-columns:78px minmax(300px,1.7fr) minmax(105px,.6fr) 126px 100px 86px;align-items:center}.table-header{min-height:43px;color:var(--muted);background:var(--surface-soft);border-bottom:1px solid var(--line);font-size:12px;font-weight:800}.table-header span{padding:0 10px}.table-header span:first-child{padding-left:17px}.group-heading{min-height:42px;display:flex;align-items:center;gap:5px;padding:0 17px;background:#fbfcfd;border-bottom:1px solid var(--line);font-size:13px}.group-heading strong{font-weight:850}.group-heading span{color:var(--muted)}.tone-text-error{color:var(--fail)}.tone-text-success{color:var(--pass)}.tone-text-info{color:var(--primary)}.message-row{min-height:62px;border-bottom:1px solid var(--line)}.table-group:last-of-type .message-row:last-child{border-bottom:0}.message-row:hover{background:#f8fbff}.message-row>*{margin:0 10px}.message-row>.tone-icon{margin-left:17px}.tone-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%}.tone-icon svg{width:24px;height:24px}.tone-icon-large{width:34px;height:34px}.tone-icon-large svg{width:34px;height:34px}.tone-icon.tone-error{color:var(--fail)}.tone-icon.tone-warning{color:#ee6800}.tone-icon.tone-success{color:#10a968}.tone-icon.tone-info{color:#086ad8}.message-copy{min-width:0;display:grid;gap:4px;padding:7px 0;background:none;border:0;text-align:left;cursor:pointer}.message-copy strong{position:relative;width:fit-content;max-width:100%;padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800}.message-copy strong i,.mobile-message-meta i{position:absolute;top:5px;right:0;width:7px;height:7px;background:var(--primary);border-radius:50%}.message-copy span{overflow:hidden;color:var(--muted);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.message-source,.message-row time{color:#3f5474;font-size:12px;font-weight:650}.status-tag{width:fit-content;display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:800;white-space:nowrap}.status-tag.tone-error{color:var(--fail);background:var(--fail-soft);border-color:#ffc7b6}.status-tag.tone-warning{color:var(--warn);background:var(--warn-soft);border-color:#f6d489}.status-tag.tone-success{color:var(--pass);background:var(--pass-soft);border-color:#b5e8cb}.status-tag.tone-info{color:var(--primary);background:var(--primary-soft);border-color:#cfe0ff}.text-action{padding:3px 0;color:var(--primary);background:none;border:0;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.text-action:hover{text-decoration:underline}.text-action:disabled{color:#9aa6b8;cursor:not-allowed;text-decoration:none}.pagination{min-height:58px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px 16px;color:var(--muted);font-size:12px}.pagination button,.pagination b{min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 9px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;font-weight:700}.pagination b{color:var(--primary);background:var(--primary-soft)}.pagination button:disabled{opacity:.45}.empty-state{min-height:340px;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.empty-state>span{width:52px;height:52px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:50%}.empty-state strong{font-size:16px}.empty-state p{margin:0 0 8px;color:var(--muted);font-size:13px}.primary-button,.secondary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:800;cursor:pointer}.primary-button{color:#fff;background:var(--primary);border:1px solid var(--primary)}.primary-button:hover{background:#084fae}.secondary-button{color:var(--text);background:var(--surface);border:1px solid var(--line-strong)}.secondary-button:hover{border-color:#94afd2}.primary-button:disabled,.secondary-button:disabled{color:#8a96a8;background:#eef1f5;border-color:var(--line);cursor:not-allowed}.full-button{width:100%}.drawer-layer,.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;pointer-events:none}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;background:#0c1b3042;border:0;pointer-events:auto}.message-drawer{position:relative;z-index:1;justify-self:end;width:min(430px,94vw);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--surface);box-shadow:-12px 0 34px #091e4229;pointer-events:auto}.drawer-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.drawer-header>div{min-width:0;display:grid;gap:3px}.drawer-header span{color:var(--muted);font-size:12px;font-weight:700}.drawer-header strong{overflow:hidden;font-size:15px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;padding:0;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer}.icon-button:hover{color:var(--text);background:var(--surface-soft);border-color:var(--line)}.drawer-body{min-height:0;overflow:auto;padding:20px}.detail-title-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-title-row h2{margin:0 0 8px;font-size:20px;line-height:1.35}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-facts div{padding:11px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.detail-facts dt{color:var(--muted);font-size:11px;font-weight:750}.detail-facts dd{margin:5px 0 0;font-size:13px;font-weight:800}.detail-section{margin-top:20px}.detail-section h3{margin:0 0 10px;font-size:14px;font-weight:850}.detail-section>p{margin:0;color:#3f5474;font-size:13px;font-weight:600;line-height:1.7}.timeline{margin:0;padding:0;list-style:none}.timeline li{position:relative;min-height:72px;display:grid;grid-template-columns:18px 1fr;gap:10px}.timeline li:not(:last-child):after{content:"";position:absolute;left:6px;top:18px;bottom:-2px;width:2px;background:var(--line)}.timeline li>i{position:relative;z-index:1;width:13px;height:13px;margin-top:3px;border:3px solid currentColor;background:#fff;border-radius:50%}.timeline li.tone-error{color:var(--fail)}.timeline li.tone-warning{color:var(--warn)}.timeline li.tone-success{color:var(--pass)}.timeline li>div{min-width:0;display:grid;grid-template-columns:1fr auto;gap:2px 10px;color:var(--text)}.timeline strong{font-size:13px}.timeline time{color:var(--muted);font-size:12px}.timeline p{grid-column:1 / -1;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.delivery-note{padding:12px;background:var(--primary-soft);border:1px solid #cfe0ff;border-radius:7px}.delivery-note>div{display:grid;grid-template-columns:24px 1fr;gap:8px;color:var(--primary)}.delivery-note>div>div{display:grid;gap:2px}.delivery-note strong{font-size:13px}.delivery-note span,.delivery-note small{color:#405b80;font-size:12px;line-height:1.5}.delivery-note small{display:block;margin:8px 0 0 32px}.drawer-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:14px 18px;background:var(--surface);border-top:1px solid var(--line)}.standard-workspace{max-width:1120px}.settings-panel{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.settings-panel>header{min-height:68px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid var(--line)}.settings-panel h2{margin:0;font-size:16px;font-weight:850}.settings-panel h2 svg{vertical-align:-4px;margin-right:7px;color:var(--primary)}.settings-panel header p{margin:5px 0 0;color:var(--muted);font-size:12px;font-weight:600}.preference-list{display:grid}.preference-row{min-height:84px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid var(--line)}.preference-row:last-child{border-bottom:0}.preference-row>div{min-width:0;display:grid;gap:3px}.preference-row strong{font-size:14px}.preference-row span{color:var(--muted);font-size:12px}.preference-row small{color:#8290a5;font-size:11px}.toggle{position:relative;width:44px;height:25px;flex:0 0 auto;padding:0;background:#cfd7e1;border:0;border-radius:999px;cursor:pointer;transition:background .16s ease}.toggle span{position:absolute;top:3px;left:3px;width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:var(--shadow);transition:transform .16s ease}.toggle.on{background:var(--primary)}.toggle.on span{transform:translate(19px)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.compact-panel{min-height:208px}.severity-options{display:flex;flex-wrap:wrap;gap:8px;padding:20px 17px}.quiet-panel header{align-items:center}.time-range{display:flex;align-items:center;gap:10px;padding:15px 17px}.time-range label{flex:1;display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.time-range input{min-height:36px;padding:6px 9px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px}.time-range>span{margin-top:17px;color:var(--muted)}.inline-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 17px 16px;padding:11px 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.inline-setting>div{display:grid;gap:2px}.inline-setting strong{font-size:12px}.inline-setting span{color:var(--muted);font-size:11px}.save-bar{min-height:62px;display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:14px;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.save-bar>span{color:var(--muted);font-size:12px}.save-bar>span.saved{display:inline-flex;align-items:center;gap:5px;color:var(--pass);font-weight:750}.prototype-disclaimer{min-height:44px;display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;color:#405b80;background:var(--primary-soft);border:1px solid #cfe0ff;border-radius:7px;font-size:12px;font-weight:650}.settings-main-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);margin-top:0}.device-panel>header{align-items:center}.setup-steps{margin:0;padding:0;list-style:none}.setup-steps li{min-height:72px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 17px;border-bottom:1px solid var(--line)}.setup-steps li>span{width:34px;height:34px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:8px}.setup-steps li>div{min-width:0;display:grid;gap:3px}.setup-steps li strong{font-size:13px}.setup-steps li small{color:var(--muted);font-size:11px}.setup-steps li.done>svg{color:var(--pass)}.setup-steps li.current{background:#fbfdff}.setup-steps li.disabled{opacity:.55}.device-panel>.full-button{width:calc(100% - 34px);margin:16px 17px}.settings-stack{display:grid;align-content:start;gap:14px}.account-row{min-height:78px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 17px}.account-row>span:first-child{width:36px;height:36px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:50%}.account-row>div{display:grid;gap:2px}.account-row strong{font-size:13px}.account-row small{color:var(--muted);font-size:11px}.service-panel dl{margin:0;padding:5px 17px 12px}.service-panel dl>div{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.service-panel dl>div:last-child{border-bottom:0}.service-panel dt{color:var(--muted);font-size:12px}.service-panel dd{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:750}.live-dot{width:7px;height:7px;background:var(--pass);border-radius:50%}.install-modal{position:relative;z-index:1;align-self:center;justify-self:center;width:min(500px,calc(100vw - 28px));overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);pointer-events:auto}.install-modal>header{display:flex;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.install-modal>header>div{display:flex;gap:12px}.modal-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:9px}.install-modal h2{margin:0;font-size:18px}.install-modal header p{margin:5px 0 0;color:var(--muted);font-size:12px}.install-modal ol{display:grid;gap:11px;margin:0;padding:18px;list-style:none}.install-modal li{min-height:48px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:9px 11px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;font-size:13px}.install-modal li b{width:25px;height:25px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:50%}.modal-note{display:flex;align-items:center;gap:8px;margin:0 18px 18px;padding:10px 12px;color:#405b80;background:var(--primary-soft);border:1px solid #cfe0ff;border-radius:7px;font-size:12px}.install-modal footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;background:var(--surface-soft);border-top:1px solid var(--line)}.toast{position:fixed;z-index:120;right:24px;bottom:24px;min-height:42px;display:flex;align-items:center;gap:8px;padding:10px 14px;color:#fff;background:#18324f;border-radius:8px;box-shadow:var(--shadow-md);font-size:13px;font-weight:750}@media(max-width:980px)and (min-width:761px){.app-header{grid-template-columns:184px minmax(0,1fr) auto;padding-inline:18px}.app-body{grid-template-columns:184px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-header,.message-row{grid-template-columns:62px minmax(260px,1fr) 105px 110px 86px}.table-header span:nth-child(3),.message-source{display:none}.table-header span:last-child,.message-row .text-action{display:none}}@media(max-width:760px){body{background:var(--surface)}.desktop-only{display:none!important}.mobile-only{display:initial!important}.app-frame{min-height:100dvh;background:var(--surface)}.app-header{position:sticky;min-height:69px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 14px 6px}.brand-lockup img{width:126px;height:44px}.header-tools{gap:8px}.sync-pill{min-height:25px;padding-inline:8px;font-size:11px}.unread-badge{width:26px;height:26px;display:grid!important;place-items:center;color:#fff;background:var(--primary);border-radius:50%;font-size:12px;font-weight:850}.app-body{min-height:auto;display:block}.message-workspace,.standard-workspace{max-width:none;min-height:calc(100dvh - 69px);padding:9px 10px 92px;background:var(--bg)}.message-workspace>.page-heading{display:none}.mobile-title-row{display:flex!important;align-items:center;min-height:42px}.mobile-title-row h1{margin:0;font-size:22px;line-height:1.2;font-weight:850}.urgent-banner{min-height:45px;display:flex!important;align-items:center;gap:8px;margin:1px 0 12px;padding:9px 12px;color:var(--fail);background:var(--fail-soft);border:1px solid #ffcfd0;border-radius:7px;font-size:12px}.message-filters{margin:0 -2px 12px;overflow-x:auto;scrollbar-width:none}.message-filters::-webkit-scrollbar{display:none}.category-tabs{gap:6px;padding-inline:2px}.category-tabs button{min-height:34px;padding:5px 12px;font-size:12px}.mobile-message-list{display:grid!important;gap:10px}.mobile-message-group{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.mobile-message-group>header{min-height:40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:12px}.mobile-message-group>header strong{font-size:13px;font-weight:850}.mobile-message-group>header span{color:var(--muted)}.mobile-message-row{width:100%;min-height:78px;display:grid;grid-template-columns:27px minmax(0,1fr) 50px;align-items:start;gap:9px;padding:12px;background:var(--surface);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer}.mobile-message-row:last-child{border-bottom:0}.mobile-message-copy{min-width:0;display:grid;gap:5px}.mobile-message-copy strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mobile-message-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:11px;font-weight:600;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-message-meta{position:relative;min-height:38px;display:grid;justify-items:end;align-content:space-between;color:#536884;font-size:11px}.mobile-message-meta i{position:static;width:7px;height:7px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;min-height:70px;display:grid!important;grid-template-columns:repeat(3,1fr);padding:7px 8px max(7px,env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid var(--line)}.mobile-bottom-nav button{display:grid;justify-items:center;align-content:center;gap:3px;color:#405776;background:transparent;border:0;font-size:11px;font-weight:750;cursor:pointer}.mobile-bottom-nav button.active{color:var(--primary)}.mobile-bottom-nav span{display:block}.empty-state{min-height:300px}.message-drawer{width:100%}.drawer-header{min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr);padding:8px 10px}.drawer-header>.mobile-only{display:grid!important}.drawer-body{padding:16px 14px 100px}.detail-title-row h2{font-size:19px}.detail-facts{grid-template-columns:1fr}.drawer-actions{position:fixed;left:0;right:0;bottom:0;padding:11px 12px max(11px,env(safe-area-inset-bottom))}.standard-workspace .page-heading{min-height:54px;align-items:center;margin-bottom:10px}.standard-workspace .page-heading h1{font-size:22px}.standard-workspace .page-heading p{font-size:11px}.settings-panel>header{min-height:62px;padding:13px 14px}.preference-row{grid-template-columns:27px minmax(0,1fr) auto;gap:9px;padding:12px 14px}.preference-row span{line-height:1.45}.settings-grid,.settings-main-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.severity-options{padding:14px;overflow-x:auto;flex-wrap:nowrap}.quiet-panel{min-height:auto}.inline-setting{margin-inline:14px}.save-bar{position:sticky;bottom:77px;z-index:10;min-height:58px;justify-content:space-between;padding:9px 10px}.save-bar>span{max-width:48%}.prototype-disclaimer{align-items:flex-start;line-height:1.5}.settings-stack{gap:10px}.install-modal{align-self:end;width:100%;border-radius:14px 14px 0 0;border-bottom:0}.install-modal footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}.toast{left:12px;right:12px;bottom:82px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}.auth-card{width:min(420px,100%);display:grid;gap:22px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md)}.auth-card .brand-lockup img{width:162px;height:54px}.auth-card h1{margin:0;font-size:24px}.auth-card p{margin:7px 0 0;color:var(--muted);font-size:13px}.auth-card form{display:grid;gap:16px}.auth-card label{display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:750}.auth-card input{min-height:42px;padding:8px 11px;border:1px solid var(--line-strong);border-radius:7px}.form-error{display:flex;align-items:center;gap:7px;margin:0!important;padding:9px 10px;color:var(--fail)!important;background:var(--fail-soft);border:1px solid #ffc7b6;border-radius:7px}.metric-card>svg{width:36px;height:36px;padding:8px;color:var(--primary);background:var(--primary-soft);border-radius:50%}.metric-card.delivery-health-normal>svg{color:var(--pass);background:var(--pass-soft)}.metric-card.delivery-health-normal strong{color:var(--pass)}.metric-card.delivery-health-degraded>svg{color:var(--warn);background:var(--warn-soft)}.metric-card.delivery-health-degraded strong{color:var(--warn)}.metric-card.delivery-health-unavailable>svg{color:var(--fail);background:var(--fail-soft)}.metric-card.delivery-health-unavailable strong{color:var(--fail)}.metric-card.delivery-health-not-configured>svg{color:var(--muted);background:var(--surface-soft)}.metric-card.delivery-health-not-configured strong{color:var(--muted)}.state-panel{min-height:180px;display:grid;place-items:center;align-content:center;gap:12px;padding:26px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.state-panel.error{color:var(--fail);background:var(--fail-soft)}.availability-note{width:100%;border:0;background:transparent;cursor:pointer}.drawer-actions a{text-decoration:none}.stale-banner{min-height:40px;display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 11px;color:#405b80;background:var(--primary-soft);border:1px solid #cfe0ff;border-radius:7px;font-size:12px;font-weight:650}.stale-banner span{flex:1}.stale-banner button{padding:3px 0;color:var(--primary);background:transparent;border:0;font-weight:800;cursor:pointer}.sync-pill.offline{color:var(--warn);background:var(--warn-soft);border-color:#f6d489}.preference-dot{width:22px;height:22px;display:block;border:6px solid currentColor;border-radius:50%}.preference-dot.tone-error{color:var(--fail)}.preference-dot.tone-warning{color:var(--warn)}.preference-dot.tone-success{color:var(--pass)}.preference-dot.tone-info{color:var(--primary)}.save-error{color:var(--fail)!important}.channel-list{display:grid;padding:0 17px}.channel-list>div{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.channel-list>div:last-child{border-bottom:0}.channel-list strong{font-size:13px}.channel-list>span{padding:18px 0;color:var(--muted);font-size:12px}.push-notice{min-height:42px;display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:9px 12px;border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:700}.push-notice.tone-success{color:#08784a;background:var(--pass-soft);border-color:#bce8d1}.push-notice.tone-error{color:var(--fail);background:var(--fail-soft);border-color:#ffc7b6}.push-notice.tone-info{color:#405b80;background:var(--primary-soft);border-color:#cfe0ff}.queue-truth{display:block;margin:9px 2px 0;color:var(--muted);font-size:11px;line-height:1.55;text-align:center}.danger-action{color:var(--fail)!important}@media(max-width:760px){.auth-page{align-items:start;padding:54px 16px 24px;background:var(--surface)}.auth-card{padding:20px;border:0;box-shadow:none}.metric-grid{display:none!important}.stale-banner{margin:0 0 10px}.severity-options{flex-wrap:wrap;overflow-x:visible}.severity-options button{flex:1 1 calc(50% - 8px)}}