:root{--ink:#10233f;--muted:#66758a;--line:#e3e8ef;--soft:#f5f7fa;--panel:#fff;--nav:#0d1d35;--brand:#625bf6;--brand-soft:#eeedff;--green:#20a66a;--amber:#e69a26;--shadow:0 8px 30px #14233c14}.media-card{text-align:left;background:#ffffffb3;border:1px solid #94a3b859;border-radius:10px;align-items:center;gap:8px;width:100%;margin-top:7px;padding:9px;display:flex}.media-card span{display:grid}.media-card small{color:#64748b}.media-preview{object-fit:contain;background:#eef2f7;border-radius:8px;width:min(280px,100%);max-height:280px;display:block}.media-card video,.media-card audio{max-width:100%}.media-card audio{display:none}.audio-play-button,.audio-menu-button{color:var(--ink);cursor:pointer;place-items:center;display:inline-grid}.audio-menu-button{margin-left:auto}.message-reaction-area{z-index:5;opacity:0;pointer-events:none;justify-content:flex-end;transition:opacity .12s;display:flex;position:absolute;top:-14px;right:8px}.message:hover .message-reaction-area,.message-reaction-area:focus-within{opacity:1;pointer-events:auto}.message-reaction-trigger,.reaction-picker button{background:var(--panel);cursor:pointer;border:0}.message-reaction-badges{border:1px solid var(--line);background:var(--panel);z-index:3;border-radius:10px;gap:2px;padding:2px 5px;font-size:15px;line-height:1;display:flex;position:absolute;bottom:-12px;right:10px;box-shadow:0 2px 7px #14233c29}.message-reaction-badges button{cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0}.message-reaction-trigger{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;display:inline-grid;box-shadow:0 2px 8px #14233c29}.reaction-picker{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);z-index:4;border-radius:10px;gap:2px;padding:5px;display:flex;position:absolute;top:0;right:34px}.reaction-picker button{padding:3px;font-size:18px}.search-overlay{z-index:100;background:#0f172a8c;place-items:start center;padding-top:10vh;display:grid;position:fixed;inset:0}.search-dialog{background:#fff;border-radius:18px;width:min(720px,92vw);max-height:70vh;padding:16px;overflow:auto;box-shadow:0 24px 70px #0f172a40}.search-input{border:1px solid #dbe3ef;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.search-input input{border:0;outline:0;flex:1;font-size:16px}.search-results{gap:8px;margin-top:12px;display:grid}.search-results button{text-align:left;background:#fff;border:1px solid #eef2f7;border-radius:10px;gap:3px;padding:10px;display:grid}.search-results span{text-transform:uppercase;color:#64748b;font-size:10px}.search-results p{color:#475569;margin:0}.search-results mark{background:#fef08a}.warning-banner{color:#9a3412;background:#fff7ed;border-radius:10px;margin-bottom:16px;padding:12px}.integration-tabs{overflow-x:auto}.integration-hero{border:1px solid var(--border);background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:24px;display:flex}.integration-hero h2{margin:10px 0 4px;font-size:24px}.integration-hero p{color:var(--muted);margin:0}.integration-actions{flex-wrap:wrap;gap:8px;display:flex}.integration-actions button,.inline-action{align-items:center;gap:7px;display:inline-flex}.integration-actions button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px}.integration-actions .danger-link{color:#b42318}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metrics-grid article{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:18px;display:flex}.metrics-grid article>svg{color:var(--primary)}.metrics-grid span{gap:3px;display:grid}.metrics-grid small{color:var(--muted)}.inline-action{margin:0 0 14px auto}.integration-table header{justify-content:space-between;align-items:center;display:flex}.integration-table header span{color:var(--muted);font-size:13px}.data-list{border:1px solid var(--border);border-radius:12px;gap:0;margin-top:14px;display:grid;overflow:hidden}.data-list article{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,1fr) minmax(120px,.6fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.data-list article:last-child{border-bottom:0}.data-list span,.data-list small{color:var(--muted)}.compact-empty{min-height:150px}.docs-link{margin-top:12px;text-decoration:none;display:inline-flex}@media (max-width:900px){.integration-hero{flex-direction:column;align-items:flex-start}.metrics-grid,.data-list article{grid-template-columns:1fr}.integration-actions{width:100%}}.conversation-context select{border:1px solid var(--border);color:inherit;background:#fff;border-radius:8px;padding:6px 28px 6px 9px}.crm-context-card,.internal-notes{border-top:1px solid var(--border)}.crm-source-row{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.crm-source-row small{color:var(--muted)}.crm-empty{color:var(--muted);padding:10px 0}.crm-empty button,.internal-notes>button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 10px}.note-list{gap:8px;max-height:180px;margin:8px 0;display:grid;overflow:auto}.note-list article{background:#fff8db;border:1px solid #f3df8d;border-radius:9px;padding:9px}.note-list p{margin:0 0 4px;font-size:13px}.note-list small{color:#756622}.internal-notes textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border);width:100%;min-height:64px;font:inherit;border-radius:9px;margin:6px 0;padding:9px}.sidebar a{text-decoration:none}.page-title{flex-direction:column;display:flex}.page-title strong{font-size:17px}.management-page{flex:1;padding:28px;overflow:auto}.page-subtitle{color:var(--muted);margin:0 0 22px;font-size:13px}.management-search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;width:min(480px,100%);height:42px;margin-bottom:20px;padding:0 12px;display:flex}.management-search input{border:0;outline:0;flex:1}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.resource-card,.stack-card,.settings-card,.table-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px}.resource-card{padding:18px}.resource-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.resource-card h2,.stack-card h2,.settings-card h2{margin:4px 0 12px;font-size:16px}.resource-card p{color:var(--muted);font-size:12px;line-height:1.6}.resource-card dl{margin:18px 0}.resource-card dl div{border-bottom:1px solid #eff2f5;justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;display:flex}.resource-card dt{color:var(--muted)}.resource-card dd{text-align:right;margin:0;font-weight:700}.resource-card>footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:13px;display:flex}.resource-card>footer button,.secondary-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:0 10px;font-size:11px;display:flex}.resource-card>footer>span{color:var(--muted);margin-right:auto;font-size:10px}.status-pill{color:#59687b;text-transform:uppercase;background:#eef1f5;border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.status-pill.healthy,.status-pill.approved{color:#17764c;background:#e7f7ef}.status-pill.unhealthy,.status-pill.rejected{color:#b7273c;background:#fff0f2}.status-pill.warning,.status-pill.pending{color:#91671a;background:#fff6dd}.status-pill.configuration_required,.status-pill.archived{color:#59687b;background:#eef1f5}.success-state{color:#18704b;background:#ecfaf3;border:1px solid #bce8d2;border-radius:9px;margin-bottom:15px;padding:11px 13px;font-size:12px}.empty-state{text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd3de;border-radius:14px;padding:60px 20px}.empty-state svg{color:var(--brand)}.empty-state h2{color:var(--ink);font-size:18px}.skeleton-grid,.skeleton-block{background:linear-gradient(90deg,#eef1f4 25%,#f8f9fb 50%,#eef1f4 75%) 0 0/200% 100%;border-radius:13px;height:220px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{z-index:30;background:#0712238c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:15px;flex-direction:column;gap:13px;width:min(540px,100%);max-height:90vh;padding:24px;display:flex;overflow:auto;box-shadow:0 24px 80px #0000004d}.modal-card h2{margin:0 0 5px}.modal-card label,.settings-card label,.auth-card label{font-size:11px;font-weight:700}.modal-card input,.modal-card select,.modal-card textarea,.settings-card input,.settings-card select,.auth-card input,.auth-card select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;margin-top:5px;padding:10px 11px}.modal-card textarea{resize:vertical}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal-actions>button:not(.primary-button){border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 14px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-prefix{border:1px solid var(--line);border-radius:9px;align-items:center;margin-top:5px;display:flex}.input-prefix span{color:var(--muted);padding-left:10px}.input-prefix input{border:0;margin:0}.shortcut{color:var(--brand);font-size:11px;font-weight:800}.danger-button{color:#b7273c!important}.destructive-button{background:#b7273c}.confirmation-card p{color:var(--muted);margin:0;line-height:1.6}.table-card{overflow:auto}.table-card>header{border-bottom:1px solid var(--line);padding:16px 18px}.table-card h2{margin:0;font-size:15px}.table-card table{border-collapse:collapse;width:100%;min-width:680px}.table-card th,.table-card td{text-align:left;border-bottom:1px solid #eef1f4;padding:12px 14px;font-size:11px}.table-card th{text-transform:uppercase;color:var(--muted);background:#fafbfd;font-size:9px}.table-card td strong,.table-card td small{display:block}.table-card td small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-top:4px;overflow:hidden}.table-card select{border:1px solid var(--line);border-radius:7px;padding:6px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.span-two{grid-column:span 2}.stack-card,.settings-card{padding:20px}.team-row,.session-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.team-row{justify-content:space-between}.team-row span,.session-row span{color:var(--muted);font-size:10px}.session-row>div{flex-direction:column;flex:1;display:flex}.settings-card{flex-direction:column;gap:14px;max-width:720px;display:flex}.settings-card small,.auth-card label small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.settings-tabs{gap:4px;margin-bottom:18px;display:flex}.settings-tabs a{color:var(--muted);border-radius:8px;padding:9px 12px;font-size:12px;text-decoration:none}.settings-tabs a.active{background:var(--brand-soft);color:var(--brand);font-weight:800}.feature-placeholder{color:var(--muted);padding:15px;font-size:11px}.auth-centered{background:linear-gradient(145deg,#f7f8fb,#ecebff);place-items:center;min-height:100vh;padding:30px;display:grid}.auth-card{border:1px solid var(--line);width:min(480px,100%);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:30px}.auth-card.wide{width:min(680px,100%)}.auth-card h1{margin:7px 0 10px;font-size:27px}.auth-card form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.brand-lockup.dark{color:var(--ink);margin-bottom:26px}.auth-link,.auth-links{text-align:center;color:var(--muted);font-size:11px}.auth-links{justify-content:space-between;margin-top:14px;display:flex}.auth-link a,.auth-links a{color:var(--brand);font-weight:700;text-decoration:none}.quick-menu{z-index:30;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;max-height:230px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;overflow:auto}.composer{position:relative}.quick-menu button{text-align:left;background:#fff;border:0;border-radius:7px;gap:10px;width:100%;padding:9px;display:flex}.quick-menu button:hover{background:var(--brand-soft)}.quick-menu strong{color:var(--brand)}.quick-menu span{color:var(--muted)}.template-list{flex-direction:column;gap:8px;display:flex}.template-list>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;padding:12px}.template-list>button:hover{border-color:var(--brand)}.template-list span{justify-content:space-between;display:flex}.template-list small{color:var(--muted)}.template-list p{color:var(--muted);font-size:11px}.phone-preview{background:#e3f6ec;border-radius:12px;margin:8px 0;padding:14px}.phone-preview p{white-space:pre-wrap}.back-link{color:var(--brand);text-align:left;background:0 0;border:0}.template-picker{width:min(620px,100%)}@media (max-width:760px){.management-page{padding:18px}.dashboard-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.form-row,.card-grid{grid-template-columns:1fr}}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#f3f5f8;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:1px;outline:3px solid #625bf640}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--nav);color:#c8d2e3;flex-direction:column;width:218px;padding:20px 12px 14px;display:flex}.brand-lockup{color:#fff;align-items:center;gap:10px;font-size:19px;display:flex}.brand-lockup.compact{padding:0 8px 22px}.brand-mark{color:#fff;background:linear-gradient(145deg,#756ef8,#5149de);border-radius:11px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 8px 20px #625bf640}.sidebar nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1c3150}.nav-item.active{box-shadow:inset 3px 0 var(--brand)}.sidebar-bottom{border-top:1px solid #263a56;margin-top:auto;padding-top:9px}.profile-button{color:#fff;text-align:left;background:#142944;border:0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;margin-top:8px;padding:9px;display:grid}.profile-button span:nth-child(2){flex-direction:column;display:flex}.profile-button strong{font-size:12px}.profile-button small{color:#9fb0c7;font-size:10px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:20px;height:66px;padding:0 18px;display:flex}.workspace-switch{text-align:left;background:0 0;border:0;align-items:center;gap:9px;display:flex}.workspace-switch>span:nth-child(2){flex-direction:column;display:flex}.workspace-switch strong{font-size:13px}.workspace-switch small{color:var(--muted);font-size:10px}.workspace-logo{color:#117a4e;background:#d9f2e6;border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.global-search{background:var(--soft);max-width:520px;height:38px;color:var(--muted);border:1px solid #0000;border-radius:9px;flex:1;align-items:center;gap:8px;margin:auto;padding:0 11px;display:flex}.global-search:focus-within{background:#fff;border-color:#a8a4ff}.global-search input,.list-toolbar input{background:0 0;border:0;outline:0;flex:1;min-width:0}.global-search kbd{background:#fff;border:1px solid #d9dee7;border-radius:5px;padding:2px 5px;font-size:10px}.topbar-actions{align-items:center;gap:10px;display:flex}.channel-health{color:#427159;background:#eef9f3;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.channel-health i,.avatar i{background:var(--green);border-radius:50%;width:7px;height:7px}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:relative}.icon-button:hover{background:var(--soft)}.icon-button b{background:#ef4e62;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.primary-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:700;display:flex}.primary-button:disabled{opacity:.55}.compact-button{height:36px;min-height:36px;font-size:12px}.inbox-grid{background:#fff;flex:1;grid-template-columns:198px 350px minmax(420px,1fr) 280px;min-height:0;display:grid}.filter-column,.conversation-column,.chat-column,.contact-panel{border-right:1px solid var(--line);min-height:0}.filter-column{background:#fbfcfd;padding:18px 12px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;padding:0 5px 14px;display:flex}.section-heading h1{margin:2px 0 0;font-size:20px}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.11em;margin:0;font-size:10px;font-weight:800}.filter-list,.filter-section{flex-direction:column;gap:2px;display:flex}.filter-section{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.filter-section>p{color:#8995a5;text-transform:uppercase;letter-spacing:.08em;padding:0 8px;font-size:10px;font-weight:800}.filter-item{text-align:left;color:#4f6076;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:8px;font-size:12px;display:flex}.filter-item span{align-items:center;gap:7px;display:flex}.filter-item b{color:#8491a2;font-size:10px}.filter-item:hover,.filter-item.selected{background:var(--brand-soft);color:#443fbc}.filter-item.selected b{color:#443fbc;background:#d9d6ff;border-radius:10px;padding:2px 6px}.label-filter-section{border-top:1px solid #eef1f5;margin:18px 10px 0;padding:14px 0 4px}.filter-section-title{color:#7b8495;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.label-filter-toggle{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;display:flex}.label-filter-heading{justify-content:space-between;align-items:center;gap:6px;padding:0 2px 8px;display:flex}.label-add-button{color:#7b8495;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.label-add-button:hover,.label-add-button:focus-visible{color:#443fbc;background:#ecebff;outline:none}.label-create-form{background:#fafaff;border:1px solid #e8eaf1;border-radius:9px;align-items:center;gap:6px;margin:2px 2px 10px;padding:4px;display:flex}.label-create-form input[aria-label="Yeni etiket adı"]{background:#fff;border:1px solid #e2e6ef;border-radius:7px;flex:1;min-width:0;padding:6px 7px;font-size:11px}.label-create-form input[type=color]{background:0 0;border:0;width:26px;height:26px;padding:0}.label-create-form button{color:#fff;cursor:pointer;background:#554ed1;border:0;border-radius:7px;padding:6px 8px;font-size:11px}.label-filter-toggle:hover{color:#443fbc}.label-chevron{transition:transform .15s}.label-chevron.open{transform:rotate(180deg)}.label-dot{vertical-align:middle;border-radius:999px;width:8px;height:8px;margin-right:2px;display:inline-block}.conversation-label-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.conversation-label-picker select{color:#596579;background:#fff;border:1px solid #e7eaf1;border-radius:8px;min-width:94px;padding:5px 7px;font-size:11px}.conversation-label-chip{color:#443fbc;cursor:pointer;background:#f7f6ff;border:1px solid #d9d6ff;border-radius:999px;padding:5px 8px;font-size:11px}.conversation-label-chip:hover{background:#ecebff}.dot{border-radius:3px;width:8px;height:8px}.purple{background:#8d66d9}.amber{background:#f0a73d}.conversation-column{background:#fff;flex-direction:column;display:flex}.list-toolbar{gap:8px;padding:14px 12px 10px;display:flex}.list-toolbar label{background:var(--soft);border:1px solid var(--line);height:36px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:7px;padding:0 10px;display:flex}.list-meta{color:var(--muted);justify-content:space-between;padding:2px 14px 10px;font-size:10px;display:flex}.list-meta button{color:var(--muted);background:0 0;border:0;align-items:center;gap:3px;display:flex}.conversation-list{overflow:auto}.conversation-row{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #eef1f5;grid-template-columns:auto 1fr;gap:10px;width:100%;padding:13px 12px;display:grid;position:relative}.conversation-row:hover{background:#fafbff}.conversation-row.selected{box-shadow:inset 3px 0 var(--brand);background:#f0efff}.conversation-context-menu{z-index:40;background:#fff;border:1px solid #e3e7ef;border-radius:12px;min-width:218px;padding:6px;position:fixed;box-shadow:0 16px 36px #0f172a2e}.conversation-context-menu button{color:#1f2937;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 11px;display:block}.conversation-context-menu button:hover,.conversation-context-menu button:focus-visible{background:#f4f6fb;outline:none}.avatar{color:#4e48b2;background:linear-gradient(145deg,#e9e8ff,#dcd9ff);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid;position:relative}.avatar i{border:2px solid #fff;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.avatar.small{border-radius:8px;width:29px;height:29px;font-size:9px}.avatar.tiny{border-radius:7px;width:23px;height:23px;font-size:8px}.avatar.large{border-radius:18px;width:62px;height:62px;font-size:18px}.conversation-copy{min-width:0}.row-title{justify-content:space-between;gap:8px;display:flex}.row-title strong{font-size:12px}.row-title time{color:#8d98a8;font-size:9px}.preview{text-overflow:ellipsis;white-space:nowrap;color:#627187;margin:5px 0 8px;font-size:11px;display:block;overflow:hidden}.preview svg{vertical-align:-2px;color:#4383ce}.row-tags{gap:4px;display:flex;overflow:hidden}.row-tags em,.row-tags small{white-space:nowrap;color:#68778a;background:#eef1f5;border-radius:4px;padding:3px 5px;font-size:8px;font-style:normal}.row-tags em{color:#2d7a57;background:#e9f5ef}.unread-count{background:var(--brand);color:#fff;border-radius:10px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:43px;right:13px}.sla{color:#d96f28;position:absolute;bottom:10px;right:12px}.chat-column{background:#f4f6f8;flex-direction:column;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--line);background:#fff;flex:none;align-items:center;gap:10px;height:65px;padding:0 14px;display:flex}.chat-person{flex-direction:column;min-width:0;display:flex}.chat-person strong{font-size:13px}.chat-person span{color:var(--muted);margin-top:3px;font-size:10px}.chat-actions{gap:6px;margin-left:auto;display:flex}.assignee{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;height:36px;font-size:10px;display:flex}.conversation-context{color:#796633;background:#fffdf5;border-bottom:1px solid #eee5c6;flex:none;justify-content:center;align-items:center;gap:16px;height:35px;font-size:9px;display:flex}.conversation-context span,.conversation-context button{align-items:center;gap:5px;display:flex}.conversation-context button{background:#f7edd0;border:0;border-radius:5px;padding:4px 7px}.messages{background-color:#f4f6f8;background-image:radial-gradient(#d8dee6 1px,#0000 1px);background-size:20px 20px;flex:1;padding:18px clamp(18px,5vw,72px);overflow:auto}.reply-preview{color:#38545c;background:#eef8f5;border-left:3px solid #27a68a;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin:8px 14px 0;padding:8px 10px;display:flex}.reply-preview div{gap:2px;min-width:0;display:grid}.reply-preview strong,.reply-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-preview strong{color:#147b68;font-size:12px}.reply-preview span{font-size:11px}.reply-preview button,.message-reply-trigger{color:#73828f;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.location-card,.contact-card{color:#295264;background:#ffffffb8;border-radius:8px;align-items:center;gap:10px;min-width:190px;padding:10px;display:flex}.interactive-card{color:#295264;background:#ffffffb8;border-radius:8px;gap:9px;min-width:210px;padding:10px;display:grid}.interactive-options{gap:5px;display:grid}.interactive-options span{color:#147b68;text-align:center;border:1px solid #b8d8ce;border-radius:6px;padding:6px 8px;font-size:11px}.quoted-message{background:#0000000f;border-left:3px solid #7ab6a6;border-radius:4px;gap:2px;margin-bottom:6px;padding:5px 7px;font-size:11px;display:grid}.quoted-message strong{color:#147b68}.quoted-message span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interactive-tabs{gap:4px;margin-left:auto;display:inline-flex}.interactive-tabs button{color:#55737d;cursor:pointer;background:0 0;border:1px solid #c6d9d5;border-radius:5px;padding:3px 7px;font-size:11px}.interactive-tabs button.active{color:#147b68;background:#e4f3ef}.interactive-composer{gap:7px;margin:8px 0;display:grid}.interactive-composer input{color:#294b57;background:#fff;border:1px solid #c8d7df;border-radius:6px;width:100%;padding:8px 10px}.location-card svg,.contact-card svg{color:#1b9b7d}.location-card div,.contact-card div{gap:2px;display:grid}.location-card span,.contact-card span,.location-card small{color:#607985;font-size:11px}.date-divider{text-align:center;margin:0 0 17px}.date-divider span{color:#687587;background:#e4e8ed;border-radius:12px;padding:5px 9px;font-size:9px}.message{border-radius:12px;width:max-content;max-width:72%;margin:8px 0;padding:9px 11px;position:relative;box-shadow:0 2px 8px #26364d12}.message p{margin:0;font-size:12px;line-height:1.5}.message footer{color:#8490a0;justify-content:flex-end;align-items:center;gap:4px;margin-top:5px;font-size:8px;display:flex}.message footer span{margin-right:auto}.incoming{background:#fff;border-top-left-radius:3px}.outgoing{background:#e3f6ec;border-top-right-radius:3px;margin-left:auto}.outgoing footer svg{color:#4c8ac6}.system-event{color:#748194;background:#ffffffe0;border-radius:12px;align-items:center;gap:6px;width:max-content;max-width:90%;margin:16px auto;padding:5px 10px;font-size:9px;display:flex}.composer{z-index:20;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;flex:none;margin:0 12px 12px;position:relative;overflow:visible}.composer-tabs{border-bottom:1px solid #edf0f3;align-items:center;height:34px;padding:0 9px;display:flex}.composer-tabs button{height:100%;color:var(--muted);background:0 0;border:0;font-size:10px}.composer-tabs button.active{color:var(--brand);border-bottom:2px solid var(--brand);font-weight:800}.composer-tabs span{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.composer textarea{resize:none;border:0;outline:0;width:100%;height:66px;padding:11px;font-size:12px}.composer>footer{justify-content:space-between;align-items:center;padding:6px;display:flex}.composer>footer>div{align-items:center;gap:4px;display:flex}.composer .icon-button{border:0;width:32px;height:32px}.smart-reply{background:var(--brand-soft);color:#514bc4;border:0;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:700;display:flex}.send-button{background:var(--brand);color:#fff;border:0;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.send-button:disabled{opacity:.45}.send-button kbd{color:#d9d7ff;font-size:8px}.contact-panel{background:#fff;padding:17px 15px;overflow:auto}.contact-card{text-align:center;border-bottom:1px solid var(--line);padding-bottom:16px}.contact-card>.avatar{margin:auto}.contact-card h2{margin:10px 0 3px;font-size:14px}.contact-card p{color:var(--muted);margin:0;font-size:10px}.contact-actions-mini{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px;display:grid}.contact-actions-mini button{border:1px solid var(--line);color:#536176;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:7px 3px;font-size:8px;display:flex}.contact-panel section{border-bottom:1px solid var(--line);padding:15px 1px}.contact-panel section header{justify-content:space-between;align-items:center;display:flex}.contact-panel section h3{margin:0;font-size:11px}.contact-panel section header button{color:var(--brand);background:0 0;border:0;font-size:9px}.contact-panel dl{margin:11px 0 0}.contact-panel dl div{justify-content:space-between;gap:10px;margin:8px 0;font-size:9px;display:flex}.contact-panel dt{color:var(--muted)}.contact-panel dd{text-align:right;margin:0;font-weight:600}.back-button,.mobile-only{display:none}.login-page{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-story{background:var(--nav);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px clamp(40px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:90px solid #625bf62e;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-130px;right:-150px}.login-story h1{letter-spacing:-.045em;max-width:780px;margin:18px 0;font-size:clamp(38px,5vw,68px);line-height:1.04}.login-story>div>p:not(.eyebrow){color:#aebbd0;max-width:550px;font-size:17px;line-height:1.6}.trust-row{color:#9fb0c7;z-index:1;align-items:center;gap:9px;font-size:12px;display:flex}.login-card{align-self:center;width:min(420px,80%);margin:auto}.login-card h2{margin:8px 0;font-size:28px}.muted,.security-note{color:var(--muted);font-size:12px}.login-card form{flex-direction:column;gap:15px;margin:28px 0 16px;display:flex}.login-card label{font-size:11px;font-weight:700}.login-card input{border:1px solid var(--line);border-radius:9px;width:100%;height:44px;margin-top:6px;padding:0 12px}.form-error{color:#b7273c;background:#fff0f2;border:1px solid #ffd6dc;border-radius:7px;padding:8px;font-size:11px}.security-note{text-align:center}@media (max-width:1220px){.inbox-grid{grid-template-columns:176px 320px minmax(390px,1fr)}.contact-panel{display:none}.sidebar{width:190px}}@media (max-width:900px){.sidebar{width:68px;padding:18px 8px}.brand-lockup.compact strong,.sidebar .nav-item span,.profile-button span:nth-child(2),.profile-button svg{display:none}.brand-lockup.compact{padding:0 7px 20px}.sidebar .nav-item{justify-content:center}.profile-button{display:block}.inbox-grid{grid-template-columns:280px minmax(400px,1fr)}.filter-column,.global-search{display:none}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-card{flex-direction:column;justify-content:center;min-height:100vh;display:flex}}@media (max-width:680px){.app-shell{height:100dvh}.sidebar{display:none}.topbar{height:58px;padding:0 10px}.mobile-only{display:grid}.workspace-switch small,.workspace-switch .workspace-logo,.channel-health,.topbar .compact-button{display:none}.topbar-actions{margin-left:auto}.inbox-grid{display:block;position:relative}.conversation-column,.chat-column{position:absolute;inset:0}.chat-column{transition:transform .22s;transform:translate(100%)}.show-chat .chat-column{transform:translate(0)}.conversation-column{transition:transform .22s;transform:translate(0)}.show-chat .conversation-column{transform:translate(-100%)}.back-button{display:grid}.chat-actions .assignee{display:none}.conversation-context{justify-content:flex-start;padding:0 10px;overflow:hidden}.messages{padding:14px}.message{max-width:88%}.contact-panel{display:none}}
.inbox-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.inbox-state.error{color:#b7273c}.inbox-state button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px}.message.failed{background:#fff0f2;border:1px solid #ffd6dc}.message-error{color:#b7273c!important;margin-top:6px!important;font-size:9px!important}.channel-health.reconnecting{color:#8a681d;background:#fff7df}.channel-health.offline{color:#a33b49;background:#fff0f2}