:root{color:#e8e9e7;font-synthesis:none;--bg:#0d0f10;--panel:#131617;--panel-raised:#191d1e;--border:#282d2e;--muted:#8e9696;--lime:#d8ff54;--lime-deep:#a9cf27;--danger:#ff7b72;background:#0d0f10;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%, #d8ff5412, transparent 26rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.eyebrow{color:var(--lime);letter-spacing:.13em;margin:0 0 .55rem;font-size:.72rem;font-weight:800}.muted{color:var(--muted)}.error-banner,.setup-hint{color:#ffc5c1;background:#ff7b7212;border:1px solid #ff7b7259;border-radius:12px;padding:.8rem 1rem;font-size:.86rem}.setup-hint{color:#dfeaa8;background:#d8ff540f;border-color:#d8ff5440;line-height:1.7}.login-page{grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);min-height:100vh;display:grid}.login-brand{flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"S";inset-inline-start:-4rem;color:#0000;-webkit-text-stroke:1px #d8ff5417;pointer-events:none;font-size:40rem;font-weight:800;line-height:1;position:absolute;bottom:-15rem}.brand-symbol,.sidebar-logo,.mobile-logo span{color:#111;background:var(--lime);border-radius:12px;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:3.4rem;font-size:1.65rem;font-weight:800;display:grid;transform:rotate(-4deg)}.login-brand h1{letter-spacing:-.07em;max-width:750px;margin:0;font-size:clamp(3.8rem,7.8vw,8.6rem);line-height:.9}.brand-copy{color:#afb4b2;max-width:570px;font-size:1.12rem;line-height:1.8}.channel-row{gap:.7rem;margin-top:2rem;display:flex}.channel-row span{border:1px solid var(--border);color:#aeb5b3;border-radius:999px;padding:.55rem .85rem;font-size:.78rem}.login-panel{border-inline-start:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#131617c7;place-items:center;padding:2rem;display:grid}.login-card{gap:1.15rem;width:min(100%,420px);display:grid}.login-card h2{margin:0;font-size:2.35rem}.login-card>p{margin:0}.login-card label,.settings-block label{color:#bdc3c1;gap:.55rem;font-size:.88rem;font-weight:600;display:grid}.login-card input,.search-box,.settings-block select,.composer textarea,.notes-block textarea{border:1px solid var(--border);color:#f2f3f1;background:#0e1112;border-radius:12px;outline:none;width:100%;transition:border-color .16s,box-shadow .16s}.login-card input{height:3.45rem;padding:0 1rem}.login-card input:focus,.settings-block select:focus,.composer textarea:focus,.notes-block textarea:focus{border-color:var(--lime-deep);box-shadow:0 0 0 3px #d8ff5414}.primary-button{color:#0e100d;background:var(--lime);border:0;border-radius:12px;height:3.5rem;margin-top:.35rem;font-weight:800}.mobile-logo{display:none}.app-loading{min-height:100vh;color:var(--lime);letter-spacing:.1em;place-items:center;font-weight:800;display:grid}.crm-shell{grid-template-columns:72px minmax(290px,350px) minmax(450px,1fr) minmax(260px,320px);height:100vh;display:grid;overflow:hidden}.app-sidebar{border-inline-end:1px solid var(--border);background:#0a0c0d;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.sidebar-logo{border-radius:9px;width:2.35rem;height:2.35rem;margin:0 0 1.6rem;font-size:1.1rem}.app-sidebar nav{gap:.7rem;display:grid}.nav-button{color:#8e9794;background:0 0;border:0;border-radius:10px;place-items:center;width:2.7rem;height:2.7rem;font-size:1.2rem;display:grid}.nav-button.active{color:#10120f;background:var(--lime)}.nav-button.logout{margin-top:auto}.inbox-panel,.chat-panel,.customer-panel{background:var(--panel);min-height:0}.inbox-panel{border-inline-end:1px solid var(--border);flex-direction:column;display:flex}.inbox-header{justify-content:space-between;align-items:center;padding:1.45rem 1.3rem 1rem;display:flex}.inbox-header h1{margin:0;font-size:1.7rem}.total-count{color:#10120f;background:var(--lime);border-radius:9px;place-items:center;min-width:2.15rem;height:2.15rem;padding:0 .5rem;font-weight:800;display:grid}.search-box{align-items:center;gap:.5rem;width:auto;margin:0 1.1rem 1rem;padding:0 .8rem;display:flex}.search-box input{color:#e8e9e7;background:0 0;border:0;outline:0;width:100%;height:2.75rem}.inbox-panel>.error-banner{margin:0 1.1rem .8rem}.sync-row{gap:.4rem;margin:0 1.1rem .8rem;display:grid}.sync-actions{grid-template-columns:minmax(0,1fr) minmax(96px,.65fr);gap:.45rem;display:grid}.sync-button,.refresh-button{min-height:2.45rem;color:var(--lime);background:#d8ff540f;border:1px solid #d8ff5447;border-radius:10px;font-size:.78rem;font-weight:700}.refresh-button{color:#c9d0cd;background:#171b1b;border-color:#343b3a}.sync-row small{color:var(--muted);font-size:.68rem;line-height:1.4}.global-ai-control,.channel-readiness{border:1px solid var(--border);background:#101414;border-radius:12px;margin:0 1.1rem .75rem}.global-ai-control{gap:.7rem;padding:.8rem;display:grid;box-shadow:inset 3px 0 #d8ff54b8}.global-ai-control.disabled{border-color:#ff7b7261;box-shadow:inset 3px 0 #ff7b72bf}.global-ai-copy{gap:.25rem;display:grid}.global-ai-copy small,.global-ai-readonly{color:var(--muted);font-size:.66rem;line-height:1.45}.global-ai-status{color:#e5edc5;align-items:center;gap:.45rem;font-size:.78rem;font-weight:800;display:flex}.global-ai-status i{background:var(--lime);border-radius:50%;width:.52rem;height:.52rem;box-shadow:0 0 0 4px #d8ff5414}.global-ai-control.disabled .global-ai-status{color:#ffc1bd}.global-ai-control.disabled .global-ai-status i{background:var(--danger);box-shadow:0 0 0 4px #ff7b7214}.global-ai-control>button{border:1px solid #0000;border-radius:9px;min-height:2.35rem;font-size:.72rem;font-weight:800}.global-ai-control>button.danger{color:#ffc1bd;background:#ff7b7214;border-color:#ff7b724d}.global-ai-control>button.activate{color:#11140f;background:var(--lime)}.channel-readiness{overflow:hidden}.channel-readiness summary{color:#d8ddda;cursor:pointer;padding:.7rem .8rem;list-style-position:inside}.channel-readiness summary span{vertical-align:middle;gap:.12rem;margin-inline-start:.35rem;display:inline-grid}.channel-readiness summary strong{font-size:.75rem}.channel-readiness summary small,.readiness-note{color:var(--muted);font-size:.63rem}.channel-readiness-toolbar{justify-content:flex-end;padding:0 .75rem .45rem;display:flex}.channel-readiness-toolbar button{color:var(--lime);background:0 0;border:0;font-size:.68rem;font-weight:700}.channel-readiness-list{gap:.45rem;padding:0 .75rem;display:grid}.channel-readiness-list article{background:#151919;border:1px solid #252b2a;border-radius:9px;gap:.35rem;padding:.55rem;display:grid}.channel-readiness-list article>strong{font-size:.72rem}.channel-readiness-list article>div{flex-wrap:wrap;gap:.3rem;display:flex}.readiness-badge{border-radius:999px;padding:.18rem .4rem;font-size:.58rem;font-weight:700}.readiness-badge.ready{color:#dff5aa;background:#d8ff5417}.readiness-badge.missing{color:#ffb2ac;background:#ff7b7214}.readiness-note{margin:0;padding:.55rem .75rem .7rem;line-height:1.45}.conversation-list{min-height:0;overflow-y:auto}.conversation-item{width:100%;color:inherit;text-align:start;background:0 0;border:0;border-bottom:1px solid #202425;gap:.8rem;padding:1rem 1.1rem;display:flex}.conversation-item:hover,.conversation-item.active{background:#1b1f20}.conversation-item.active{box-shadow:inset -3px 0 0 var(--lime)}.platform-avatar,.customer-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:2.65rem;height:2.65rem;font-size:.68rem;font-weight:800;display:grid}.platform-avatar.instagram,.customer-avatar.instagram{background:linear-gradient(140deg,#8536d7,#f13e75,#ffb148)}.platform-avatar.facebook,.customer-avatar.facebook{background:#1877f2}.platform-avatar.whatsapp,.customer-avatar.whatsapp{background:#1aa765}.conversation-copy{flex:1;min-width:0}.conversation-line{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.conversation-line strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-line time{color:#747d7a;flex:none;font-size:.68rem}.last-message{color:#8f9895;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.last-message small{color:#bcc3c0;margin-inline-end:.35rem;font-size:.62rem}.unread-badge{color:#10120f;background:var(--lime);border-radius:999px;flex:none;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.67rem;display:grid}.loading-copy,.list-empty{color:var(--muted);text-align:center;padding:2rem}.list-empty span{color:#4e5653;font-size:2.5rem;display:block}.empty-conversation{color:#6f7775;text-align:center;background:#101314;place-content:center;justify-items:center;display:grid}.empty-conversation h2{color:#aeb5b3;margin-bottom:0}.empty-icon{border:1px solid #303536;border-radius:50%;place-items:center;width:5rem;height:5rem;font-size:2rem;display:grid}.chat-panel{background:radial-gradient(circle,#d8ff5406,#0000 30rem),#101314;flex-direction:column;display:flex}.chat-header{border-bottom:1px solid var(--border);background:#131617eb;align-items:center;gap:.75rem;min-height:76px;padding:0 1.25rem;display:flex}.chat-header h2,.chat-header p{margin:0}.chat-header>div:not(.platform-avatar),.customer-detail-header>div:not(.customer-avatar){min-width:0}.chat-header h2{font-size:1rem}.chat-header p{color:var(--muted);font-size:.72rem}.chat-header h2,.chat-header p,.customer-detail-header h2,.customer-detail-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-chip{color:#aeb5b3;border:1px solid #383e3e;border-radius:999px;margin-inline-start:auto;padding:.38rem .65rem;font-size:.7rem}.status-chip.new,.status-chip.needs_human{color:var(--lime);border-color:#d8ff5466}.back-button{color:#d5d8d6;background:0 0;border:0;font-size:2rem;display:none}.messages{flex-direction:column;flex:1;gap:.65rem;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.message{background:#1b1f20;border:1px solid #2b3031;border-radius:16px 16px 4px;min-width:0;max-width:min(76%,620px);padding:.75rem .9rem .45rem}.message.inbound{border-radius:16px 16px 16px 4px;align-self:flex-start}.message.outbound{color:#171a13;background:#cceb60;border-color:#d8ff5433;align-self:flex-end}.message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.55}.message time{color:#7d8583;text-align:end;margin-top:.25rem;font-size:.62rem;display:block}.message.outbound time{color:#596042}.composer{border-top:1px solid var(--border);background:#141718;align-items:flex-end;gap:.7rem;padding:.9rem 1.1rem;display:flex}.composer textarea,.notes-block textarea{resize:none;padding:.8rem}.send-button{color:#10120f;background:var(--lime);border:0;border-radius:12px;flex:none;place-items:center;width:2.8rem;height:2.8rem;font-size:1.3rem;font-weight:800;display:grid}.customer-panel{border-inline-start:1px solid var(--border);padding:1.35rem;overflow-y:auto}.customer-card{border-bottom:1px solid var(--border);text-align:center;justify-items:center;padding:1rem 0 1.4rem;display:grid}.customer-avatar{width:4rem;height:4rem;font-size:1.35rem}.customer-card h2{margin:.8rem 0 .2rem;font-size:1.15rem}.customer-card p{color:var(--muted);margin:0;font-size:.78rem}.settings-block,.notes-block{border-bottom:1px solid var(--border);gap:1.1rem;padding:1.3rem 0;display:grid}.settings-block select{height:2.8rem;padding:0 .7rem}.ai-reply-control{background:#d8ff540b;border:1px solid #d8ff5433;border-radius:12px;gap:.55rem;padding:.85rem;display:grid}.ai-reply-control>label{color:#e2e8c8;font-size:.88rem;font-weight:700}.ai-reply-control small{color:var(--muted);line-height:1.55}.ai-channel-note{border-inline-start:3px solid var(--lime-deep);color:#cbd4b0;background:#00000029;border-radius:7px;margin:0;padding:.65rem;font-size:.76rem;line-height:1.65}.ai-reply-meta{color:#aeb79b;flex-wrap:wrap;gap:.4rem .8rem;font-size:.72rem;display:flex}.ai-handoff-reason{color:#ffd58a!important}.toggle-row{justify-content:space-between;align-items:center;display:flex!important}.toggle-row span{gap:.2rem;display:grid}.toggle-row small{color:var(--muted);font-weight:400}.toggle-row input{appearance:none;background:#303536;border-radius:999px;width:2.7rem;height:1.45rem;position:relative}.toggle-row input:after{content:"";background:#fff;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .16s;position:absolute;top:3px;right:3px}.toggle-row input:checked{background:var(--lime-deep)}.toggle-row input:checked:after{transform:translate(-1.25rem)}.notes-block h3{margin:0;font-size:.95rem}.notes-block form{gap:.55rem;display:grid}.notes-block button{color:#0e100d;background:var(--lime);border:0;border-radius:9px;height:2.4rem;font-size:.8rem;font-weight:800}.notes-list{gap:.6rem;display:grid}.notes-list article{background:#101314;border:1px solid #292e2f;border-radius:10px;padding:.75rem}.notes-list p{overflow-wrap:anywhere;margin:0 0 .35rem;font-size:.82rem;line-height:1.5}.notes-list small{color:#737b79;font-size:.65rem}@media (max-width:1180px){.crm-shell{grid-template-columns:64px minmax(280px,320px) minmax(420px,1fr)}.customer-panel{display:none}}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{border:0}.mobile-logo{align-items:center;gap:.65rem;margin-bottom:2rem;font-weight:800;display:flex}.mobile-logo span{border-radius:9px;width:2.4rem;height:2.4rem;margin:0;font-size:1.1rem}.crm-shell{height:100dvh;display:block}.app-sidebar{display:none}.inbox-panel,.chat-panel{height:100dvh}.crm-shell.has-selection .inbox-panel,.crm-shell:not(.has-selection) .chat-panel,.crm-shell:not(.has-selection) .empty-conversation{display:none}.back-button{display:block}.message{max-width:88%}}.global-error{z-index:120;inset-inline:1rem;justify-content:space-between;align-items:center;width:min(620px,100% - 2rem);margin-inline:auto;display:flex;position:fixed;top:1rem;box-shadow:0 16px 45px #00000061}.global-error button{color:inherit;background:0 0;border:0;font-size:1.2rem}.inbox-meta{justify-items:end;gap:.45rem;display:grid}.connection-badge{color:#9ea7a4;white-space:nowrap;align-items:center;gap:.35rem;font-size:.64rem;display:inline-flex}.connection-badge i{background:#737b79;border-radius:50%;width:.48rem;height:.48rem}.connection-badge.live{color:#bde96a}.connection-badge.live i{background:#9ad83e;box-shadow:0 0 0 4px #9ad83e1f}.connection-badge.connecting i{background:#e9bb65;animation:1.1s ease-in-out infinite connection-pulse}.connection-badge.offline{color:#ff9a93}.connection-badge.offline i{background:#ff7b72}@keyframes connection-pulse{50%{opacity:.35}}.conversation-filters{grid-template-columns:1fr 1fr;gap:.55rem;margin:0 1.1rem .75rem;display:grid}.conversation-filters select,.composer-tools select,.quick-replies-manager input,.quick-replies-manager textarea{border:1px solid var(--border);color:#dfe3e1;background:#0e1112;border-radius:9px;outline:0;width:100%}.conversation-filters select{height:2.3rem;padding:0 .55rem;font-size:.72rem}.infinite-sentinel{min-height:1px;padding:.4rem 1rem 1.2rem}.load-more-button,.load-older-button{color:#b8c0bd;background:#171b1b;border:1px solid #343b3a;border-radius:9px;width:100%;min-height:2.35rem;font-size:.75rem}.load-older-button{align-self:center;width:auto;min-width:160px;padding-inline:1rem}.chat-panel{position:relative}.customer-details-button{color:#c5ccca;background:#1b201f;border:1px solid #3a4240;border-radius:8px;padding:.42rem .65rem;font-size:.68rem;display:none}.drawer-close,.drawer-backdrop{display:none}.message footer{color:#7d8583;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.3rem;font-size:.62rem;display:flex}.message footer time{margin:0;display:inline}.message.outbound footer{color:#596042}.message-kind{color:#aab2af;font-style:italic}.message.outbound .message-kind{color:#4b5236}.message-attachments{gap:.55rem;margin-top:.35rem;display:grid}.message-image,.message-video{object-fit:contain;background:#090b0b;border-radius:10px;width:min(100%,420px);max-height:420px;display:block}.message-audio{width:min(330px,100%);display:block}.file-attachment{min-width:210px;color:inherit;background:#0000001a;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:.65rem;padding:.65rem;text-decoration:none;display:flex}.file-attachment>span:last-child{gap:.15rem;display:grid}.file-attachment small{opacity:.72}.unsupported-attachment{color:#aeb5b3;border:1px dashed #5a6260;border-radius:8px;padding:.55rem;font-size:.75rem;display:block}.composer{flex-wrap:wrap}.composer-tools{gap:.4rem;width:100%;display:flex}.composer-tools select{width:auto;min-width:140px;height:1.9rem;padding-inline:.45rem;font-size:.7rem}.composer-tools button{border:1px solid var(--border);color:#c9cfcd;background:#171b1b;border-radius:7px;width:1.9rem;height:1.9rem}.quick-replies-manager{z-index:12;inset-inline:1rem;background:#121616;border:1px solid #343b39;border-radius:14px;gap:.75rem;max-height:min(520px,68vh);padding:1rem;display:grid;position:absolute;bottom:6.8rem;overflow-y:auto;box-shadow:0 22px 70px #00000085}.quick-replies-manager>header{justify-content:space-between;align-items:center;display:flex}.quick-replies-manager h3,.quick-replies-manager p{margin:0}.quick-replies-manager>header button{color:#d9dddb;background:0 0;border:0;font-size:1.4rem}.quick-replies-list{gap:.5rem;display:grid}.quick-replies-list article{background:#181c1c;border:1px solid #292f2e;border-radius:9px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.65rem;display:flex}.quick-replies-list article p{color:#969f9c;white-space:pre-wrap;margin-top:.2rem;font-size:.75rem}.quick-replies-manager form{gap:.5rem;display:grid}.quick-replies-manager input,.quick-replies-manager textarea{resize:vertical;padding:.65rem}.quick-replies-manager form button,.auto-reply-editor button{color:#11140f;background:var(--lime);border:0;border-radius:8px;min-height:2.35rem;font-weight:800}.danger-link{color:#ff9d96;background:0 0;border:0;font-size:.72rem}.auto-reply-editor{gap:.5rem;display:grid}.auto-reply-editor label{color:#bdc3c1;font-size:.8rem;font-weight:600}.auto-reply-editor textarea{border:1px solid var(--border);color:#eef1ef;resize:vertical;background:#0e1112;border-radius:9px;outline:0;width:100%;padding:.65rem}.field-error{color:#ff9d96;line-height:1.5}.crm-shell.secondary-view{grid-template-columns:72px minmax(0,1fr)}.workspace-page{background:#101314;min-width:0;min-height:0}.customers-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);height:100vh;display:grid}.customers-list-panel{border-inline-end:1px solid var(--border);background:var(--panel);flex-direction:column;min-height:0;display:flex}.customers-list-panel>header,.workspace-header{justify-content:space-between;align-items:center;padding:1.4rem;display:flex}.customers-list-panel h1,.workspace-header h1{margin:0;font-size:1.75rem}.customers-list{min-height:0;overflow-y:auto}.customer-list-item{color:#e8e9e7;text-align:start;background:0 0;border:0;border-bottom:1px solid #212625;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;display:flex}.customer-list-item:hover,.customer-list-item.active{background:#1b1f20}.customer-list-item.active{box-shadow:inset -3px 0 var(--lime)}.customer-list-item>span{flex:1;min-width:0;display:grid}.customer-list-item strong,.customer-list-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-list-item small{color:#858e8b}.customer-list-item>b{color:var(--lime);font-size:.72rem}.customer-detail-page{min-width:0;min-height:0;overflow-y:auto}.workspace-empty{color:#78817e;text-align:center;place-content:center;justify-items:center;min-height:100%;display:grid}.workspace-empty>span{font-size:3rem}.workspace-empty h2{color:#b5bcb9;margin-bottom:0}.customer-detail-header{border-bottom:1px solid var(--border);background:#141818;align-items:center;gap:.85rem;min-height:86px;padding:0 1.5rem;display:flex}.customer-detail-header h2,.customer-detail-header p{margin:0}.customer-detail-header p{color:#858e8b}.customer-detail-content{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.2rem;padding:1.5rem;display:grid}.customer-detail-content>section{border:1px solid var(--border);background:#151919;border-radius:13px;min-width:0;padding:1rem}.customer-detail-content h3{margin-top:0}.customer-conversations{gap:.55rem;display:grid}.customer-conversations button{color:#e5e8e6;text-align:start;background:#101414;border:1px solid #2b3130;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;padding:.75rem;display:grid}.customer-conversations button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.customer-conversations button span,.customer-conversations button time{color:#89918f;font-size:.68rem}.customer-page-notes{align-self:start;padding-top:1rem}.stats-workspace{height:100vh;padding:clamp(1rem,3vw,2.4rem);overflow-y:auto}.workspace-header{padding:0 0 1.5rem}.workspace-header button{color:#d5dad8;background:#191e1d;border:1px solid #39413f;border-radius:8px;min-height:2.4rem;padding-inline:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-card{border:1px solid var(--border);background:linear-gradient(145deg,#d8ff540d,#0000 55%),#151919;border-radius:13px;padding:1.2rem}.stat-card p,.stat-card small{color:#8f9895;margin:0}.stat-card strong{color:var(--lime);margin:.45rem 0;font-size:clamp(1.8rem,4vw,3rem);display:block}.breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.breakdown-grid>section{border:1px solid var(--border);background:#151919;border-radius:13px;padding:1.2rem}.breakdown-grid h2{margin-top:0;font-size:1rem}.breakdown-row{border-bottom:1px solid #252b2a;justify-content:space-between;align-items:center;padding:.7rem 0;display:flex}.breakdown-row:last-child{border-bottom:0}.breakdown-row span{color:#a9b1ae}.mobile-nav{display:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media (max-width:1180px){.customer-panel{z-index:80;border-inline:1px solid var(--border);visibility:hidden;background:#131717;width:min(360px,92vw);transition:transform .18s,visibility .18s;display:block;position:fixed;inset-block:0;inset-inline-end:0;transform:translate(-105%)}.customer-panel.drawer-open{visibility:visible;transform:translate(0)}.customer-details-button,.drawer-close{display:block}.drawer-close{z-index:2;top:.7rem;color:#e4e7e5;background:#1a1f1e;border:1px solid #39403f;border-radius:8px;width:2rem;height:2rem;font-size:1.15rem;position:absolute;inset-inline-end:.7rem}.drawer-backdrop{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000094;border:0;display:block;position:fixed;inset:0}.customer-detail-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.crm-shell,.crm-shell.secondary-view{height:100dvh;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.inbox-panel,.chat-panel,.customers-workspace,.stats-workspace{height:calc(100dvh - 56px - env(safe-area-inset-bottom))}.mobile-nav{z-index:65;inset-inline:0;height:calc(56px + env(safe-area-inset-bottom));padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0d0df7;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0}.mobile-nav button{color:#89928f;background:0 0;border:0;border-radius:8px;font-size:.72rem}.mobile-nav button.active{color:#11140f;background:var(--lime);font-weight:800}.chat-header{gap:.5rem;min-height:66px;padding:0 .65rem}.chat-header .status-chip{display:none}.customer-details-button{margin-inline-start:auto}.messages{padding:.9rem}.composer{gap:.45rem;padding:.65rem}.composer textarea{flex:1;min-width:0}.quick-replies-manager{inset-inline:.6rem;bottom:calc(6.4rem + env(safe-area-inset-bottom))}.customers-workspace{display:block}.customers-list-panel,.customer-detail-page{height:100%}.customers-workspace.has-customer .customers-list-panel,.customers-workspace:not(.has-customer) .customer-detail-page{display:none}.customer-detail-header .back-button{display:block}.customer-detail-content{padding:.8rem}.stats-workspace{padding:1rem}.stats-grid,.breakdown-grid{grid-template-columns:1fr 1fr}.stat-card{padding:.9rem}.stat-card strong{font-size:1.8rem}}@media (max-width:520px){.conversation-filters{grid-template-columns:1fr}.message{max-width:94%}.message-image,.message-video{max-height:320px}.stats-grid,.breakdown-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}