:root{--ink:#102b2b;--muted:#6b7d7b;--line:#dfe8e5;--paper:#f4f8f6;--white:#fff;--green:#087f6b;--green-dark:#075f53;--green-soft:#e6f4ef;--amber:#b96918;--amber-soft:#fff4df;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(8,127,107,.25);outline-offset:2px}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 18px 20px;background:#0c2928;color:#fff}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;padding:0 8px 30px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#2bb79b,#087f6b);font-family:Manrope;font-weight:800}.brand span:last-child,.profile span:last-child{display:flex;flex-direction:column}.brand strong{font:700 17px Manrope}.brand small,.profile small{margin-top:2px;color:#a8c2bd}nav{display:grid;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:10px;color:#bfd2ce;background:transparent;text-align:left}.nav-item.active{color:#fff;background:rgba(255,255,255,.1)}.nav-item:disabled{cursor:default;opacity:.45}.nav-item b{margin-left:auto;padding:2px 7px;border-radius:10px;background:#2bb79b;color:#082f2c;font-size:12px}.sidebar-note{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05)}.sidebar-note strong{font-size:13px}.sidebar-note p{margin:6px 0 0;color:#a8c2bd;font-size:12px;line-height:1.5}.status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#4ade80}.profile{display:flex;gap:10px;align-items:center;margin-top:18px;padding:15px 7px 0;border-top:1px solid rgba(255,255,255,.12);font-size:13px}.avatar{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-weight:700;font-size:12px}.avatar.large{width:44px;height:44px}.workspace{min-width:0;padding:24px 28px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px}.eyebrow{margin:0 0 4px;color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:700}h1{margin:0;font:800 30px Manrope;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:10px}.ghost-button,.secondary-button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:12px;font-weight:600}.environment-pill{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);border-radius:20px;background:#fff;font-size:12px;color:var(--muted)}.environment-pill span{width:7px;height:7px;border-radius:50%;background:#e0a43c;box-shadow:0 0 0 4px var(--amber-soft)}.privacy-banner{display:flex;gap:12px;align-items:center;margin-bottom:13px;padding:10px 14px;border:1px solid #f1d59e;border-radius:12px;background:var(--amber-soft)}.privacy-banner p{margin:2px 0 0;color:#76512a;font-size:12px}.privacy-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0c36d;font-weight:800}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) minmax(220px,1.5fr);gap:10px;margin-bottom:13px}.summary-grid article{display:flex;flex-direction:column;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.summary-grid span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.summary-grid strong{margin-top:4px;font:800 20px Manrope}.summary-grid .channel-card{border-color:#bfe0d7;background:#edf8f4}.summary-grid .channel-card strong{font-size:14px;color:var(--green-dark)}.summary-grid small{margin-top:2px;color:var(--muted);font-size:10px}.inbox{display:grid;grid-template-columns:minmax(310px,390px) minmax(430px,1fr);height:calc(100vh - 260px);min-height:500px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 45px rgba(15,53,51,.07)}.conversation-panel{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line)}.list-tools{padding:14px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.filters{display:flex;gap:6px;margin-top:10px}.filter{padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.filter.active{background:var(--green-soft);color:var(--green-dark)}.conversation-list{overflow-y:auto}.conversation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;width:100%;padding:14px;border:0;border-bottom:1px solid #edf2f0;background:#fff;text-align:left;color:var(--ink)}.conversation:hover{background:#f8fbfa}.conversation.selected{background:var(--green-soft);box-shadow:inset 3px 0 var(--green)}.conversation-body,.conversation-top{display:flex;min-width:0}.conversation-body{flex-direction:column;gap:3px}.conversation-top{align-items:center;justify-content:space-between;gap:8px}.conversation-top strong,.company,.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-top strong{font-size:14px}.conversation-top time,.company{color:var(--muted);font-size:11px}.preview{color:#4a605d;font-size:12px}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.topic{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--green-dark);font-size:10px}.unread{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--green);color:#fff;font-size:11px}.empty-state{padding:40px 20px;color:var(--muted);text-align:center;font-size:13px}.chat-panel{display:flex;flex-direction:column;min-width:0;background:#f8faf9}.chat-header{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 17px;border-bottom:1px solid var(--line);background:#fff}.chat-identity{min-width:0;margin-right:auto}.chat-identity h2{margin:0;font:700 15px Manrope}.chat-identity p{margin:3px 0 0;color:var(--muted);font-size:12px}.assign{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:10px}.assign select{min-width:115px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.context-row{display:flex;align-items:center;justify-content:space-between;padding:8px 17px;border-bottom:1px solid var(--line);background:#edf6f3}.context-bar{color:var(--green-dark);font-size:11px;font-weight:700}.channel-badge{padding:3px 7px;border-radius:12px;background:#d5eee6;color:var(--green-dark);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.message-list{flex:1;overflow-y:auto;padding:20px}.message-row{display:flex;margin-bottom:11px}.message-row.out{justify-content:flex-end}.message{max-width:min(75%,550px);padding:10px 12px 7px;border:1px solid var(--line);border-radius:5px 14px 14px;background:#fff;box-shadow:0 2px 7px rgba(18,54,52,.04)}.message-row.out .message{border-color:#b7ded3;border-radius:14px 5px 14px 14px;background:var(--green-soft)}.message p{margin:0;font-size:13px;line-height:1.5}.message-footer{display:flex;justify-content:flex-end;gap:7px;margin-top:5px;color:var(--muted);font-size:9px}.delivery{color:var(--green)}.quick-replies{display:flex;gap:7px;padding:0 17px 9px;overflow-x:auto}.quick-replies button{flex:0 0 auto;padding:6px 9px;border:1px solid #cce3dd;border-radius:14px;background:#fff;color:var(--green-dark);font-size:10px}.composer{margin:0 17px 15px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(18,54,52,.05)}.composer textarea{display:block;width:100%;padding:11px 12px;border:0;outline:0;resize:none;color:var(--ink)}.composer-footer{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-top:1px solid #edf2f0;color:var(--muted);font-size:10px}.send-button{padding:8px 12px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:12px;font-weight:700}.send-button:hover{background:var(--green-dark)}.back-button{display:none;border:0;background:transparent;font-size:20px}.toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:11px 15px;border-radius:10px;background:#0c2928;color:#fff;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.summary-grid{grid-template-columns:repeat(3,1fr)}.channel-card{grid-column:1/-1}.inbox{height:calc(100vh - 310px)}.app-shell{grid-template-columns:78px 1fr}.sidebar{padding-inline:12px}.brand{padding-inline:6px;justify-content:center}.brand span:last-child,.sidebar-note,.profile span:last-child{display:none}.nav-item{justify-content:center}.nav-item>:not(:first-child){display:none}.profile{justify-content:center}.workspace{padding:20px}.inbox{grid-template-columns:320px minmax(380px,1fr)}}@media(max-width:680px){.app-shell{display:block}.sidebar{display:none}.workspace{padding:16px 11px}.top-actions .ghost-button{display:none}.environment-pill{font-size:10px}.summary-grid{grid-template-columns:repeat(3,1fr)}.summary-grid article{padding:9px}.summary-grid .channel-card{display:none}.summary-grid strong{font-size:17px}.privacy-banner p{line-height:1.35}.inbox{display:block;height:calc(100vh - 260px);min-height:470px;position:relative}.conversation-panel{height:100%;border:0}.chat-panel{position:absolute;inset:0;transform:translateX(105%);transition:transform .2s ease}.chat-panel.mobile-open{transform:translateX(0)}.back-button{display:block}.assign span{display:none}.assign select{min-width:88px}.secondary-button{font-size:0;padding:9px}.secondary-button::after{content:"\2713";font-size:14px}.message{max-width:88%}}
@media(max-width:680px){.chat-panel{width:100%}.chat-header{gap:8px}.assign{display:none}}


.environment-pill b{font-weight:600}.environment-pill[data-status="online"] span{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.environment-pill[data-status="offline"] span{background:#ef4444;box-shadow:0 0 0 4px #fee2e2}.environment-pill[data-status="warning"] span{background:#e0a43c}.channel-card[data-status="offline"]{border-color:#fecaca;background:#fff1f2}.channel-card[data-status="offline"] strong{color:#b91c1c}.channel-card[data-status="warning"]{border-color:#f1d59e;background:var(--amber-soft)}.channel-card[data-status="warning"] strong{color:#92400e}.send-button:disabled{cursor:wait;opacity:.65}

.sidebar-note a{color:#d5eee6;text-underline-offset:2px}