:root{--accent: #256f78;--accent-soft: #e8f5f4;--bg: #eef2f5;--border: #d8e0e7;--border-soft: #e7ecef;--control-height: 34px;--gutter: 14px;--muted: #667586;--panel-radius: 8px;--surface: #ffffff;--surface-muted: #f7f9fb;--text: #17212b;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f8fafb,#edf2f6 42%,#e9eef2)}button,input,textarea{font:inherit}button,a{align-items:center;border:1px solid #cfd7df;border-radius:6px;color:var(--text);display:inline-flex;gap:7px;justify-content:center;line-height:1.15;min-height:var(--control-height);padding:7px 10px;text-decoration:none;white-space:nowrap}button{background:var(--surface);cursor:pointer}button:hover,a:hover{border-color:var(--accent);color:#12545c}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{background:var(--surface);border:1px solid #cfd7df;border-radius:6px;color:var(--text);min-width:0;padding:8px 9px;width:100%}textarea{min-height:72px;resize:vertical}label{color:#526272;display:grid;gap:5px;font-size:12px;font-weight:700}.app-shell{min-height:100vh}.topbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:grid;gap:16px;grid-template-columns:minmax(180px,260px) 1fr auto;min-height:78px;padding:12px 18px;position:sticky;top:0;z-index:4}h1{font-size:24px;letter-spacing:0;line-height:1;margin:0 0 6px}.subhead{color:var(--muted);font-size:13px}.topbar-actions,.toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.topbar-actions{justify-content:flex-end}.health-strip{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.metric,.state-pill,.status-chip{align-items:center;border:1px solid #d4dde5;border-radius:6px;display:inline-flex;gap:6px;min-height:28px;padding:5px 8px;white-space:nowrap}.metric{background:#f6f8fa;color:#334150;font-size:13px;font-weight:700}.metric.warn{background:#fff7df;border-color:#edd58d;color:#695019}.radio-dot{background:#2f8f83;border-radius:50%;height:9px;width:9px}.station-grid{display:grid;gap:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(340px,390px);padding:var(--gutter)}.device-rail,.message-workspace,.right-rail>section,.setup-panel,.login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-radius)}.message-workspace,.right-rail{min-height:min(650px,calc(100vh - 190px))}.device-rail{grid-column:1 / -1;min-height:auto;overflow:hidden}.panel-title{align-items:center;border-bottom:1px solid var(--border-soft);display:flex;font-size:14px;font-weight:800;gap:8px;min-height:44px;padding:10px 12px}.panel-title .context-help,.compact-title .context-help{padding:0}.context-help{min-width:0;padding:8px 10px 0;position:relative}.health-strip>.context-help,.setup-actions+.context-help{padding:0}.help-toggle{color:#40505f;font-size:12px;font-weight:800;min-height:28px;padding:5px 8px}.help-toggle[aria-expanded=true]{background:#e8f5f4;border-color:#8fc8c0;color:#12545c}.help-panel{background:#f7fbfb;border:1px solid #cfe2df;border-radius:var(--panel-radius);color:#40505f;font-size:12px;line-height:1.4;margin-top:7px;padding:9px 11px}.help-panel ul{display:grid;gap:5px;margin:0;padding-left:17px}.health-strip .help-panel{width:min(360px,calc(100vw - 40px))}.device-list{display:grid;align-items:stretch;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:12px}.device-block{border:1px solid #dbe3ea;border-radius:var(--panel-radius);display:grid;grid-template-rows:auto 1fr;min-height:126px;overflow:hidden}.device-head{align-items:center;background:var(--surface-muted);display:flex;gap:10px;justify-content:space-between;min-height:56px;padding:10px 12px}.device-head div,.sim-button span,.template-list span{display:grid;gap:3px;min-width:0}.device-head span,.sim-button small,.template-list small,.message-table small,.chat-line small,.ussd-line small{color:#667586;font-size:12px}.state-pill{background:#f5f7f9;font-size:12px;font-weight:800;padding:4px 7px}.state-pill.online{background:#e9f7f4;border-color:#a7d8d0;color:#12655b}.state-pill.offline{background:#f3f0ed;border-color:#dacfc6;color:#7b4a31}.sim-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:10px}.sim-button{justify-content:flex-start;min-height:54px;padding:8px 10px;text-align:left;width:100%}.sim-button.active{background:var(--accent-soft);border-color:#6fb8af}.message-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.message-toolbar{border-bottom:1px solid var(--border-soft);display:grid;gap:12px;padding:12px}.message-title-row,.toolbar-controls{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.toolbar-controls{align-items:start;grid-template-columns:minmax(230px,280px) minmax(0,1fr)}.compact-title{border:0;min-height:28px;padding:0}.message-context{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.message-context span{align-items:center;background:#f6f8fa;border:1px solid #d4dde5;border-radius:6px;color:#40505f;display:inline-flex;font-size:12px;font-weight:800;gap:5px;min-height:28px;padding:4px 7px;white-space:nowrap}.message-filter-row{align-items:center;background:var(--surface-muted);border:1px solid #e2e8ee;border-radius:6px;display:grid;min-height:78px;min-width:0;padding:3px}.search-box{align-items:center;display:flex;gap:8px}.search-box input{min-height:var(--control-height)}.toolbar-actions{align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;min-width:0}.toolbar-action-group{align-items:center;background:var(--surface-muted);border:1px solid #e2e8ee;border-radius:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:40px;min-width:0;padding:3px}.export-group{grid-template-columns:1fr;width:82px}.toolbar-actions button,.toolbar-actions a{font-size:13px;min-height:32px;padding:6px 8px;width:100%}.message-table-wrap{overflow-x:hidden;overflow-y:auto}.message-table{border-collapse:collapse;font-size:13px;min-width:0;table-layout:fixed;width:100%}.select-column{width:42px}.direction-column{width:112px}.number-column{width:158px}.status-column{width:104px}.message-table th,.message-table td{border-bottom:1px solid var(--border-soft);padding:9px 10px;text-align:left;vertical-align:middle;overflow-wrap:anywhere}.message-table th{background:var(--surface-muted);color:#596978;font-size:12px;height:40px;position:sticky;top:0;z-index:1}.message-table tr{cursor:pointer;min-height:48px}.message-table tr.active,.message-table tbody tr:hover{background:#f0f8f7}.table-strong,.direction{align-items:center;display:inline-flex;gap:6px;font-weight:800}.direction.incoming{color:#2f6f8f}.direction.outgoing{color:#8a5d17}.message-body{line-height:1.35;max-width:none;white-space:normal}.status-chip{background:#f6f8fa;color:#4d5b68;font-size:12px;min-height:24px}.empty-cell,.empty-inline{color:#7b8793;font-size:13px;padding:14px;text-align:center}.right-rail{display:grid;align-content:start;gap:var(--gutter)}.right-rail>section{min-width:0;overflow:hidden}.thread-pane,.ussd-console,.template-panel,.device-settings{display:grid;gap:0}.thread-messages,.ussd-stream,.template-list,.identity-grid,.rate-grid,.compose-grid,.call-row,.reply-row,.ussd-form{padding:10px}.thread-messages,.ussd-stream{display:grid;gap:7px;max-height:170px;overflow:auto}.chat-line,.ussd-line{border:1px solid #dce4eb;border-radius:8px;display:grid;gap:4px;justify-self:start;max-width:88%;padding:8px 10px}.chat-line.outgoing,.ussd-line.owner{background:#eaf4f2;border-color:#bfdcd7;justify-self:end}.chat-line.incoming,.ussd-line.network{background:#f7f9fb}.compose-grid{border-top:1px solid #e7ecef;display:grid;gap:9px}.call-row,.reply-row,.ussd-form,.rate-grid{align-items:end;border-top:1px solid #e7ecef;display:grid;gap:8px;grid-template-columns:1fr auto}.call-status{background:#f0f7f3;border-top:1px solid #d7e7dc;color:#24543a;font-size:12px;font-weight:800;padding:9px 10px}.call-status.unavailable{background:#f8fafc;border-top-color:#d8e1e8;color:#53616c}.ussd-form,.rate-grid{grid-template-columns:minmax(0,1fr) auto}.template-list{display:grid;gap:7px}.template-list button{justify-content:flex-start;min-height:44px;text-align:left}.identity-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:0}.identity-grid div{background:#f7f9fb;border:1px solid #e2e8ee;border-radius:6px;padding:8px}.identity-grid dt{color:#697887;font-size:11px;font-weight:800;margin-bottom:3px}.identity-grid dd{font-size:13px;font-weight:700;margin:0;overflow-wrap:anywhere}.rate-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.setup-panel{box-shadow:0 18px 42px #202b362e;display:grid;gap:12px;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:12px;position:fixed;right:18px;top:92px;width:min(420px,calc(100vw - 36px));z-index:10}.setup-header,.setup-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.setup-header .panel-title{border:0;padding:0}.setup-actions{justify-content:flex-start}.setup-download{align-items:center;background:#f1f8f7;border:1px solid #c8e1dc;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.setup-download h3{font-size:15px;margin:0 0 3px}.setup-download p{color:#526272;font-size:13px;line-height:1.35;margin:0}.setup-facts{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:0}.setup-facts div{background:#f7f9fb;border:1px solid #e2e8ee;border-radius:6px;padding:8px}.setup-facts dt{color:#697887;font-size:11px;font-weight:800;margin-bottom:3px}.setup-facts dd{font-size:12px;font-weight:800;margin:0;overflow-wrap:anywhere}.setup-checklist{display:grid;gap:8px}.setup-checklist div{align-items:start;color:#40505f;display:grid;font-size:13px;gap:8px;grid-template-columns:auto minmax(0,1fr);line-height:1.35}.setup-checklist svg{color:#12655b;margin-top:1px}.pairing-code{background:#17212b;border-radius:6px;color:#fff;letter-spacing:0;padding:8px 10px}.icon-button{min-height:34px;padding:7px}.error-banner,.error-text{background:#fff0ed;border:1px solid #e7b7ad;border-radius:6px;color:#8b2f20;margin:10px 12px 0;padding:9px 10px}.login-screen{align-items:center;display:grid;min-height:100vh;padding:20px}.login-box{display:grid;gap:13px;margin:0 auto;padding:20px;width:min(360px,100%)}.login-box h1{margin-bottom:6px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(max-width:1180px){.station-grid{grid-template-columns:1fr}.message-workspace,.right-rail{min-height:auto}.right-rail{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}}@media(max-width:760px){.topbar,.station-grid,.message-title-row,.toolbar-controls,.toolbar-actions,.right-rail{grid-template-columns:1fr}.message-context,.toolbar-action-group{justify-content:flex-start}.export-group{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.message-filter-row{min-height:40px}.device-rail,.message-workspace,.right-rail{min-height:auto}.station-grid{gap:10px;padding:8px}.topbar{gap:10px;padding:12px;position:static}.health-strip,.topbar-actions{justify-content:flex-start}.device-list{gap:10px;grid-template-columns:1fr;padding:10px}.device-block{min-height:auto}.sim-list,.reply-row,.call-row,.ussd-form,.rate-grid,.setup-download,.setup-facts{grid-template-columns:1fr}.message-table{font-size:12px}.message-table th,.message-table td{padding:8px 6px}.select-column{width:34px}.direction-column{width:82px}.number-column{width:112px}.status-column{width:74px}}