:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-surface-hover:#f8f9fb;--color-surface-raised:#fff;--color-border:#e9ebef;--color-border-light:#f0f1f4;--color-border-hover:#d4d7de;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-active:#3730a3;--color-primary-soft:#eef2ff;--color-primary-border:#c7d2fe;--color-accent:#0891b2;--color-accent-hover:#0e7490;--color-accent-soft:#ecfeff;--color-success:#10b981;--color-success-soft:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#f59e0b;--color-warning-soft:#fffbeb;--color-warning-border:#fde68a;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-soft:#fef2f2;--color-danger-border:#fecaca;--color-chart-1:#4f46e5;--color-chart-2:#06b6d4;--color-chart-3:#10b981;--color-chart-4:#f59e0b;--color-chart-5:#ef4444;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 14px #0f172a0f;--shadow-lg:0 10px 32px #0f172a14;--shadow-xl:0 20px 60px #0f172a1a;--radius-sm:6px;--radius-md:9px;--radius-lg:12px;--radius-xl:16px;--font-sans:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:Georgia, "Times New Roman", serif}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-surface-raised:#1e293b;--color-border:#334155;--color-border-light:#1e293b;--color-border-hover:#475569;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-primary-soft:#1e1b4b;--color-primary-border:#312e81;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 10px 32px #00000080;--shadow-xl:0 20px 60px #0009}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html,body{min-height:100%}body{color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);letter-spacing:-.005em;font-size:13px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button,a,.inbox-row,.comment-row,.nav-button,.recent-row,.agent-row,.contact-table-row{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s}button:active:not(:disabled){transform:scale(.97)}.app-shell{min-height:100vh;display:flex;overflow:hidden}.rail{z-index:10;background:linear-gradient(#0f172a 0%,#1e293b 100%);border-right:1px solid #ffffff0f;flex-direction:column;flex:0 0 232px;width:232px;height:100vh;padding:20px 14px 16px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;padding:0 8px;display:flex}.brand{border-radius:var(--radius-md);color:#fff;width:38px;height:38px;font-family:var(--font-serif);background:linear-gradient(145deg,#818cf8,#4f46e5);border:0;place-items:center;font-size:19px;font-weight:700;display:grid;box-shadow:0 2px 8px #4f46e559}.brand-lockup>div{flex-direction:column;display:flex}.brand-lockup strong{color:#f1f5f9;letter-spacing:-.01em;font-size:15px}.brand-lockup>div span{color:#64748b;margin-top:2px;font-size:10px}.rail-label{color:#475569;text-transform:uppercase;letter-spacing:.13em;margin:30px 0 8px;padding:0 10px;font-size:9px;font-weight:700}.rail nav{flex-direction:column;gap:3px;display:flex}.nav-button{color:#94a3b8;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;height:42px;padding:0 11px;display:flex;position:relative}.nav-button svg{flex:none;width:18px;height:18px}.nav-button>span{font-size:12px;font-weight:500}.nav-button:hover{color:#e2e8f0;background:#ffffff12}.nav-button.active{color:#a5b4fc;background:#4f46e533}.nav-button.active:before{content:"";background:#818cf8;border-radius:2px;width:2px;height:24px;position:absolute;left:-14px}.nav-button i{background:var(--color-primary);color:#fff;border:2px solid #0f172a;border-radius:10px;place-items:center;min-width:17px;height:17px;font-size:9px;font-style:normal;display:grid;position:absolute;top:10px;right:10px}.saved-nav{flex-direction:column;gap:3px;display:flex}.saved-nav button{color:#64748b;border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;height:35px;padding:0 11px;font-size:10px;display:flex}.saved-nav button:hover{color:#cbd5e1;background:#ffffff0d}.saved-nav button i{color:#475569;margin-left:auto;font-style:normal}.view-dot{background:#475569;border-radius:50%;flex:none;width:7px;height:7px}.view-dot.urgent{background:var(--color-danger)}.view-dot.waiting{background:var(--color-warning)}.rail-bottom{border-top:1px solid #ffffff12;grid-template-columns:34px 1fr 27px;align-items:center;gap:9px;margin-top:auto;padding:14px 7px 2px;display:grid}.rail-user{flex-direction:column;min-width:0;display:flex}.rail-user strong{color:#cbd5e1;font-size:10px}.rail-user span{color:#475569;margin-top:2px;font-size:8px}.help-button{color:#64748b;background:0 0;border:1px solid #334155;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.workspace{background:var(--color-surface);grid-template-columns:minmax(340px,380px) minmax(460px,1fr) 286px;width:calc(100vw - 232px);height:100vh;display:grid;box-shadow:-16px 0 50px #0f172a0f}.conversation-list{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;min-width:0;display:flex}.list-header{background:var(--color-surface);padding:27px 22px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);font-size:10px;font-weight:700}.heading-row{justify-content:space-between;align-items:center;display:flex}.heading-row h1{letter-spacing:-.035em;margin:4px 0 18px;font-size:25px;font-weight:650}.live-indicator{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:9px;font-weight:650;display:flex}.live-indicator i{background:var(--color-success);width:7px;height:7px;box-shadow:0 0 0 3px var(--color-success-soft);border-radius:50%}.search-box{border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-md);align-items:center;gap:8px;height:41px;padding:0 10px;transition:all .15s;display:flex}.search-box:focus-within{background:var(--color-surface);border-color:var(--color-primary-border);box-shadow:0 0 0 3px #4f46e514}.search-box svg{width:17px;color:var(--color-text-muted);flex:none}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search-box kbd{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;padding:2px 5px;font-size:10px}.tabs{border-bottom:1px solid var(--color-border);align-items:center;gap:4px;margin-top:14px;display:flex}.tabs>button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:12px 9px 13px;font-size:12px;font-weight:500;position:relative}.tabs>button:hover{color:var(--color-text-secondary)}.tabs>button.active{color:var(--color-primary);font-weight:600}.tabs>button.active:after{content:"";background:var(--color-primary);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.channel-filter{color:var(--color-text-secondary);align-items:center;gap:4px;margin-left:auto;display:flex}.channel-filter svg{width:13px}.channel-filter select{max-width:92px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;outline:0;font-size:10px}.list-meta{border-bottom:1px solid var(--color-border);height:43px;color:var(--color-text-secondary);background:var(--color-bg);justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;display:flex}.list-meta label{align-items:center;gap:8px;display:flex}.list-meta button{color:var(--color-text-secondary);background:0 0;border:0;font-size:11px}input[type=checkbox]{appearance:none;border:1.5px solid var(--color-text-muted);background:var(--color-surface);cursor:pointer;border-radius:4px;flex:none;width:15px;height:15px}input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary);box-shadow:inset 0 0 0 3.5px #fff}.inbox-items{flex:1;overflow:auto}.inbox-row{border:0;border-bottom:1px solid var(--color-border-light);background:var(--color-surface);text-align:left;cursor:pointer;align-items:flex-start;gap:11px;width:100%;min-height:118px;padding:15px 16px;display:flex;position:relative}.inbox-row:hover{background:var(--color-surface-hover)}.inbox-row.selected{background:var(--color-primary-soft);box-shadow:inset 3px 0 var(--color-primary)}.inbox-row>input{flex:none;margin-top:13px}.row-copy{flex:1;min-width:0}.row-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-title strong{font-size:12px;font-weight:600}.row-title time{color:var(--color-text-muted);flex:none;font-size:10px}.row-subject{align-items:center;gap:6px;margin-top:5px;display:flex}.row-subject b{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.row-copy p{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 7px;font-size:10.5px;line-height:1.4;overflow:hidden}.channel-mark{color:#fff;border-radius:5px;flex:none;place-items:center;width:17px;height:17px;font-size:9px;font-weight:800;display:inline-grid}.channel-mark.gmail{background:#ea4335}.channel-mark.whatsapp{color:#075e54;background:#25d366}.channel-mark.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcaa45)}.channel-mark.facebook{background:#1877f2}.row-labels{align-items:center;gap:5px;display:flex;overflow:hidden}.row-labels>span:not(.assignee-mini){background:color-mix(in srgb, var(--label) 13%, transparent);color:color-mix(in srgb, var(--label) 82%, #000);white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:600}.assignee-mini{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:9px}.unread{background:var(--color-primary);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid;position:absolute;top:51px;right:14px}.conversation-pane{background:var(--color-bg);flex-direction:column;min-width:0;display:flex}.conversation-header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex}.conversation-person{align-items:center;gap:11px;display:flex}.conversation-person h2{margin:0 0 5px;font-size:13px;font-weight:600}.conversation-person span{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:10px;display:flex}.header-actions{gap:6px;display:flex}.icon-button,.header-actions button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;place-items:center;width:34px;height:34px;display:grid}.icon-button svg,.header-actions svg{width:17px}.header-actions button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.messages{flex:1;padding:25px clamp(22px,4vw,52px);overflow:auto}.date-divider{color:var(--color-text-muted);align-items:center;gap:12px;margin:0 0 23px;font-size:10px;display:flex}.date-divider:before,.date-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.message{margin:11px 0;display:flex}.message.outgoing{justify-content:flex-end}.bubble{background:var(--color-surface);border:1px solid var(--color-border);max-width:72%;box-shadow:var(--shadow-sm);border-radius:14px 14px 14px 4px;padding:11px 13px 8px}.outgoing .bubble{background:var(--color-primary-soft);border-color:var(--color-primary-border);border-radius:14px 14px 4px}.bubble p{white-space:pre-wrap;margin:0;font-size:11.5px;line-height:1.55}.message-html{overflow-wrap:anywhere;font-size:11.5px;line-height:1.55}.message-html p{white-space:normal;margin:0 0 8px}.message-html p:last-child{margin-bottom:0}.message-html ul,.message-html ol{margin:6px 0;padding-left:18px}.message-html a{color:var(--color-primary);text-decoration:underline}.bubble small{text-align:right;color:var(--color-text-muted);margin-top:5px;font-size:9px;display:block}.delivery{color:var(--color-primary);letter-spacing:0;margin-left:3px}.message-subject{border-bottom:1px solid var(--color-border);margin-bottom:8px;padding-bottom:7px;font-size:11px;display:block}.composer-wrap{padding:10px clamp(18px,3vw,35px) 18px}.composer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.composer textarea{resize:vertical;border:0;outline:0;width:100%;min-height:70px;max-height:150px;padding:12px 14px;font-size:12px}.composer textarea:disabled{background:var(--color-bg);color:var(--color-text-muted)}.mail-options{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 10px 0;display:flex}.mail-options input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:150px;height:34px;color:var(--color-text);outline:0;flex:220px;padding:0 10px;font-size:10px}.mail-options input:focus,.rich-editor:focus{border-color:var(--color-primary-border);box-shadow:0 0 0 3px #4f46e514}.segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-border-light);padding:2px;display:flex}.segmented-control button{min-height:28px;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 9px;font-size:9px}.segmented-control button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:650}.rich-editor{min-height:98px;max-height:190px;color:var(--color-text);overflow-wrap:anywhere;border:1px solid #0000;outline:0;padding:10px 12px;font-size:11.5px;line-height:1.5;overflow:auto}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--color-text-muted)}.rich-editor ul,.rich-editor ol{margin:6px 0;padding-left:18px}.composer-file-input{display:none}.composer-tools{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:6px 7px 6px 11px;display:flex}.composer-tools>div{gap:8px;display:flex}.composer-tools button{cursor:pointer;border-radius:var(--radius-sm);min-width:24px;min-height:24px;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;font-size:10px;display:grid}.composer-tools button:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text)}.composer-tools button:disabled{opacity:.45;cursor:not-allowed}.composer-tools svg{width:15px;color:var(--color-text-secondary)}.send-button{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:7px;min-width:76px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.send-button:hover:not(:disabled){background:var(--color-primary-hover)}.send-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.send-button svg{color:#fff;width:13px}.attachment-tray{flex-wrap:wrap;gap:6px;padding:0 10px 9px;display:flex}.attachment-tray span{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);max-width:190px;height:26px;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;padding:0 4px 0 8px;font-size:9px;display:inline-flex;overflow:hidden}.attachment-tray button{width:18px;height:18px;color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;flex:none}.attachment-tray button:hover{background:var(--color-border);color:var(--color-text)}.window-alert{border:1px solid var(--color-warning-border);background:var(--color-warning-soft);color:#92400e;border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:7px;padding:7px 9px;font-size:10px;display:flex}.window-alert svg{flex:none;width:15px}.error-notice{background:var(--color-danger-soft);color:#991b1b;border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);margin-bottom:7px;padding:8px 10px;font-size:10px}.success-notice{background:var(--color-success-soft);color:#065f46;border:1px solid var(--color-success-border);border-radius:var(--radius-sm);margin-bottom:7px;padding:8px 10px;font-size:10px}.mobile-back{display:none}.customer-pane{border-left:1px solid var(--color-border);background:var(--color-surface);overflow:auto}.customer-pane>header{border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.09em;height:48px;color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:0 17px;font-size:10px;font-weight:700;display:flex}.customer-pane>header button{background:0 0;border:0}.customer-pane>header svg{width:15px;color:var(--color-text-secondary)}.customer-hero{flex-direction:column;align-items:center;padding:27px 15px 18px;display:flex}.customer-hero h2{margin:11px 0 4px;font-size:16px;font-weight:650}.customer-hero>p{color:var(--color-text-muted);font-size:10px}.quick-actions{gap:5px;margin-top:8px;display:flex}.quick-actions button{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-width:62px;padding:7px 8px;font-size:9px;display:flex}.quick-actions button:hover{background:var(--color-primary-soft);color:var(--color-primary)}.quick-actions button svg{width:16px}.details-section{border-top:1px solid var(--color-border)}.details-title{background:var(--color-surface);cursor:pointer;border:0;justify-content:space-between;width:100%;padding:14px 17px;font-size:10px;font-weight:700;display:flex}.details-content{padding:0 17px 16px}.detail-row{color:var(--color-text-secondary);align-items:center;gap:8px;margin:7px 0;font-size:10px;display:flex}.profile-labels{flex-wrap:wrap;gap:6px;display:flex}.profile-labels button{border:1px dashed var(--color-text-muted);color:var(--color-text-secondary);background:0 0;border-radius:4px;padding:3px 6px;font-size:9px}.note-input{gap:5px;display:flex}.note-input input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);flex:1;min-width:0;padding:7px;font-size:9px}.note-input button{background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-sm);border:0;padding:6px 10px;font-size:9px;font-weight:600}.note-card{background:var(--color-warning-soft);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);margin-top:9px;padding:8px}.note-card p{margin-bottom:5px;font-size:9px;line-height:1.45}.note-card span{color:var(--color-text-muted);font-size:8px}.avatar{color:#fff;background:linear-gradient(145deg,#818cf8,#6366f1) 50%/cover;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:grid;position:relative;box-shadow:0 0 0 2px #ffffffe6,inset 0 0 0 1px #00000014}.avatar i{background:var(--color-success);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:-1px}.avatar-small{width:34px;height:34px;font-size:11px}.avatar-large{width:68px;height:68px;font-size:22px}.empty-conversation,.empty-state{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-conversation svg,.empty-state>svg{width:38px;height:38px;color:var(--color-text-muted)}.empty-conversation h2{color:var(--color-text-secondary);margin:10px 0 5px;font-weight:600}.empty-conversation p{font-size:11px}.empty-state{gap:8px;min-height:180px;padding:25px;font-size:11px;line-height:1.5}.empty-state strong{color:var(--color-text-secondary);font-size:13px}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:23px;height:23px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wide-page{background:var(--color-bg);flex:1;height:100vh;padding:35px 42px 48px;overflow:auto}.page-header{justify-content:space-between;align-items:flex-start;display:flex}.page-header .avatar{width:44px;height:44px}.page-header h1{letter-spacing:-.035em;margin:5px 0 7px;font-size:27px;font-weight:680}.page-header p{color:var(--color-text-muted);font-size:12px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel-title{justify-content:space-between;align-items:flex-start;padding:17px 18px 12px;display:flex}.panel-title h3{margin:0 0 4px;font-size:11px;font-weight:700}.panel-title p{color:var(--color-text-muted);margin:0;font-size:9px}.panel-title>span{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 7px;font-size:9px}.dashboard-page,.analytics-page,.team-page,.settings-shell{max-width:none}.dashboard-toolbar,.team-toolbar,.report-controls{max-width:1280px;min-height:36px;color:var(--color-text-secondary);align-items:center;gap:12px;margin:-8px auto 18px;font-size:10px;display:flex}.dashboard-toolbar .primary,.team-toolbar .primary{margin-left:auto}.dashboard-toolbar svg,.team-toolbar svg{width:14px}.data-state{color:#92400e;background:var(--color-warning-soft);border:1px solid var(--color-warning-border);border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-weight:650;display:flex}.data-state i{background:var(--color-warning);border-radius:50%;width:6px;height:6px}.data-state.live{color:#065f46;background:var(--color-success-soft);border-color:var(--color-success-border)}.data-state.live i{background:var(--color-success)}.secondary,.primary{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1280px;margin:0 auto 16px;display:grid}.metric-card{min-height:126px;padding:17px 18px}.metric-card>div{justify-content:space-between;align-items:center;display:flex}.metric-card>div span{color:var(--color-text-secondary);font-size:10px;font-weight:650}.metric-card svg{width:17px;color:var(--color-text-muted)}.metric-card>strong{letter-spacing:-.04em;margin:19px 0 8px;font-size:29px;font-weight:700;line-height:1;display:block}.metric-card p{color:var(--color-text-muted);margin:0;font-size:9px}.metric-card.danger{border-color:var(--color-danger-border);background:linear-gradient(145deg, var(--color-surface), var(--color-danger-soft))}.metric-card.danger svg,.metric-card.danger>strong{color:var(--color-danger)}.metric-card.good svg{color:var(--color-success)}.dashboard-grid{grid-template-columns:minmax(480px,1.65fr) minmax(300px,.85fr);gap:12px;max-width:1280px;margin:0 auto 16px;display:grid}.chart-panel{min-height:286px}.bar-chart{border-bottom:1px solid var(--color-border);background:repeating-linear-gradient(to bottom, transparent 0, transparent 40px, var(--color-border-light) 41px);align-items:flex-end;gap:clamp(16px,4vw,38px);height:178px;margin:9px 24px 0;padding-top:12px;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bars{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:calc(100% - 18px);display:flex}.bar{border-radius:4px 4px 1px 1px;width:min(13px,35%);min-height:5px}.bar.received,.chart-legend i.received{background:var(--color-chart-1)}.bar.resolved,.chart-legend i.resolved{background:var(--color-chart-2)}.bar-group small{color:var(--color-text-muted);font-size:8px}.chart-legend{justify-content:flex-end;gap:14px;padding:12px 24px;display:flex}.chart-legend span{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:8px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.attention-panel{min-height:286px}.attention-panel>button{border:0;border-top:1px solid var(--color-border-light);background:var(--color-surface);text-align:left;cursor:pointer;border-radius:0;align-items:center;gap:10px;width:calc(100% - 24px);min-height:63px;margin:0 12px;padding:9px 7px;display:flex}.attention-panel>button:hover{background:var(--color-surface-hover)}.attention-panel>button>div{flex:1}.attention-panel>button strong{font-size:10px}.attention-panel>button p{color:var(--color-text-muted);margin:3px 0 0;font-size:8px}.attention-panel>button>svg{width:13px;color:var(--color-text-muted)}.attention-icon{border-radius:var(--radius-sm);background:var(--color-primary-soft);width:30px;height:30px;color:var(--color-primary);flex:none;place-items:center;display:grid}.attention-icon svg{width:14px}.attention-icon.danger{background:var(--color-danger-soft);color:var(--color-danger)}.attention-icon.waiting{background:var(--color-warning-soft);color:#92400e}.channel-panel,.workload-panel{min-height:258px}.channel-breakdown{padding:0 18px 16px}.channel-breakdown>div{grid-template-columns:122px 1fr 28px;align-items:center;gap:9px;margin:13px 0;display:grid}.channel-breakdown>div>span{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:9px;display:flex}.channel-breakdown>div>div,.capacity>div,.mini-capacity{background:var(--color-border-light);border-radius:4px;height:5px;overflow:hidden}.channel-breakdown>div>div i,.capacity>div i,.mini-capacity i{background:var(--color-chart-1);border-radius:inherit;height:100%;display:block}.channel-breakdown>div>strong{text-align:right;font-size:9px}.workload-row{border-top:1px solid var(--color-border-light);grid-template-columns:34px 1fr minmax(95px,.8fr);align-items:center;gap:10px;margin:0 18px;padding:10px 0;display:grid}.workload-row .avatar{width:32px;height:32px}.workload-row>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.workload-row strong{font-size:9px}.workload-row span{color:var(--color-text-muted);align-items:center;gap:5px;font-size:8px;display:flex}.presence{background:var(--color-text-muted);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.presence.online{background:var(--color-success)}.presence.away{background:var(--color-warning)}.recent-panel{max-width:1280px;margin:0 auto;overflow:hidden}.recent-head,.recent-row{grid-template-columns:1.05fr 1.5fr .8fr .65fr 42px;align-items:center;gap:14px;padding:0 18px;display:grid}.recent-head{height:34px;color:var(--color-text-muted);background:var(--color-bg);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-size:8px}.recent-row{border:0;border-bottom:1px solid var(--color-border-light);background:var(--color-surface);text-align:left;cursor:pointer;width:100%;min-height:58px;font-size:9px}.recent-row:hover{background:var(--color-surface-hover)}.recent-row>span{align-items:center;gap:9px;display:flex}.recent-row .avatar{width:29px;height:29px;font-size:9px}.recent-row p{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.recent-row time{color:var(--color-text-muted)}.report-controls{justify-content:flex-end}.segmented{background:var(--color-border-light);border-radius:var(--radius-sm);padding:3px;display:flex}.segmented button{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:9px;font-weight:500}.segmented button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:600}.analytics-grid{grid-template-columns:1.6fr .9fr;gap:12px;max-width:1280px;margin:0 auto 16px;display:grid}.trend-panel,.channel-performance{min-height:290px}.line-bars{background:repeating-linear-gradient(to bottom, transparent 0, transparent 45px, var(--color-border-light) 46px);align-items:flex-end;gap:8px;height:210px;padding:20px 24px 28px;display:flex}.line-bars>div{flex:1;justify-content:center;align-items:flex-end;gap:3px;height:100%;display:flex;position:relative}.line-bars span,.line-bars i{background:var(--color-chart-1);border-radius:4px 4px 1px 1px;width:min(14px,38%)}.line-bars i{background:var(--color-chart-2)}.line-bars small{color:var(--color-text-muted);white-space:nowrap;font-size:7px;position:absolute;bottom:-19px}.channel-performance{padding-bottom:12px}.channel-performance>div:not(.panel-title){grid-template-columns:18px 82px 1fr 30px;align-items:center;gap:7px;margin:16px 18px;font-size:9px;display:grid}.channel-performance>div>div{background:var(--color-border-light);border-radius:4px;height:5px;overflow:hidden}.channel-performance>div>div i{background:var(--color-chart-1);height:100%;display:block}.channel-performance strong{text-align:right}.agent-performance{max-width:1280px;margin:0 auto;overflow:hidden}.performance-head,.performance-row{grid-template-columns:1.5fr repeat(4,.55fr);align-items:center;gap:12px;padding:0 19px;display:grid}.performance-head{background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);height:35px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:8px}.performance-row{border-bottom:1px solid var(--color-border-light);min-height:58px;font-size:9px}.performance-row>span:first-child{align-items:center;gap:9px;display:flex}.performance-row .avatar{width:29px;height:29px;font-size:9px}.performance-row b{color:var(--color-primary);background:var(--color-primary-soft);border-radius:4px;padding:4px 7px;font-weight:600}.team-toolbar{justify-content:space-between}.team-toolbar>div{flex-direction:column;gap:3px;display:flex}.team-toolbar strong{color:var(--color-text);font-size:10px}.agents-table{max-width:1280px;margin:0 auto;overflow:hidden}.agents-head,.agent-row{grid-template-columns:1.45fr .55fr .7fr .8fr .45fr 72px;align-items:center;gap:12px;padding:0 19px;display:grid}.agents-head{background:var(--color-bg);height:37px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.agent-row{border-top:1px solid var(--color-border-light);min-height:68px;font-size:9px}.agent-row>span:first-child{align-items:center;gap:10px;display:flex}.agent-row .avatar{width:32px;height:32px;font-size:9px}.agent-row>span:first-child div{flex-direction:column;gap:3px;display:flex}.agent-row small{color:var(--color-text-muted)}.agent-row>span:nth-child(3){align-items:center;gap:6px;display:flex}.agent-row>span:nth-child(4){grid-template-columns:1fr 26px;align-items:center;gap:6px;display:grid}.role-pill{border:1px solid var(--color-border);width:fit-content;color:var(--color-text-secondary);border-radius:4px;padding:4px 7px}.agent-row .secondary{justify-content:center;padding:6px 8px;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;place-items:center;padding:18px;animation:.15s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-surface);border-radius:var(--radius-xl);width:min(460px,100%);box-shadow:var(--shadow-xl);padding:22px;animation:.2s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-card header{justify-content:space-between;margin-bottom:19px;display:flex}.modal-card h2{margin:0 0 5px;font-size:16px}.modal-card header p{color:var(--color-text-muted);margin:0;font-size:9px}.modal-card header button{background:0 0;border:0}.modal-card header svg{width:16px}.modal-card>label,.modal-card .form-grid label,.settings-card label{color:var(--color-text-secondary);flex-direction:column;gap:6px;margin:13px 0;font-size:9px;font-weight:650;display:flex}.modal-card input,.modal-card select,.settings-card input,.settings-card select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;height:38px;color:var(--color-text);outline:0;padding:0 10px;font-size:10px}.modal-card input:focus,.modal-card select:focus,.settings-card input:focus,.settings-card select:focus{border-color:var(--color-primary-border);box-shadow:0 0 0 3px #4f46e514}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-card footer,.settings-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:15px;display:flex}.settings-layout{grid-template-columns:190px 1fr;align-items:start;gap:20px;max-width:1120px;margin:0 auto;display:grid}.settings-nav{flex-direction:column;gap:3px;display:flex;position:sticky;top:20px}.settings-nav button{border-radius:var(--radius-sm);height:40px;color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 11px;font-size:10px;display:flex}.settings-nav button svg{width:12px}.settings-nav button:hover{background:var(--color-border-light)}.settings-nav button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.settings-content{min-width:0}.settings-card{margin-bottom:13px;overflow:hidden}.settings-card>header{border-bottom:1px solid var(--color-border);padding:18px 20px 14px}.settings-card>header h3{margin:0 0 5px;font-size:12px}.settings-card>header p{color:var(--color-text-muted);margin:0;font-size:9px}.settings-card>div{padding:5px 20px 18px}.settings-card label{max-width:470px}.settings-card label small{color:var(--color-text-muted);font-size:8px;font-weight:400}.settings-card .form-grid{max-width:620px}.day-picker{gap:6px;margin:5px 0 2px;display:flex}.day-picker button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);width:39px;height:31px;color:var(--color-text-secondary);cursor:pointer;font-size:8px}.day-picker button.active{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.security-list{grid-template-columns:1fr 1fr;gap:10px;padding-top:13px;display:grid}.security-list span{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:9px;display:flex}.security-list svg{width:15px;color:var(--color-success)}.embedded-heading{margin-bottom:13px}.embedded-heading h2{margin:0 0 5px;font-size:14px}.embedded-heading p{color:var(--color-text-secondary);margin:0;font-size:9px}.embedded-channels .channel-grid{grid-template-columns:1fr;gap:10px}.embedded-channels .channel-card{min-height:112px}.embedded-channels .security-callout{margin-top:12px}.contacts-panel{max-width:1100px;margin:auto;overflow:hidden}.contacts-panel .panel-toolbar{align-items:center;gap:8px;padding:15px;display:flex}.contacts-panel .search-box{max-width:390px}.contacts-panel .primary{margin-left:auto}.table-count{color:var(--color-text-muted);align-self:center;margin-left:auto;font-size:10px}.table-head,.contact-table-row{grid-template-columns:1.5fr .7fr 1fr .5fr;align-items:center;padding:0 18px;display:grid}.table-head{background:var(--color-bg);height:38px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border);font-size:9px}.contact-table-row{border-bottom:1px solid var(--color-border-light);min-height:68px;font-size:11px}.contact-table-row:hover{background:var(--color-surface-hover)}.contact-table-row>div:first-child{align-items:center;gap:10px;display:flex}.contact-table-row>span{color:var(--color-text-secondary)}.channel-stack{gap:4px;display:flex}.settings-page{padding-left:max(38px,50vw - 550px);padding-right:max(38px,50vw - 550px)}.channel-grid{grid-template-columns:1fr 1fr;gap:14px;max-width:1100px;margin:auto;display:grid}.channel-card{align-items:flex-start;gap:14px;min-height:145px;padding:18px;display:flex}.channel-logo{border-radius:var(--radius-md);color:#fff;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.channel-logo.gmail{background:#ea4335}.channel-logo.whatsapp{color:#075e54;background:#25d366}.channel-logo.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcaa45)}.channel-logo.facebook{background:#1877f2}.channel-copy{flex:1;min-width:0}.channel-copy h3{margin:2px 0 6px;font-size:13px}.channel-copy>p{color:var(--color-text-muted);font-size:10px;line-height:1.45}.channel-card>button{flex:none}.connection-status{border-top:1px solid var(--color-border-light);align-items:center;gap:6px;margin-top:8px;padding-top:8px;font-size:9px;display:flex}.connection-status i{background:var(--color-danger);border-radius:50%;width:7px;height:7px}.connection-status i.healthy{background:var(--color-success)}.connection-status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection-status small{max-width:min(520px,100%);color:var(--color-danger);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;display:block;overflow:hidden}.connection-status:has(small){align-items:flex-start}.connection-status:has(small) span{white-space:normal}.connection-status b{color:var(--color-text-muted);margin-left:auto;font-weight:500}.meta-asset-panel{max-width:1100px;margin:0 auto 14px;padding:16px}.meta-asset-panel header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.meta-asset-panel h3{margin:0 0 5px;font-size:13px}.meta-asset-panel p{color:var(--color-text-muted);margin:0;font-size:10px}.asset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px;display:grid}.asset-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:center;gap:10px;min-height:50px;padding:9px 10px;display:flex}.asset-row span{flex-direction:column;gap:2px;min-width:0;display:flex}.asset-row b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.asset-row small{color:var(--color-text-muted);font-size:9px}.asset-empty{color:var(--color-text-muted);padding-top:12px;font-size:10px}.security-callout{background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);gap:12px;max-width:1100px;margin:18px auto 0;padding:16px;display:flex}.security-callout svg{width:21px;color:var(--color-primary);flex:none}.security-callout strong{font-size:11px}.security-callout p{color:var(--color-text-secondary);margin:5px 0 0;font-size:10px}.moderation-grid{grid-template-columns:minmax(300px,390px) minmax(420px,1fr) 260px;max-width:1280px;min-height:calc(100vh - 170px);margin:auto;display:grid}.comment-queue{border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow:hidden}.panel-toolbar{border-bottom:1px solid var(--color-border);gap:8px;padding:13px;display:flex}.panel-toolbar .search-box{flex:1}.comment-row{border:0;border-bottom:1px solid var(--color-border-light);background:var(--color-surface);text-align:left;cursor:pointer;align-items:flex-start;gap:10px;width:100%;padding:15px;display:flex}.comment-row:hover{background:var(--color-surface-hover)}.comment-row.selected{background:var(--color-primary-soft)}.comment-row>div:nth-child(2){flex:1;min-width:0}.comment-row strong{font-size:11px}.comment-row p{color:var(--color-text-secondary);margin:5px 0;font-size:11px;line-height:1.45}.comment-row span{color:var(--color-text-muted);font-size:9px}.comment-row>svg{width:14px;color:var(--color-text-muted);align-self:center}.comment-detail{border-left:0;border-radius:0;padding:23px}.comment-mobile-back{display:none}.post-context{background:var(--color-bg);border-radius:var(--radius-sm);padding:11px}.post-context span{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:9px}.post-context p{white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:11px;overflow:hidden}.featured-comment{gap:12px;padding:26px 5px;display:flex}.featured-comment strong{font-size:12px}.featured-comment p{margin:6px 0;font-size:13px;line-height:1.55}.featured-comment time{color:var(--color-text-muted);font-size:9px}.moderation-actions{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:7px;padding:12px 0;display:flex}.moderation-actions button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:flex}.moderation-actions svg{width:13px}.comment-reply{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:20px;padding:10px}.comment-reply textarea{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:90px;font-size:11px}.comment-reply button{border:0;margin-left:auto}.comment-context{border-radius:0 var(--radius-lg) var(--radius-lg) 0;text-align:center;border-left:0;padding:22px}.comment-context>.avatar{margin:18px auto 10px}.comment-context h3{margin-bottom:4px;font-size:14px;font-weight:600}.comment-context>p{color:var(--color-text-muted);font-size:10px}.comment-context hr{border:0;border-top:1px solid var(--color-border);margin:20px 0}.post-preview{text-align:left;margin-top:10px}.post-art{color:#c7d2fe;height:135px;font-family:var(--font-serif);border-radius:var(--radius-sm);background:linear-gradient(145deg,#818cf8,#4f46e5);place-items:center;font-size:40px;display:grid}.post-preview p{margin-top:8px;font-size:9px;line-height:1.5}.page-error{max-width:1280px;margin-left:auto;margin-right:auto}.sign-in-page{background:radial-gradient(circle at top left, #eef2ff 0, var(--color-bg) 34%, var(--color-bg) 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.sign-in-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(420px,100%);box-shadow:var(--shadow-lg);padding:36px 30px}.sign-in-brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.sign-in-brand .brand{border-radius:var(--radius-md);color:#fff;width:40px;height:40px;font-family:var(--font-serif);background:linear-gradient(145deg,#818cf8,#4f46e5);border:0;place-items:center;font-size:20px;font-weight:700;display:grid;box-shadow:0 2px 8px #4f46e559}.sign-in-brand strong{letter-spacing:0;font-size:18px}.sign-in-card h1{letter-spacing:0;margin:0 0 6px;font-size:24px;font-weight:680}.sign-in-sub{color:var(--color-text-muted);margin:0 0 22px;font-size:12px}.sign-in-card form{flex-direction:column;gap:14px;display:flex}.sign-in-card label{color:var(--color-text-secondary);flex-direction:column;gap:5px;font-size:10px;font-weight:650;display:flex}.sign-in-card input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);outline:0;width:100%;height:42px;padding:0 12px;font-size:13px}.sign-in-card input:focus{border-color:var(--color-primary-border);background:var(--color-surface);box-shadow:0 0 0 3px #4f46e514}.sign-in-button{justify-content:center;width:100%;height:42px;margin-top:4px}.sign-in-toggle{text-align:center;color:var(--color-text-secondary);margin-top:18px;font-size:11px}.sign-in-toggle button{color:var(--color-primary);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:600}.sign-in-toggle button:hover{text-decoration:underline}.sign-in-demo{color:var(--color-text-secondary);background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;margin-top:14px;padding:12px;font-size:11px;display:flex}.sign-in-demo span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:650}.sign-in-demo strong{color:var(--color-text);font-size:12px}.demo-sign-in-button{background:var(--color-surface)}.loading-screen{background:var(--color-bg);min-height:100vh;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-screen p{font-size:13px}.legal-page{color:#0f172a;background:#f8fafc;min-height:100vh;padding:56px 20px}.legal-page section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:min(760px,100%);margin:0 auto;padding:40px;box-shadow:0 18px 50px #0f172a14}.legal-page h1{letter-spacing:0;margin:8px 0;font-size:40px;line-height:1.1}.legal-page h2{letter-spacing:0;margin:28px 0 8px;font-size:18px}.legal-page p{color:#475569;line-height:1.7}.legal-page a{color:#4f46e5;margin-top:24px;font-weight:700;text-decoration:none;display:inline-flex}.legal-updated{font-size:14px}@media (max-width:1280px){.rail{flex-basis:78px;align-items:center;width:78px;padding-left:10px;padding-right:10px}.brand-lockup>div,.rail-label,.saved-nav,.rail-user{display:none}.brand-lockup{padding:0}.rail nav{width:100%;margin-top:32px}.nav-button{justify-content:center;padding:0}.nav-button>span{display:none}.nav-button.active:before{left:-10px}.rail-bottom{justify-content:center;padding:14px 0 2px;display:flex}.help-button,.brand-lockup>div{display:none}.workspace,.wide-page{width:calc(100vw - 78px)}.workspace{grid-template-columns:350px minmax(450px,1fr)}.customer-pane,.comment-context{display:none}.moderation-grid{grid-template-columns:340px 1fr}}@media (max-width:1000px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.attention-panel{min-height:0}.agents-head,.agent-row{grid-template-columns:1.4fr .6fr .75fr .7fr 66px}.agents-head>span:nth-child(5),.agent-row>span:nth-child(5){display:none}}@media (max-width:800px){body{background:var(--color-surface)}.app-shell{overflow:auto}.rail{z-index:30;flex-direction:row;width:100%;height:64px;padding:7px 10px;position:fixed;top:auto;bottom:0;left:0}.rail nav{scrollbar-width:none;flex-direction:row;justify-content:flex-start;gap:3px;width:100%;margin:0;overflow-x:auto}.rail nav::-webkit-scrollbar{display:none}.brand-lockup,.saved-nav,.rail-bottom,.help-button{display:none}.nav-button{flex-direction:column;flex:1 0 62px;gap:2px;min-width:62px;height:50px;font-size:8px}.nav-button>span{font-size:8px;display:block}.nav-button.active:before{display:none}.workspace{width:100vw;height:calc(100vh - 64px);box-shadow:none;grid-template-columns:1fr}.conversation-list{width:100%;height:calc(100vh - 64px)}.conversation-pane{z-index:25;background:var(--color-bg);display:none;position:fixed;inset:0 0 64px}.conversation-pane.mobile-open{display:flex}.mobile-back{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);place-items:center;width:32px;height:32px;margin-right:4px;font-size:14px;display:grid}.conversation-header{padding:0 12px}.conversation-person .avatar{display:none}.messages{padding:20px 14px}.bubble{max-width:86%}.composer-wrap{padding:8px 10px 12px}.wide-page{width:100vw;height:auto;min-height:100vh;padding:22px 14px 84px}.page-header{margin-bottom:20px}.page-header .avatar{display:none}.moderation-grid{grid-template-columns:1fr;min-height:0}.comment-detail{display:none}.comment-detail.mobile-open{z-index:25;border:0;border-radius:0;padding:18px;display:block;position:fixed;inset:0 0 64px;overflow:auto}.comment-mobile-back{color:var(--color-primary);background:0 0;border:0;padding:0 0 16px;font-size:11px;font-weight:600;display:block}.channel-grid,.asset-list{grid-template-columns:1fr}.meta-asset-panel header{flex-direction:column}.meta-asset-panel header .primary{justify-content:center;width:100%}.channel-card{min-height:0}.table-head{display:none}.contact-table-row{grid-template-columns:1fr auto;gap:8px;padding:12px}.contact-table-row>span{display:none}.dashboard-page,.analytics-page,.team-page,.settings-shell{padding-top:19px}.dashboard-toolbar{flex-wrap:wrap}.dashboard-toolbar .primary{justify-content:center;width:100%;margin-top:2px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:112px;padding:14px}.metric-card>strong{font-size:25px}.dashboard-grid{grid-template-columns:1fr}.bar-chart{gap:9px;margin-left:15px;margin-right:15px}.recent-head{display:none}.recent-row{grid-template-columns:1fr 42px;padding:10px 14px}.recent-row p,.recent-row>span:nth-child(3),.recent-row>span:nth-child(4){display:none}.analytics-grid{grid-template-columns:1fr}.report-controls{justify-content:space-between}.performance-head,.performance-row{grid-template-columns:1.4fr repeat(2,.6fr)}.performance-head span:nth-child(4),.performance-head span:nth-child(5),.performance-row>span:nth-child(4),.performance-row>span:nth-child(5),.agents-head{display:none}.agent-row{grid-template-columns:1fr auto;gap:10px;padding:13px 15px}.agent-row>span:nth-child(2),.agent-row>span:nth-child(3),.agent-row>span:nth-child(4),.agent-row>span:nth-child(5){display:none}.team-toolbar{margin-top:0}.settings-layout{grid-template-columns:1fr;gap:12px}.settings-nav{flex-direction:row;padding-bottom:3px;position:static;overflow-x:auto}.settings-nav button{white-space:nowrap;flex:none}.settings-nav button svg{display:none}.security-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.day-picker{overflow-x:auto}}