@charset "UTF-8";
:root{font:16px/1.55 "Segoe UI",system-ui,-apple-system,sans-serif;color:#173532;background:#f5f7f6;color-scheme:light;--brand:#087e68;--brand-dark:#08604f;--ink:#173532;--muted:#657b76;--line:#dfe7e3;--mint:#e8f4ee;--paper:#fff;--danger:#a73835}
*{box-sizing:border-box}body{margin:0}a{color:var(--brand);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #148ca8;outline-offset:3px}[hidden]{display:none!important}svg{flex-shrink:0}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
h1,h2,h3,h4{color:var(--ink);line-height:1.25}h1{font-size:36px;letter-spacing:-1.3px;font-weight:650;margin:0 0 10px}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 8px;font-weight:650}h3{font-size:17px;letter-spacing:-.25px;margin:0 0 8px}h4{font-size:15px;margin:0 0 8px}p{margin:0 0 16px}.lead{color:var(--muted);font-size:15px;max-width:660px;margin:0}.eyebrow{color:var(--brand);font-size:10px;font-weight:750;letter-spacing:1.7px;margin:0 0 10px}.meta,.field-help,.privacy-note,.support-copy{font-size:13px;color:var(--muted)}.support-copy{margin:0 0 18px}.field-help{margin:8px 0 0}.privacy-note{margin:24px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:10;background:white;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:9px;background:var(--brand);color:white;font-weight:650;font-size:14px;text-decoration:none;cursor:pointer;line-height:1.4;white-space:normal;transition:background .15s,box-shadow .15s}button:hover,.button:hover{background:var(--brand-dark)}button:disabled{background:#e8eeeb;border-color:#e1e7e3;color:#82958e;cursor:not-allowed}.secondary{background:white;border-color:#cadad3;color:#275c50}.secondary:hover{background:#edf6f0}.quiet{background:transparent;color:var(--muted);border-color:transparent}.quiet:hover{background:#edf3ef;color:var(--ink)}.small{min-height:36px;padding:7px 12px;font-size:12px}.full{width:100%;margin-top:24px}.text-button{background:transparent;color:var(--brand)}fieldset{border:0;margin:0;padding:0;min-width:0}label{display:block;font-weight:600;font-size:13px;margin:20px 0 7px}input,textarea,select{display:block;width:100%;min-height:47px;padding:12px 13px;background:#fbfcfb;border:1px solid #cbd8d1;border-radius:8px;color:var(--ink);line-height:1.45}input::placeholder,textarea::placeholder{color:#85968f;opacity:1}textarea{resize:vertical;min-height:155px}input:read-only{background:#f0f7f3}input:disabled,select:disabled{color:#7c8e85;background:#eef2ef}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.form-row>*{min-width:0}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.label-row .meta{margin-top:16px}form>button{margin-top:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:650;letter-spacing:-.5px;color:var(--ink)}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.15px;margin-top:3px}.brand-mark{display:flex;align-items:center;justify-content:center;position:relative;background:#a1d9bd;color:#153b31;width:40px;height:40px;border-radius:12px;font-size:30px;line-height:1;font-weight:750;letter-spacing:-4px;flex-shrink:0;padding-right:5px}.brand-mark span{color:#1e7459;font-size:24px}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#102b2b;padding:32px 20px 22px;display:flex;flex-direction:column;z-index:4}.sidebar .brand{color:#f0faf5;margin:0 4px 50px}.sidebar .brand small{color:#8da8a0}.nav-label{font-size:9px;letter-spacing:1.6px;color:#7d9a91;margin:0 16px 14px;font-weight:650}.app-nav{display:flex;flex-direction:column;gap:6px}.app-nav a,.add-device{display:flex;align-items:center;gap:12px;color:#b7cdc4;padding:13px 15px;text-decoration:none;font-size:13px;line-height:1.4;border-radius:8px;min-height:46px}.app-nav a:hover{background:#1c3937;color:white}.app-nav a[aria-current=page]{background:#a1d9bd;color:#143a2e;font-weight:700}.app-nav a .icon{width:18px;height:18px}.nav-badge{margin-left:auto;background:#0d775d;color:white;padding:1px 6px;border-radius:5px;font-size:10px}.add-device{margin-top:26px;border:1px solid #36524b;color:#d3e4da;font-size:12px;gap:8px;padding:12px;justify-content:center}.add-device:hover{background:#1c3937}.add-device .icon{width:16px;height:16px}.sidebar-bottom{margin-top:auto;padding:30px 8px 0;color:#afc6bb;font-size:10px;display:grid;grid-template-columns:8px 1fr;gap:0 7px;align-items:start}.sidebar-bottom p{font-size:10px;line-height:1.6;margin:0}.sidebar-caption{grid-column:2;color:#6f9285;font-size:9px;margin-top:8px}.connection-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46ab80;margin-top:5px;flex-shrink:0}.connection-dot.reconnecting{background:#d2a257}
.workspace{margin-left:224px;padding:0 38px 24px;max-width:1660px;min-width:0}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:30px}.breadcrumb{font-size:11px;color:#7d8e85;display:flex;align-items:center;gap:12px}.breadcrumb>span:last-child{color:#38564b}.account{display:flex;align-items:center;gap:10px;font-size:12px;color:#486357}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dfebe3;font-size:11px;font-weight:700}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px}.page-heading>.button{flex-shrink:0}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:27px;padding:20px 8px}.overview-item{display:flex;align-items:center;gap:13px;padding:0 23px;border-right:1px solid var(--line);min-width:0}.overview-item:last-child{border:0}.overview-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:#eef5f0;border:1px solid #e1ece5;border-radius:10px;color:var(--brand)}.overview-item .meta{display:block;font-size:11px;line-height:1.4}.overview-item strong{display:block;font-size:22px;line-height:1.5;font-weight:650;letter-spacing:-.7px}.route-view{scroll-margin-top:24px}.panel,.inbox-panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel{padding:27px}.compose-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);gap:24px;align-items:start}.compose-layout>*{min-width:0}.section-heading,.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.section-heading h2{margin:0}.section-heading:has(.step-tag){justify-content:flex-start}.step-tag{display:inline-block;font-size:9px;letter-spacing:1px;font-weight:700;color:var(--brand);background:var(--mint);padding:5px 8px;border-radius:5px}.panel>.step-tag{margin-bottom:12px}.readiness{font-size:12px;color:#376a55;background:#eef7f0;border:1px solid #d9eadd;padding:10px 12px;border-radius:7px;margin:20px 0 0}.readiness.warning{background:#fff7e8;border-color:#f0dfba;color:#7c6024}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf0ed;padding-top:21px;margin-top:22px}.compose-footer .meta{font-size:11px}.tip-card{padding:27px;background:#eaf2e9;border:1px solid #dce7d9;border-radius:13px;color:#4e6e59}.tip-symbol{display:grid;place-items:center;width:38px;height:38px;background:#d4e6d3;border-radius:11px;font-size:22px;color:#468555;margin-bottom:22px}.tip-card h3{font-size:21px;line-height:1.35;max-width:210px;letter-spacing:-.5px;color:#2e523b}.tip-card p{font-size:13px;line-height:1.8;margin:14px 0}.tip-card h4{color:#35533b}.tip-card a{font-size:12px;font-weight:650;display:flex;justify-content:space-between;margin-top:25px}.tip-divider{height:1px;background:#d1dfce;margin:24px 0}.aside-note{font-size:11px;line-height:1.8;color:#7f8d80;margin:19px 8px}.workspace-footer{display:flex;justify-content:space-between;gap:16px;color:#88968e;font-size:10px;margin-top:26px;padding-top:18px}.workspace-footer a{color:#687f70;text-decoration:none}
.inbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px;border-bottom:1px solid var(--line)}.inbox-toolbar .support-copy{margin:4px 0 0;font-size:12px}.inbox-toolbar h2{font-size:18px;margin:0}.conversation-layout{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:460px}.inbox-sidebar{background:#fbfcfa;border-right:1px solid var(--line);padding:20px 12px}.inbox-sidebar input{font-size:12px;min-height:41px;background:white;margin-bottom:16px}.conversation-list{display:flex;flex-direction:column;gap:4px;max-height:620px;overflow:auto}.conversation-list button{background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:flex-start;gap:11px;text-align:left;width:100%;border-radius:9px;padding:13px 11px;min-height:72px;border:1px solid transparent}.conversation-list button:hover{background:#eef4ee}.conversation-list button[aria-pressed=true]{background:#e8f2e8;border-color:#cee3d2}.contact-avatar{display:grid;place-items:center;background:#edf1eb;color:#61785e;width:34px;height:34px;border-radius:11px;flex-shrink:0;font-size:12px}.conversation-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.conversation-copy strong{font-size:12px;font-weight:650;overflow-wrap:anywhere}.conversation-copy small{font-size:10px;color:#7f9080;font-weight:400}.unread-pill{font-size:10px;background:var(--brand);border-radius:10px;padding:2px 6px;color:white;margin-left:auto}.thread{min-width:0;padding:0 24px 24px}.thread-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #eef2ed;min-height:75px;padding:14px 0;margin-bottom:22px}.thread-toolbar h3{font-size:13px;margin:0;overflow-wrap:anywhere}.toolbar-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;flex-shrink:0}.toolbar-actions .small{font-size:10px;padding:6px 8px;min-height:32px}.toolbar-actions [aria-pressed=true]{background:#e7efe8;color:var(--brand)}.messages{display:flex;flex-direction:column;gap:17px;min-width:0}.message{max-width:92%;padding:17px 18px;background:#f5f7f3;border:1px solid #e8ede5;border-radius:1px 14px 14px 14px;align-self:flex-start;min-width:150px}.message.outgoing{align-self:flex-end;background:#eff7f1;border-color:#deebdf;border-radius:14px 1px 14px 14px}.message strong{font-size:11px;color:#526d57;font-weight:650}.message p{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 10px}.message .meta{font-size:10px;color:#72866e;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.message-actions{display:flex;align-items:center;gap:12px;margin-top:11px}.message-actions button{padding:2px 0;min-height:26px;font-size:10px;background:transparent;color:#5b7e62;border:0;box-shadow:none}.message-actions button:hover{color:#173532;text-decoration:underline}.message-actions .danger{color:#a55f56}.message-details{margin-top:8px;font-size:10px;color:var(--muted)}.message-details summary{min-height:26px;cursor:pointer;font-size:10px}.message-details p{font-size:10px;margin-bottom:0}.empty-state{text-align:center;margin:auto;padding:50px 20px;color:var(--muted);width:100%;align-self:center}.empty-state .empty-symbol{display:grid;place-items:center;width:49px;height:49px;margin:0 auto 17px;border-radius:14px;background:#edf5ee;color:#679574;font-size:25px}.empty-state h3{font-size:16px;margin-bottom:9px}.empty-state p{font-size:13px;max-width:330px;margin:0 auto 18px;line-height:1.8}.empty-inline{color:var(--muted);font-size:12px;padding:20px 10px}.message-state{font-size:10px;font-weight:650}.message-state.failed,.message-state.unknown{color:#9c5a36}.message-state.delivered{color:#237747}#older-messages{margin-top:20px;min-height:38px;font-size:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px}.card{background:white;border:1px solid var(--line);padding:24px;border-radius:13px;min-width:0}.device-heading{display:flex;gap:12px;align-items:center}.device-heading h3{font-size:18px;margin-bottom:4px}.device-heading .meta{margin:0;font-size:11px}.device-heading>.overview-icon{width:44px;height:49px}.status{display:inline-flex;align-items:center;gap:7px;border-radius:5px;padding:4px 8px;background:#edf7ee;color:#2e7850;font-size:11px;font-weight:650}.status:before{content:"";background:currentColor;width:5px;height:5px;border-radius:50%}.status.offline{background:#f3f1e9;color:#8b7753}.device-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.device-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 20px;padding-bottom:20px;border-bottom:1px solid #edf1ec}.device-metrics dt{color:var(--muted);font-size:11px}.device-metrics dd{font-size:14px;font-weight:600;margin:3px 0 0;overflow-wrap:anywhere}.feature-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:10px 0}.feature-line .feature-ok{color:var(--brand)}.feature-line .feature-off{color:#9b7d47}.device-details{margin-top:19px;font-size:11px;color:var(--muted)}.device-details summary{cursor:pointer;min-height:32px}.device-details p{margin:8px 0}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card-actions button{min-height:36px;padding:8px 11px;font-size:11px}.view-toolbar .support-copy{margin:5px 0 0}.view-toolbar{margin:0 0 22px}.technical-note{margin-top:22px;color:var(--muted);font-size:12px;background:#edf2ed;border:1px solid #dce5dc;border-radius:10px;padding:14px 18px}.technical-note summary{cursor:pointer;min-height:24px}.technical-note p{margin:12px 0 0}.notice{border:1px solid #e9d9b5;background:#fffaed;color:#83652e;border-radius:8px;padding:14px 16px;margin:20px 0;font-size:13px}.compact{font-size:12px;padding:12px 14px}#error:empty,[id$="-result"]:empty{display:none}#error:not(:empty),.request-error:not(:empty){background:#fff2ef;border:1px solid #ebc7c0;border-radius:9px;padding:14px 18px;color:#9c4437;font-size:13px;margin:0 0 22px}#error:focus{outline:none}[id$="-result"]:not(:empty){padding:13px 15px;background:#f0f7ef;border-radius:8px;margin:18px 0 0;font-size:13px;overflow-wrap:anywhere}[id$="-result"].request-error{background:#fff2ef;color:#9c4437;border-color:#ebc7c0}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#7c8f80;font-weight:650;background:#f8faf6}th,td{padding:16px 13px;border-bottom:1px solid #edf1e9}td .status{font-size:10px;white-space:normal;max-width:300px}td button{min-height:32px;font-size:11px;padding:5px 10px}.live-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#7f9380}.live-label .connection-dot{margin:0}.table-empty{text-align:center;white-space:normal;color:var(--muted);padding:42px}.steps{list-style:none;padding:0;counter-reset:steps;display:grid;gap:25px;margin:27px 0}.steps li{counter-increment:steps;position:relative;padding-left:43px}.steps li:before{content:counter(steps);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e7f0e7;color:var(--brand);font-size:12px;font-weight:700}.steps strong,.steps span{display:block}.steps strong{font-size:13px;margin-bottom:5px}.steps span{color:var(--muted);font-size:12px;line-height:1.7}#invitation{border:1px solid #bfd8c1;background:#f0f8ef;border-radius:10px;padding:20px;margin-top:24px}#invitation-target{font-size:13px;font-weight:650}#invitation-code{font-family:ui-monospace,monospace;font-size:13px}#invitation-copy-status{font-size:12px;margin:12px 0 0}.pairing-guide h3{font-size:18px}
.login-shell{max-width:1080px;margin:auto;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:45px 36px}.welcome .brand{margin-bottom:58px}.welcome h1{font-size:43px;max-width:400px;line-height:1.2}.welcome .lead{font-size:16px;line-height:1.9}.welcome .steps{margin-top:36px}.login-card{background:white;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 16px 60px #153d2710}.login-card h2{font-size:24px;margin-bottom:15px}.login-card #login-help{color:var(--muted);font-size:14px}.method-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.method-picker button{padding:10px 8px;font-size:12px}.method-picker [aria-pressed=true]{background:var(--brand);color:white;border-color:var(--brand)}#code[inputmode=numeric]{font-size:26px;letter-spacing:.16em}.login-card #error:not(:empty){margin:20px 0 0}.login-card input{min-height:50px}.login-footer{font-size:11px;color:var(--muted);margin-top:32px}
@media(max-width:1150px){.sidebar{width:194px;padding-left:13px;padding-right:13px}.sidebar .brand{font-size:17px;gap:9px}.brand-mark{width:35px;height:35px}.workspace{margin-left:194px;padding-left:26px;padding-right:26px}.page-heading{align-items:flex-start}h1{font-size:31px}.page-heading>.button{font-size:12px;padding:10px 12px}.overview-item{padding:0 15px;gap:10px}.compose-layout{grid-template-columns:minmax(0,1.65fr) minmax(210px,1fr);gap:18px}.panel{padding:22px}.conversation-layout{grid-template-columns:225px minmax(0,1fr)}.thread{padding-left:19px;padding-right:19px}.thread-toolbar{flex-wrap:wrap;gap:6px}.thread-toolbar h3{flex:1}.tip-card{padding:22px}.breadcrumb{font-size:10px;gap:8px}}
@media(max-width:900px){.compose-layout{grid-template-columns:1fr}.compose-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tip-card h3{max-width:none;font-size:19px}.tip-symbol,.tip-divider,.tip-card h4,.tip-card p:last-of-type{display:none}.tip-card a{margin-top:14px}.tip-card p{margin-bottom:0}.overview-item{padding:0 12px;gap:8px}.overview-icon{width:33px;height:33px}.overview-item .meta{font-size:10px}.overview-item strong{font-size:21px}.page-heading .eyebrow{font-size:9px}.lead{font-size:13px}.conversation-layout{grid-template-columns:195px minmax(0,1fr)}.conversation-copy strong{font-size:11px}.thread{padding:0 16px 20px}.inbox-toolbar{padding:18px}.overview{padding:16px 5px}.form-row{gap:14px}.login-shell{gap:45px}.welcome h1{font-size:37px}}
@media(max-width:720px){.sidebar{position:sticky;top:0;width:auto;height:auto;padding:13px 16px 0;background:#102b2b}.sidebar .brand{margin:0 0 11px;font-size:16px}.sidebar .brand-mark{width:30px;height:30px;font-size:25px;border-radius:9px}.sidebar .brand small,.nav-label,.sidebar-bottom,.add-device{display:none}.app-nav{flex-direction:row;gap:3px;overflow:auto;scrollbar-width:none}.app-nav a{flex:1;min-width:max-content;gap:6px;padding:11px 10px;font-size:11px;border-radius:7px 7px 0 0;min-height:43px}.app-nav a .icon{width:15px;height:15px}.workspace{margin-left:0;padding:0 20px 24px}.topbar{height:59px;margin-bottom:24px}.page-heading{margin-bottom:24px;gap:16px}.page-heading .button{min-height:41px;font-size:11px;padding:9px 10px}.page-heading .button .icon{width:16px;height:16px}.overview{margin-bottom:22px}.overview-item{padding:0 12px}.overview-item .overview-icon{display:none}.overview-item .meta{font-size:10px}.overview-item strong{font-size:22px}.conversation-layout{grid-template-columns:200px minmax(0,1fr)}.inbox-toolbar .support-copy{max-width:280px}.account>.quiet{font-size:10px}.account{gap:7px}.breadcrumb{font-size:9px}.compose-aside{display:block}.aside-note{margin:16px 2px}.tip-card{padding:20px}.tip-card h3{font-size:17px}.cards{grid-template-columns:1fr}.workspace-footer{font-size:9px}.login-shell{grid-template-columns:1fr;max-width:500px;gap:28px;align-content:start;padding:30px 22px}.welcome .brand{margin-bottom:30px}.welcome h1{font-size:31px}.welcome .steps,.welcome>.notice{display:none}.login-card{padding:27px}.welcome .lead{font-size:14px}}
@media(max-width:520px){.workspace{padding:0 14px 20px}.sidebar{padding-left:14px;padding-right:14px}.app-nav a{padding:10px 8px;font-size:10px;gap:5px}.app-nav a .icon{display:none}.page-heading h1{font-size:27px}.page-heading{flex-wrap:wrap;gap:15px}.page-heading>.button{min-height:39px}.page-heading .lead{font-size:12px}.eyebrow{font-size:9px}.topbar{gap:8px}.account>span:not(.avatar){display:none}.account .avatar{width:25px;height:25px}.overview-item{padding:0 10px}.overview-item .meta{font-size:9px}.overview-item strong{font-size:21px}.overview{padding:13px 0}.inbox-toolbar{padding:17px 15px;align-items:flex-start}.inbox-toolbar h2{font-size:16px}.inbox-toolbar .support-copy{font-size:10px}.inbox-toolbar button{font-size:10px;min-height:33px;flex-shrink:0;padding:6px 8px}.conversation-layout{grid-template-columns:1fr}.inbox-sidebar{padding:13px;border-right:0;border-bottom:1px solid var(--line)}.inbox-sidebar input{margin-bottom:9px;min-height:39px}.conversation-list{flex-direction:row;max-height:126px;overflow:auto;gap:6px}.conversation-list button{min-width:174px;width:auto;max-width:240px;flex-shrink:0;min-height:61px;padding:10px}.conversation-copy strong{font-size:11px}.contact-avatar{width:28px;height:28px;font-size:10px}.conversation-list .empty-inline{margin:0;padding:6px}.thread{padding:0 13px 20px;min-height:300px}.thread-toolbar{min-height:62px;margin-bottom:17px}.thread-toolbar h3{font-size:12px}.message{max-width:95%;padding:13px 14px}.message p{font-size:14px}.message .meta{font-size:9px}.message-actions button{font-size:10px;min-height:30px}.panel{padding:20px 17px}.form-row{grid-template-columns:1fr;gap:0}.form-row label+label{margin-top:16px}.compose-footer{align-items:flex-start;flex-direction:column;gap:14px}.compose-footer button{width:100%;min-height:48px}.label-row .meta{font-size:11px}input,textarea,select{font-size:16px}.view-toolbar h2{font-size:19px}.workspace-footer>a{display:none}.device-title-row{gap:10px}.device-heading h3{font-size:16px}.device-metrics{gap:16px}.card{padding:20px}.empty-state{padding:35px 13px}.empty-state p{font-size:12px}.live-label{font-size:9px}.section-heading h2{font-size:19px}.login-card{padding:24px}.method-picker{grid-template-columns:1fr}}
/* Keep the compact layout readable at normal desktop zoom. */
.sidebar .brand small{font-size:11px}.app-nav a{font-size:14px}.add-device{font-size:13px}.sidebar-bottom p{font-size:11px}.breadcrumb,.account{font-size:12px}.overview-item .meta{font-size:13px}.conversation-copy strong{font-size:13px}.conversation-copy small{font-size:12px}.conversation-list button{min-height:76px}.inbox-toolbar .support-copy{font-size:13px}.thread-toolbar h3{font-size:15px}.toolbar-actions .small{font-size:12px;min-height:36px}.message{min-width:190px}.message strong{font-size:12px}.message p{font-size:16px}.message .meta,.message-state{font-size:12px}.message-actions button{font-size:12px;min-height:32px}.message-details,.message-details summary,.message-details p{font-size:12px}.thread>.messages{max-height:650px;overflow:auto;padding:0 3px 6px}.thread-toolbar{margin-bottom:18px}.field-help,.readiness{font-size:13px}.device-metrics dt,.feature-line,.device-details{font-size:13px}.card-actions button{font-size:12px}.workspace-footer{font-size:12px}.label-row .meta{font-size:13px}table{font-size:13px}th{font-size:11px}
@media(max-width:900px){.overview-item .meta{font-size:11px}.conversation-copy strong{font-size:12px}.conversation-copy small{font-size:11px}.workspace-footer{font-size:10px}.app-nav a{font-size:13px}}
@media(max-width:720px){.app-nav a{font-size:12px}.breadcrumb{font-size:11px}.sidebar .brand small{display:none}.thread>.messages{max-height:600px}.overview-item .meta{font-size:11px}}
.account-panel{max-width:620px}.account-panel .support-copy strong{overflow-wrap:anywhere}.account-panel h3{margin-top:28px}.account-panel form{margin-top:24px}
@media(max-width:520px){.app-nav a{font-size:11px;min-height:46px}.overview-item .meta{font-size:10px}.message p{font-size:16px}.message .meta,.message-state{font-size:11px}.message{min-width:170px}.thread-toolbar h3{font-size:13px}.toolbar-actions .small{font-size:11px}.conversation-copy strong{font-size:12px}.conversation-copy small{font-size:11px}.inbox-toolbar .support-copy{font-size:12px}.workspace-footer{font-size:11px}.form-row select{font-size:16px}}
/* Device removal is always visible outside the diagnostic details. */
.card>.device-remove{min-height:44px;min-width:0;margin-top:20px;padding:10px 14px;font-size:13px;line-height:1.4;white-space:normal;color:#983d35;background:#fff3f0;border:1px solid #e6b7af}.card>.device-remove:hover{color:#7c2c25;background:#ffe5df;border-color:#d28e83}.device-access{margin:18px 0 0}.route-view>#devices-result:not(:empty){margin:0 0 20px}
@media(max-width:520px){.card>.device-remove{width:100%}}
/* History controls stay visible, readable and reachable with touch or a keyboard. */
.history-actions,.table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.history-actions{margin:12px 0}.inbox-toolbar>.history-actions{justify-content:flex-end;margin:0}.history-actions button,.toolbar-actions button,.message-actions button,.table-actions button,.history-feedback button{min-height:44px;padding:10px 13px;font-size:13px;line-height:1.35;white-space:normal}.history-actions button,.toolbar-actions button{overflow-wrap:anywhere}.history-actions .danger,.toolbar-actions .danger,.message-actions .danger,.table-actions .danger{color:#983d35;background:#fff3f0;border:1px solid #e6b7af}.history-actions .danger:hover,.toolbar-actions .danger:hover,.message-actions .danger:hover,.table-actions .danger:hover{color:#7c2c25;background:#ffe5df;border-color:#d28e83;text-decoration:none}.message-actions{gap:8px;flex-wrap:wrap}.message-actions .secondary{color:var(--brand);background:#fff;border:1px solid #b9cdc0}.message-actions button:hover{text-decoration:none}.history-summary{padding:0 25px;border-bottom:1px solid var(--line)}.history-summary>.field-help{margin:14px 0}.history-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#eef7ef;border:1px solid #cfe0d0;border-radius:9px;padding:12px 14px;margin:14px 0;color:#315f40;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.history-feedback:empty{display:none}.history-feedback.request-error{color:#983d35;border-color:#e6b7af;background:#fff3f0}.history-feedback button{flex-shrink:0}.thread-toolbar{flex-wrap:wrap}.toolbar-actions{flex-shrink:1;gap:8px}.thread-toolbar h3{margin-right:auto}.call-history-item{max-width:100%;width:100%;min-width:0}.table-actions{max-width:250px}.table-actions button{white-space:nowrap}.table-wrap td:last-child{min-width:125px}
@media(max-width:900px){.inbox-toolbar{align-items:flex-start;flex-wrap:wrap}.inbox-toolbar>.history-actions{justify-content:flex-start}.thread-toolbar>.toolbar-actions{width:100%;justify-content:flex-start}.history-summary{padding:0 18px}}
@media(max-width:520px){.inbox-toolbar>.history-actions{width:100%}.history-actions button{flex:1 1 150px}.history-summary{padding:0 15px}.history-feedback{font-size:13px}.history-feedback button{width:100%}.thread-toolbar>.toolbar-actions{gap:6px}.toolbar-actions button{flex:1 1 130px;font-size:12px}.table-actions button{font-size:12px}.call-history .messages{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}