:root{color-scheme:dark;--ink:#03191e;--charcoal:#062329;--surface:#082a30;--raised:#0a3035;--border:#23484b;--paper:#f4faf8;--muted:#a6bec0;--brand:#12d7b4;--danger:#ffa89b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--ink);color:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--brand);outline-offset:3px}a{color:var(--brand)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{color:var(--brand);font-size:.68rem;letter-spacing:.17em;font-weight:750;text-transform:uppercase}.error{color:var(--danger);min-height:1.4em}.primary,.secondary{min-height:44px;padding:.7rem 1rem;border-radius:12px;font-weight:700}.primary{border:0;color:var(--ink);background:var(--brand)}.secondary{color:var(--paper);background:var(--raised);border:1px solid var(--border)}.back{display:none;border:0;background:none;color:var(--paper);font-size:1.5rem;min-width:44px;min-height:44px}.signin-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 20%,#14525a,var(--ink) 50%)}.signin-card{width:min(100%,440px);padding:36px;background:var(--charcoal);border:1px solid var(--border);border-radius:24px;box-shadow:0 22px 80px #0008}.signin-card h1{font-size:2.25rem;line-height:1.1;letter-spacing:-.04em}.signin-card p,.signin-card small{color:var(--muted)}.signin-card form{display:grid;gap:16px;margin:24px 0}.signin-card label{display:grid;gap:8px;color:var(--paper)}input,textarea,select{color:var(--paper);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;min-height:44px}.signin-card input{width:100%}.workspace{height:100dvh;display:grid;grid-template-columns:220px minmax(280px,390px) minmax(0,1fr);overflow:hidden}.workspace-nav{display:flex;flex-direction:column;min-width:0;padding:26px 14px 20px;background:var(--charcoal);border-right:1px solid var(--border)}.identity{display:flex;align-items:center;gap:10px;padding:0 14px}.identity span{display:block;font-size:.61rem;letter-spacing:.25em;color:var(--muted)}.workspace-title{padding:44px 14px 20px}.workspace-title h1{margin:5px 0 0;font-size:1.7rem}.workspace-nav nav{display:grid;gap:4px}.workspace-nav nav button{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;border:0;border-radius:12px;text-align:left;padding:0 14px;background:none;color:var(--muted);font-weight:650}.workspace-nav nav button.active,.workspace-nav nav button:hover{background:var(--raised);color:var(--paper)}.nav-bottom{margin-top:auto;border-top:1px solid var(--border);padding:18px 14px 0;display:grid;gap:10px;color:var(--muted);font-size:.85rem}.nav-bottom button{min-height:44px;background:none;border:0;text-align:left;color:var(--muted);padding:0}.conversation-list{display:flex;flex-direction:column;min-height:0;min-width:0;background:#07252b;border-right:1px solid var(--border)}.list-header,.detail-header{display:flex;align-items:flex-start;gap:12px;padding:28px 22px 16px;border-bottom:1px solid var(--border)}h2{margin:6px 0;font-size:1.35rem;letter-spacing:-.02em}.list-header h2{font-size:1.65rem}.conversation-list form[role=search]{display:flex;gap:8px;margin:18px 16px 10px}.conversation-list form[role=search] input{min-width:0;flex:1}.conversation-list form[role=search] button{border:1px solid var(--border);background:var(--raised);color:var(--paper);border-radius:12px;min-width:44px;padding:0 10px}.status-filter{display:flex;align-items:center;gap:8px;padding:0 16px 12px;color:var(--muted);font-size:.82rem}.status-filter select{flex:1;min-width:0}.conversation-list .error{padding:0 16px;margin:0}.conversation-items{overflow:auto;flex:1;min-height:0}.conversation-row{width:100%;display:grid;gap:7px;text-align:left;background:none;color:var(--paper);border:0;border-bottom:1px solid var(--border);padding:18px 20px}.conversation-row:hover,.conversation-row.selected{background:var(--raised)}.conversation-row strong{font-size:.97rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-row .row-top,.conversation-row .row-bottom{display:flex;justify-content:space-between;gap:12px}.row-top span,.row-bottom span{color:var(--muted);font-size:.76rem}.row-bottom span:last-child{color:var(--brand)}.conversation-list .more{margin:12px}.empty-list{padding:40px 22px;color:var(--muted);line-height:1.6}.conversation-detail{overflow:auto;min-width:0;min-height:0;background:var(--ink)}.empty-detail{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:440px;margin:auto;padding:40px;color:var(--muted)}.empty-detail h2{color:var(--paper);font-size:1.9rem}.empty-icon{font-size:3rem;color:var(--brand)}.detail-header{position:sticky;top:0;z-index:2;background:var(--ink);justify-content:space-between}.detail-header>div{min-width:0}.detail-header h2{font-size:1.6rem;overflow-wrap:anywhere}.detail-header p{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.status-picker{display:grid;gap:6px;color:var(--muted);font-size:.78rem;min-width:160px}.account-context{margin:18px 28px;padding:16px 18px;border-radius:16px;background:var(--raised);border:1px solid var(--border);font-size:.86rem;color:var(--muted)}.account-context strong{color:var(--paper)}.account-context a{display:inline-block;margin-left:10px}.thread{display:grid;gap:20px;max-width:820px;margin:0 auto;padding:32px 28px}.message{padding:20px;border-radius:17px;background:var(--surface);border:1px solid var(--border);max-width:90%;overflow-wrap:anywhere}.message.outbound{justify-self:end;background:#10413e}.message.note{background:#362d1a;border-color:#6b5933}.message .meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin-bottom:12px}.message.note .meta{color:#f1d8a1}.message .body{white-space:pre-wrap;line-height:1.6;font-size:.95rem}.message .delivery{font-size:.75rem;color:var(--brand);margin-top:12px}.attachment{display:block;margin-top:9px;color:var(--muted);font-size:.75rem}.composer{max-width:820px;margin:0 auto 48px;padding:0 28px}.composer-tabs{display:flex;gap:6px;padding:6px;background:var(--surface);border-radius:13px;width:max-content}.composer-tabs button{border:0;background:none;color:var(--muted);border-radius:9px;min-height:42px;padding:0 16px}.composer-tabs button[aria-selected=true]{background:var(--raised);color:var(--paper)}.from-identity{color:var(--muted);font-size:.82rem;margin:14px 0}.composer textarea{width:100%;resize:vertical;line-height:1.5;min-height:130px}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:18px}.compose-footer .error{flex:1}#more-messages{display:block;margin:0 auto 25px}
@media(max-width:1080px){.workspace{grid-template-columns:72px minmax(280px,340px) minmax(0,1fr)}.workspace-nav{padding-inline:8px}.identity{padding:0;justify-content:center}.identity>div:last-child,.workspace-title,.workspace-nav nav button span,.nav-bottom span{display:none}.workspace-nav nav button{justify-content:center;padding:0}.nav-bottom{padding:12px 0}.nav-bottom button{text-align:center;font-size:.7rem}}
@media(max-width:760px){.workspace{display:block}.workspace-nav,.conversation-list,.conversation-detail{height:100dvh}.workspace-nav{width:100%;border:0}.workspace-title,.identity>div:last-child,.workspace-nav nav button span,.nav-bottom span{display:block}.identity{justify-content:flex-start}.workspace-title{padding-top:25px}.workspace-nav nav button{justify-content:flex-start;padding:0 14px}.workspace:not(.show-list) .conversation-list,.workspace:not(.show-detail) .conversation-detail{display:none}.workspace.show-list .workspace-nav,.workspace.show-detail .workspace-nav,.workspace.show-detail .conversation-list{display:none}.back{display:inline-flex;align-items:center;justify-content:center}.detail-header{padding:18px 14px}.status-picker{min-width:112px}.thread{padding:20px 14px}.message{max-width:100%}.composer{padding:0 14px}.account-context{margin:14px}.signin-card{padding:26px}}
@media(max-width:520px){.detail-header{flex-wrap:wrap}.detail-header>div{flex:1 1 calc(100% - 60px)}.detail-header .status-picker{flex:1 1 100%;min-width:0;margin-left:56px}.detail-header .status-picker select{width:100%;min-width:0}}
@media(min-width:761px) and (max-width:900px){.workspace{grid-template-columns:72px minmax(280px,1fr)}.conversation-detail{display:none}.workspace.show-detail .conversation-list{display:none}.workspace.show-detail .conversation-detail{display:block}.back{display:inline-flex;align-items:center;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}
.signin-brand img{display:block;width:185px;max-width:100%;height:auto}.signin-brand span{display:block;margin-top:2px;color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.identity{display:block}.identity-logo{display:block;width:174px;max-width:100%;height:auto}.identity-mark{display:none}.identity .staff-label{margin-top:2px;font-size:.69rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
@media(min-width:761px) and (max-width:1080px){.identity-logo,.identity .staff-label{display:none}.identity-mark{display:block;width:42px;height:42px}}
@media(max-width:760px){.identity-logo,.identity .staff-label{display:block}.identity-mark{display:none}}
@media(min-width:761px) and (max-width:900px){.workspace{grid-template-columns:220px minmax(0,1fr)}.workspace-nav{padding:26px 14px 20px}.identity{padding:0 14px;justify-content:flex-start}.identity-logo,.identity .staff-label,.workspace-title,.nav-bottom span{display:block}.identity-mark{display:none}.workspace-nav nav button{justify-content:flex-start;padding:0 14px}}