:root{color:#15312e;font-synthesis:none;background:#edf3f1;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:1040px;height:100%;min-height:650px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:#0f766e}.app-loading{color:#0f766e;justify-content:center;align-items:center;gap:12px;height:100%;font-weight:800;display:flex}.login-page{background:radial-gradient(circle at 15% 20%,#dff4ec 0,#0000 35%),linear-gradient(135deg,#f7fbf9,#e8f0ee);grid-template-columns:1fr 480px;align-items:center;gap:80px;height:100%;padding:8vw;display:grid}.login-brand{align-items:center;gap:20px;max-width:620px;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:22px;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 18px 40px #0f766e38}.login-brand strong{color:#082420;letter-spacing:-.055em;font-size:clamp(36px,5vw,68px);display:block}.login-brand span{color:#657d78;margin-top:10px;font-size:18px;display:block}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #09302a14;border-radius:28px;padding:42px;box-shadow:0 28px 80px #1740391f}.login-icon{color:#0f766e;background:#e7f5f0;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid}.eyebrow{color:#7a918d;letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:900}.login-card h1,.queue-header h1{color:#0a2622;letter-spacing:-.035em;margin:0;font-size:30px}.muted{color:#80938f!important}.login-card>.muted{margin:8px 0 26px;font-size:14px}.login-card label{color:#3b5551;gap:8px;margin:15px 0;font-size:12px;font-weight:800;display:grid}.login-card input{color:#142e2a;background:#fbfdfc;border:1px solid #d5e2df;border-radius:13px;outline:0;height:48px;padding:0 14px}.login-card input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.login-button{color:#fff;background:#0f766e;border:0;border-radius:14px;width:100%;height:50px;margin-top:10px;font-weight:900}.form-error,.inbox-error{color:#8d3232;background:#fff0f0;border-radius:10px;padding:10px 12px;font-size:12px}.inbox-shell{background:#f7faf9;grid-template-columns:68px 330px minmax(450px,1fr) 280px;width:100%;height:100%;display:grid;overflow:hidden}.rail{color:#78908c;background:#092b27;border-right:1px solid #dce6e3;flex-direction:column;align-items:center;padding:14px 0;display:flex}.rail-brand{color:#092b27;background:#75e0ba;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:30px;display:grid}.rail nav{flex-direction:column;flex:1;gap:9px;display:flex}.rail button{color:#8cb1aa;background:0 0;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.rail button:hover,.rail button.active{color:#fff;background:#ffffff1a}.queue-panel{background:#f7faf9;border-right:1px solid #dce6e3;grid-template-rows:auto auto auto auto 1fr auto;min-width:0;display:grid}.queue-header{justify-content:space-between;align-items:center;padding:23px 20px 15px;display:flex}.icon-button{color:#58726d;background:#fff;border:1px solid #d9e4e1;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.connection-strip{justify-content:space-between;align-items:center;gap:8px;padding:0 20px 13px;font-size:10px;font-weight:800;display:flex}.connection-strip span{align-items:center;gap:5px;display:flex}.good{color:#17845f}.bad{color:#b54747}.neutral{color:#899b97}.queue-tabs{background:#e9f0ee;border-radius:11px;grid-template-columns:repeat(3,1fr);margin:0 16px 13px;padding:4px;display:grid}.queue-tabs button{color:#6f8581;background:0 0;border:0;border-radius:8px;height:32px;font-size:11px;font-weight:800}.queue-tabs button.active{color:#153833;background:#fff;box-shadow:0 3px 9px #15433b14}.search-box{color:#8ca09c;background:#fff;border:1px solid #dce6e3;border-radius:11px;align-items:center;gap:8px;margin:0 16px 11px;padding:0 11px;display:flex}.search-box input{color:#27433e;background:0 0;border:0;outline:0;width:100%;height:38px;font-size:12px}.conversation-list{min-height:0;overflow-y:auto}.conversation-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-left:3px solid #0000;align-items:flex-start;gap:11px;padding:13px 16px;display:flex}.conversation-row:hover{background:#eff5f3}.conversation-row.active{background:#e8f3ef;border-left-color:#0f766e}.avatar{color:#0e6d61;text-transform:uppercase;background:#d6eee7;border-radius:13px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-size:13px;font-weight:900;display:grid}.conversation-copy{flex:1;min-width:0}.conversation-copy>div{justify-content:space-between;align-items:center;gap:7px;display:flex}.conversation-copy strong{color:#193a35;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conversation-copy time{color:#9aaba7;font-size:9px}.conversation-copy span{color:#667e79;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:11px;display:block;overflow:hidden}.conversation-copy small{color:#94a5a1;font-size:9px}.empty-list{color:#8da09c;text-align:center;padding:50px 20px;font-size:12px}.agent-chip{background:#fff;border-top:1px solid #dce6e3;align-items:center;gap:10px;padding:13px 16px;display:flex}.avatar.agent{color:#fff;background:#0f766e;flex-basis:34px;width:34px;height:34px}.agent-chip strong,.agent-chip span{display:block}.agent-chip strong{font-size:11px}.agent-chip span{color:#899b97;text-transform:capitalize;margin-top:2px;font-size:9px}.conversation-panel{background:#fff;grid-template-rows:auto 1fr auto auto;min-width:0;display:grid}.conversation-header{border-bottom:1px solid #e1e9e7;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:16px 22px;display:flex}.conversation-header h2{color:#102f2a;margin:0 0 5px;font-size:17px}.conversation-header span{color:#8ca09c;text-transform:capitalize;font-size:10px}.header-actions{gap:8px;display:flex}.header-actions button{color:#47635e;background:#fff;border:1px solid #d9e4e1;border-radius:10px;align-items:center;gap:6px;height:35px;padding:0 12px;font-size:11px;font-weight:800;display:flex}.header-actions button:hover{color:#0f766e;border-color:#97c6ba}.transcript{background:linear-gradient(#fbfdfc,#f6faf8);min-height:0;padding:28px 28px 18px;overflow-y:auto}.agent-message{flex-direction:column;align-items:flex-start;max-width:70%;margin:16px 0;display:flex}.agent-message.outgoing{align-items:flex-end;margin-left:auto}.agent-message.internal{align-items:center;max-width:88%;margin-left:auto;margin-right:auto}.message-meta{color:#8b9e9a;align-items:center;gap:7px;margin:0 7px 5px;font-size:9px;display:flex}.message-meta strong{color:#4e6964}.message-meta span{text-transform:capitalize}.agent-bubble{color:#2e4944;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e0e8e6;border-radius:6px 16px 16px;padding:10px 13px;font-size:12px;line-height:1.52;box-shadow:0 5px 14px #133d360d}.outgoing .agent-bubble{color:#fff;background:#0f766e;border:0;border-radius:16px 6px 16px 16px}.internal .agent-bubble{color:#6d5b1e;background:#fff8d9;border-color:#e6d997}.agent-message>time{color:#9baca8;margin:5px 7px;font-size:8px}.agent-message>a{margin-top:5px;font-size:10px;font-weight:800}.inbox-error{margin:0 22px 10px}.agent-composer{background:#fff;border:1px solid #d8e3e0;border-radius:15px;grid-template-columns:1fr auto;margin:0 22px 20px;display:grid;box-shadow:0 8px 24px #10373112}.agent-composer.note-mode{background:#fffdf3;border-color:#dbc96b}.composer-toolbar{border-bottom:1px solid #edf1f0;grid-column:1/-1;align-items:center;gap:10px;padding:8px 10px;display:flex}.composer-toolbar button,.composer-toolbar label{color:#52706a;cursor:pointer;background:#edf4f2;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:900;display:flex}.composer-toolbar button.active{color:#7b6412;background:#f7eaa8}.composer-toolbar label.disabled{opacity:.55;cursor:wait}.composer-toolbar label input{display:none}.composer-toolbar span{color:#95a5a2;font-size:9px}.delivery-failed{font-weight:800;color:#a33b2d!important}.agent-composer textarea{resize:none;color:#203f39;background:0 0;border:0;outline:0;min-height:76px;padding:13px;font-size:12px;line-height:1.5}.agent-send{color:#fff;background:#0f766e;border:0;border-radius:10px;align-items:center;gap:6px;height:36px;margin:auto 10px 10px 0;padding:0 12px;font-size:10px;font-weight:900;display:flex}.agent-send:disabled{opacity:.4}.context-panel{background:#f7faf9;border-left:1px solid #dce6e3;overflow-y:auto}.context-panel section{border-bottom:1px solid #e0e8e6;padding:22px}.context-panel h3{color:#163832;margin:4px 0 18px;font-size:15px}.context-panel dl{margin:0}.context-panel dt{color:#8b9e9a;text-transform:uppercase;margin-top:12px;font-size:9px;font-weight:800}.context-panel dd{overflow-wrap:anywhere;color:#405e58;margin:4px 0 0;font-size:11px;line-height:1.45}.ownership-card,.timeline-item{color:#0f766e;align-items:center;gap:10px;display:flex}.ownership-card strong,.ownership-card span,.timeline-item strong,.timeline-item span{display:block}.ownership-card strong,.timeline-item strong{color:#36534e;font-size:11px}.ownership-card span,.timeline-item span{color:#8a9d99;margin-top:3px;font-size:9px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list>span:not(.muted){color:#2d665b;background:#e2f1ec;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;font-weight:800;display:flex}.empty-conversation{color:#9baca8;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-conversation h2{color:#45625c;margin:15px 0 5px;font-size:17px}.empty-conversation p{max-width:320px;font-size:11px;line-height:1.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0f766e33}@media (width<=1180px){.inbox-shell{grid-template-columns:62px 310px minmax(430px,1fr)}.context-panel{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}