:root{--bg:#eef3ea;--surface:#fbfcfa;--surface-strong:#ffffff;--ink:#102217;--muted:#617166;--faint:#87958b;--line:#d9e2d5;--line-strong:#c2d0bd;--brand:#2f8d3a;--brand-dark:#0f2217;--brand-ink:#173c22;--lime:#a6c76b;--danger:#a13a2b;--danger-bg:#fff0ed;--shadow:0 18px 44px rgba(15,34,23,0.1)}*{box-sizing:border-box}html{background:var(--brand-dark)}body{min-height:100svh;margin:0;background:linear-gradient(180deg,var(--brand-dark) 0,var(--brand-dark) 188px,var(--bg) 188px),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{min-height:46px;border:0;border-radius:8px;background:var(--brand);color:white;cursor:pointer;font-weight:750;padding:11px 16px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}button:hover{background:#267833;box-shadow:0 10px 22px rgba(47,141,58,.22);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.58}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);outline:none;padding:12px 13px;transition:border .15s ease,box-shadow .15s ease,background .15s ease}input:focus,textarea:focus{border-color:rgba(47,141,58,.7);box-shadow:0 0 0 4px rgba(47,141,58,.12)}textarea{min-height:94px;resize:vertical}label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.82rem;font-weight:760}h1,h2,p{margin-top:0}h1{font-size:1.35rem;line-height:1.05}h1,h2{margin-bottom:0}h2{font-size:1.08rem;line-height:1.15}.appShell{width:min(1180px,100%);margin:0 auto;padding:14px 14px 38px}.topBar{justify-content:space-between;color:white;padding:4px 0 18px}.brandTitle,.topBar{display:flex;align-items:center;gap:12px}.brandTitle{min-width:0}.brandTitle img{width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:8px}.brandTitle h1{color:white}.eyebrow{margin-bottom:5px;color:var(--brand);font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.commandPanel .eyebrow,.topBar .eyebrow{color:var(--lime)}.ghostButton,.miniButton,.secondaryButton{background:#edf6e9;color:var(--brand-ink)}.ghostButton:hover,.miniButton:hover,.secondaryButton:hover{background:#dcefd7;box-shadow:none}.topBar .ghostButton{background:rgba(255,255,255,.1);color:white}.commandPanel{display:grid;grid-gap:18px;gap:18px;margin-bottom:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(135deg,rgba(47,141,58,.18),rgba(166,199,107,.08)),#13291b;box-shadow:var(--shadow);color:white;padding:18px}.commandCopy h2{max-width:520px;margin-bottom:8px;font-size:1.42rem}.commandCopy p{margin-bottom:0;color:#dce9d7;font-weight:700}.quickDial{display:grid;grid-gap:12px;gap:12px}.quickDial label{color:#dce9d7}.buttonRow,.paneHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.buttonRow{flex-wrap:wrap}.buttonRow button{flex:1 1;min-width:98px}.workspaceGrid{display:grid;grid-gap:16px;gap:16px}.conversationShell,.detailPane,.loginBox,.mainPane,.settingsPane,.sidebarPane{border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);box-shadow:0 10px 30px rgba(15,34,23,.06)}.conversationShell,.detailPane,.settingsPane,.sidebarPane{padding:16px}.mainPane{display:grid;grid-gap:16px;gap:16px;border:0;background:transparent;box-shadow:none}.paneHeader{margin-bottom:14px}.paneHeader>span,.statusPill{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:760;padding:7px 10px}.miniButton{min-height:36px;padding:8px 12px}.searchInput{margin-bottom:12px}.callList,.contactList{display:grid;grid-gap:8px;gap:8px}.contactItem{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;grid-gap:11px;gap:11px;width:100%;min-height:62px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);text-align:left;padding:10px}.contactItem:hover{background:var(--surface);box-shadow:0 10px 24px rgba(15,34,23,.08)}.contactItem.active{border-color:rgba(47,141,58,.65);background:#edf7ea}.contactItem small,.contactItem strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble span,.callRow span,.contactItem small,.emptyState,.settingsList dt{color:var(--muted);font-size:.84rem}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--brand-dark);color:white;font-weight:850}.conversation{display:grid;grid-gap:10px;gap:10px;max-height:470px;min-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(237,246,233,.56),rgba(251,252,250,.9)),var(--surface);padding:14px}.bubble{width:min(88%,560px);border:1px solid #dce6d8;border-radius:8px;background:white;box-shadow:0 8px 18px rgba(15,34,23,.05);padding:11px 12px}.bubble.outbound{justify-self:end;border-color:rgba(47,141,58,.5);background:var(--brand);color:white}.bubble.outbound span{color:#e7f2e2}.bubble p{margin-bottom:7px;white-space:pre-wrap}.composer{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.detailGrid{display:grid;grid-gap:16px;gap:16px}.formGrid{display:grid;grid-gap:10px;gap:10px}.formGrid textarea{min-height:118px}.callRow{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:11px 12px}.settingsPane{margin-top:16px}.settingsList{display:grid;grid-gap:10px;gap:10px;margin:0}.settingsList div{display:grid;grid-gap:4px;gap:4px;border-bottom:1px solid var(--line);padding-bottom:10px}.settingsList dd{margin:0;overflow-wrap:anywhere}.errorText,.notice{color:var(--danger);font-weight:760}.notice{border:1px solid #efbdaf;border-radius:8px;background:var(--danger-bg);padding:11px 12px}.emptyState{display:grid;min-height:88px;place-items:center;border:1px dashed var(--line-strong);border-radius:8px;background:var(--surface);margin:0;text-align:center}.loginShell{display:grid;min-height:100svh;place-items:center;padding:18px}.loginBox{width:min(420px,calc(100vw - 52px));max-width:420px;display:grid;grid-gap:15px;gap:15px;padding:18px}.brandLockup{display:flex;justify-content:center;border-radius:8px;background:var(--brand-dark);padding:20px}.brandLockup img{width:min(240px,100%);height:auto}@media (min-width:760px){.appShell{padding:18px 22px 44px}.commandPanel{grid-template-columns:1fr minmax(320px,420px);align-items:end;padding:22px}.workspaceGrid{grid-template-columns:330px minmax(0,1fr);align-items:start}.detailGrid{grid-template-columns:minmax(0,1fr) minmax(260px,.78fr)}.composer{grid-template-columns:minmax(0,1fr) 210px;align-items:end}}