:root{color:#26282b;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#2e7d5b;border:0;border-radius:9px;padding:11px 16px;font-weight:700}button:disabled{cursor:wait;opacity:.65}.button-secondary{color:#245f46;background:#fff;border:1px solid #bfc8c1}.button-danger{background:#9a3030}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #75b99a}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:#fdfcf9;border-right:1px solid #e3e0d8;flex-direction:column;gap:36px;min-height:100vh;padding:28px 20px;display:flex}.brand{align-items:center;gap:10px;font-weight:750;display:flex}.brand-mark{color:#fff;background:#2e7d5b;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}nav{gap:8px;display:grid}.nav-item{border-radius:9px;padding:11px 12px;font-size:14px}.nav-item-active{color:#245f46;background:#e4efe7;font-weight:650}.nav-item-disabled{color:#8b8d90}.sidebar-account{gap:5px;margin-top:auto;font-size:13px;display:grid}.sidebar-account span{color:#777a7e}.button-link{color:#245f46;background:0 0;justify-self:start;padding:7px 0}.privacy-note{color:#777a7e;margin-top:auto;font-size:12px}.content{padding:32px clamp(24px,5vw,72px) 64px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(28px,4vw,40px)}h2{letter-spacing:-.02em}.eyebrow{color:#2e7d5b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:750}.status-badge{background:#fff;border:1px solid #ddd9cf;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:650;display:inline-flex}.status-dot{background:#b37725;border-radius:50%;width:8px;height:8px}.status-ready .status-dot,.status-dot-ready{background:#2e7d5b}.status-dot-auth_failure,.status-dot-disconnected,.status-dot-degraded,.status-auth_failure .status-dot,.status-disconnected .status-dot{background:#b74848}.fake-label{color:#777a7e;border-left:1px solid #ddd9cf;padding-left:8px;font-size:11px}.welcome-card,.empty-state,.notice,.inbox-card{background:#fff;border:1px solid #e0ddd5;border-radius:18px;box-shadow:0 8px 24px #26282b0d}.welcome-card{grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:40px;padding:clamp(24px,4vw,40px);display:grid}.welcome-card p:not(.eyebrow),.empty-state p,.notice p{color:#6f7276;line-height:1.6}.foundation-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.foundation-list li{color:#3c5d4c;background:#f5f7f3;border-radius:10px;padding:12px 14px;font-size:14px}.foundation-list li:before{content:"✓";color:#2e7d5b;margin-right:8px;font-weight:800}.empty-state{text-align:center;box-shadow:none;border-style:dashed;margin-top:20px;padding:48px 24px}.empty-icon{color:#2e7d5b;background:#e4efe7;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 16px;display:grid}.notice{margin-bottom:20px;padding:18px 20px}.inbox-card{padding:clamp(24px,4vw,40px)}.inbox-header{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.muted,.inbox-header p,.conversation-row p{color:#6f7276}.conversation-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.conversation-filters{grid-template-columns:minmax(220px,1fr) minmax(180px,240px);gap:12px;margin-bottom:18px;display:grid}.conversation-filters label{color:#4a4d50;gap:6px;font-size:13px;font-weight:700;display:grid}.conversation-filters input,.conversation-filters select,.status-editor select,.crm-actions input,.crm-actions select,.crm-create-form input,.crm-create-form select,.internal-notes-panel textarea{color:#26282b;min-height:44px;font:inherit;background:#fff;border:1px solid #d5d1c8;border-radius:12px;padding:0 12px}.sync-report{background:#f7fbf8;border:1px solid #e0ddd5;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:14px 16px;display:flex}.sync-report-warning{background:#fff8f8;border-color:#e6bcbc}.sync-report strong{margin-top:2px;display:block}.sync-report span{color:#6f7276;font-size:13px}.sync-report dl{grid-template-columns:repeat(4,minmax(62px,1fr));gap:10px;margin:0;display:grid}.sync-report div{min-width:0}.sync-report dt{color:#6f7276;font-size:12px}.sync-report dd{color:#26282b;margin:2px 0 0;font-size:18px;font-weight:800}.conversation-row{background:#fdfcf9;border:1px solid #e0ddd5;border-radius:14px;justify-content:space-between;gap:20px;padding:16px;display:flex}.conversation-row-link{color:inherit;cursor:pointer;text-decoration:none}.conversation-row h3,.conversation-row p{margin-bottom:6px}.conversation-row a{color:inherit;text-decoration:none}.conversation-row a:focus-visible,.conversation-row a:hover,.back-link:focus-visible,.back-link:hover{color:#245f46;text-decoration:underline}.conversation-meta{color:#6f7276;justify-items:end;gap:6px;min-width:96px;font-size:12px;display:grid}.conversation-meta strong{color:#fff;background:#2e7d5b;border-radius:999px;place-items:center;min-width:24px;height:24px;display:grid}.conversation-detail{gap:22px;display:grid}.back-link{color:#245f46;width:fit-content;font-weight:700;text-decoration:none}.conversation-detail-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.conversation-detail-header h2,.conversation-detail-header p{margin:0}.status-editor{color:#4a4d50;gap:6px;min-width:210px;font-size:13px;font-weight:700;display:grid}.status-pill{color:#245f46;background:#e1efe7;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750}.tag-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag-pill,.blocked-pill{border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:12px;font-weight:750;display:inline-flex}.tag-pill{color:#245f46;background:#edf4ef}.tag-blue{color:#285b8f;background:#e8f0fb}.tag-orange{color:#87551b;background:#fff2df}.tag-red,.blocked-pill{color:#9a3030;background:#fff0f0}.tag-purple{color:#65459b;background:#f1ecfb}.tag-gray{color:#595b5f;background:#eeeeec}.blocked-pill{margin-top:8px}.message-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.load-more-messages{justify-self:center;width:fit-content}.message-row{display:flex}.message-row-inbound{justify-content:flex-start}.message-row-outbound{justify-content:flex-end}.message-bubble{background:#fff;border:1px solid #e0ddd5;border-radius:16px;max-width:min(680px,78%);padding:12px 14px;box-shadow:0 8px 28px #26282b0f}.message-row-outbound .message-bubble{background:#eaf6ef;border-color:#b9ddcb}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message-bubble footer{color:#6f7276;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;display:flex}.message-composer{border-top:1px solid #e0ddd5;gap:10px;padding-top:18px;display:grid}.message-composer label{color:#2b2d31;font-weight:750}.message-composer textarea{resize:vertical;width:100%;font:inherit;color:#2b2d31;background:#fff;border:1px solid #cfcac0;border-radius:14px;padding:12px 14px}.message-composer textarea:focus{border-color:#2e7d5b;outline:3px solid #2e7d5b33}.composer-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-feedback{color:#245f46;margin:0;font-weight:700}.composer-feedback-error{color:#9b3434}.message-commands-panel{background:#fdfcf9;border:1px solid #e0ddd5;border-radius:14px;padding:16px}.message-commands-warning{background:#fff8f8;border-color:#e6bcbc}.message-commands-header,.message-commands-panel li{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.message-commands-header h3{margin:0}.message-commands-panel ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.message-commands-panel li{border-top:1px solid #e9e4da;padding-top:10px}.message-commands-panel li span,.message-commands-panel li p{color:#6f7276;margin:4px 0 0;display:block}.internal-notes-panel,.crm-row,.crm-create-form{background:#fdfcf9;border:1px solid #e0ddd5;border-radius:14px;padding:16px}.internal-notes-panel{gap:14px;display:grid}.internal-notes-panel h3,.internal-notes-panel p{margin:0}.internal-notes-panel ul,.crm-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.internal-notes-panel li{border-top:1px solid #e9e4da;padding-top:10px}.internal-notes-panel li span,.crm-row span{color:#6f7276;margin-top:4px;font-size:13px;display:block}.internal-notes-panel form,.crm-create-form,.crm-actions{gap:10px;display:grid}.internal-notes-panel label,.crm-create-form label,.crm-actions label{color:#4a4d50;gap:6px;font-size:13px;font-weight:700;display:grid}.crm-row{grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);align-items:start;gap:16px;display:grid}.crm-create-form{grid-template-columns:minmax(220px,1fr) minmax(140px,220px) auto;align-items:end;margin-bottom:18px}.notice-error{background:#fff8f8;border-color:#e6bcbc}.whatsapp-panel{gap:24px;margin-top:24px;display:grid}.connection-summary,.qr-area,.danger-zone{background:#fdfcf9;border:1px solid #e0ddd5;border-radius:14px;padding:20px}.connection-summary>div{align-items:center;gap:10px;display:flex}.connection-summary p,.qr-area p,.danger-zone p{margin:8px 0 0}.qr-area{text-align:center}.qr-area img{width:min(100%,320px);margin:18px auto;display:block}.qr-area small{color:#6f7276}.connection-actions{flex-wrap:wrap;gap:10px;display:flex}.danger-zone{border-color:#e6bcbc}.danger-zone label{margin:18px 0 8px;font-size:13px;font-weight:700;display:block}.danger-zone>div{gap:10px;display:flex}.danger-zone input{border:1px solid #cfcac0;border-radius:9px;flex:1;min-width:0;padding:11px 12px}.auth-page{background:radial-gradient(circle at 0 0,#e4efe7,#0000 42%),#f4f3ef;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e0ddd5;border-radius:20px;width:min(100%,430px);padding:clamp(28px,6vw,44px);box-shadow:0 18px 55px #26282b1a}.auth-card .brand{margin-bottom:32px}.auth-card h1{margin-bottom:10px;font-size:30px}.auth-intro{color:#6f7276;margin-bottom:28px}.auth-card form{gap:10px;display:grid}.auth-card label{margin-top:6px;font-size:13px;font-weight:700}.auth-card input{color:#26282b;background:#fff;border:1px solid #cfcac0;border-radius:9px;width:100%;padding:11px 12px}.auth-card form a,.auth-card>a{color:#245f46;margin-top:12px;font-size:14px;font-weight:650}.auth-card [role=alert]{color:#9a3030;font-size:14px}@media (width<=800px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e3e0d8;border-right:0;min-height:auto}.privacy-note,.sidebar-account{margin-top:0}.topbar,.welcome-card,.inbox-header,.conversation-row,.crm-row,.crm-create-form{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}}:root{--ci-bg:#fbf9f8;--ci-surface:#fff;--ci-surface-low:#f6f3f2;--ci-surface-mid:#f0eded;--ci-border:#bfc9c1;--ci-border-soft:#e4e2e1;--ci-text:#1b1c1c;--ci-muted:#5f6962;--ci-faint:#707973;--ci-primary:#0f5238;--ci-primary-2:#2d6a4f;--ci-primary-soft:#dff8eb;--ci-primary-chip:#a1f4c8;--ci-danger:#ba1a1a;--ci-danger-soft:#ffdad6;--ci-note:#fff8d7;background:var(--ci-bg);color:var(--ci-text)}body{background:var(--ci-bg);overflow:hidden}button{background:var(--ci-primary-2);border-radius:10px;min-height:38px;box-shadow:0 1px #0000000a}.button-secondary{border-color:var(--ci-border);background:var(--ci-surface);color:var(--ci-primary)}.button-danger{color:var(--ci-danger);background:0 0}.app-shell{background:var(--ci-bg);grid-template-columns:256px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{border-right:1px solid var(--ci-border);background:var(--ci-surface);gap:24px;height:100vh;padding:24px 16px}.brand{color:var(--ci-primary);gap:12px}.brand>span:last-child{gap:2px;display:grid}.brand strong{letter-spacing:-.03em;font-size:22px;line-height:1}.brand small{color:var(--ci-text);font-size:12px;font-weight:500}.brand-mark{background:var(--ci-primary);color:#b1f0ce;border-radius:12px;width:40px;height:40px;font-weight:800}.sidebar .status-badge{background:var(--ci-primary-soft);width:100%;color:var(--ci-primary);border-color:#b7efce;justify-content:space-between}.sidebar .status-badge:before{content:"WhatsApp Status";margin-right:auto;font-weight:700}.sidebar .status-badge{font-size:0}.sidebar .status-badge .status-dot{margin-right:8px}.sidebar .status-badge .status-dot,.sidebar .status-badge:before{font-size:13px}nav{gap:10px}.nav-item{min-height:42px;color:var(--ci-text);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.nav-item span{width:22px;color:var(--ci-primary);font-size:18px}.nav-item:hover{background:var(--ci-surface-mid)}.nav-item-active{background:var(--ci-primary-2);color:#fff;font-weight:700}.nav-item-active span{color:#b1f0ce}.sidebar-account{border-top:1px solid var(--ci-border);color:var(--ci-text);padding-top:18px}.button-link{color:var(--ci-danger)}.content{min-width:0;height:100vh;padding:0;overflow:hidden}.inbox-card,.welcome-card{background:var(--ci-bg);height:100%;box-shadow:none;border:0;border-radius:0}.inbox-header{border-bottom:1px solid var(--ci-border);background:var(--ci-surface);align-items:center;min-height:64px;margin:0;padding:0 24px}.inbox-header .eyebrow,.inbox-header p:not(.eyebrow){display:none}.inbox-header h2{color:var(--ci-primary);margin:0;font-size:20px;font-weight:650}.conversation-filters{border-bottom:1px solid var(--ci-border);background:var(--ci-surface);grid-template-columns:minmax(220px,1fr) minmax(150px,220px);margin:0;padding:16px 24px}.conversation-filters label{color:#0000;gap:0;font-size:0}.conversation-filters input,.conversation-filters select,.crm-actions input,.crm-actions select,.crm-create-form input,.crm-create-form select,.status-editor select,.internal-notes-panel textarea{border-color:var(--ci-border);background:var(--ci-surface);border-radius:12px;min-height:40px}.conversation-filters input{background:linear-gradient(90deg, transparent 0 34px, var(--ci-surface) 34px), var(--ci-surface);border-radius:999px;padding-left:42px}.conversation-filters label:first-child{position:relative}.conversation-filters label:first-child:before{content:"⌕";z-index:1;color:var(--ci-faint);font-size:24px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sync-report{border-color:var(--ci-border-soft);box-shadow:none;background:#f7fbf8;margin:16px 24px 0}.conversations-layout{grid-template-columns:var(--conversation-list-width,380px) 10px minmax(0, 1fr);background:#f8f9fa;height:100vh;display:grid;overflow:hidden}.conversations-layout-open .conversations-screen .inbox-header{grid-template-columns:1fr;display:grid}.conversations-layout-open .conversations-screen .inbox-header button{width:fit-content}.conversations-layout-open .sync-report{flex-direction:column;align-items:flex-start}.conversations-layout-open .sync-report dl{grid-template-columns:repeat(2,minmax(62px,1fr));width:100%}.conversations-layout-open .conversation-filters{grid-template-columns:1fr}.conversation-resizer{z-index:10;border-right:1px solid var(--ci-border);border-left:1px solid var(--ci-border);cursor:col-resize;background:linear-gradient(90deg, transparent 0 4px, var(--ci-border) 4px 6px, transparent 6px), #f1efed;position:relative}.conversation-resizer:after{content:"⋮";color:var(--ci-muted);font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conversation-resizer:hover,.conversation-resizer:focus-visible,.conversations-layout-resizing .conversation-resizer{background:linear-gradient(90deg, transparent 0 3px, var(--ci-primary) 3px 7px, transparent 7px), var(--ci-primary-soft)}.conversations-layout-resizing{-webkit-user-select:none;user-select:none}.conversations-screen{border-right:1px solid var(--ci-border);background:var(--ci-surface);grid-template-rows:auto auto auto auto minmax(0,1fr);height:100vh;min-height:0;display:grid}.layout-controls{border:0;border-bottom:1px solid var(--ci-border);background:var(--ci-surface);flex-wrap:wrap;gap:8px;margin:0;padding:10px 24px;display:flex}.layout-controls legend{width:100%;color:var(--ci-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.layout-controls button{border:1px solid var(--ci-border);background:var(--ci-surface-low);min-height:32px;color:var(--ci-text);border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.layout-controls button[aria-pressed=true]{border-color:var(--ci-primary);background:var(--ci-primary);color:#fff}.conversation-preview-empty{background:radial-gradient(var(--ci-border-soft) 1px, transparent 1px), #f8f9fa;min-width:0;height:100vh;color:var(--ci-muted);text-align:center;background-size:24px 24px;place-items:start center;padding:160px 32px 32px;display:grid}.conversation-preview-empty>div{border:1px solid var(--ci-border-soft);background:#ffffffdb;border-radius:18px;width:min(100%,420px);padding:32px}.conversation-preview-empty span{background:var(--ci-primary-soft);width:54px;height:54px;color:var(--ci-primary);border-radius:16px;place-items:center;margin:0 auto 14px;font-size:24px;display:grid}.conversation-preview-empty h2{color:var(--ci-text);margin-bottom:8px}.conversation-list,.crm-list{gap:0;overflow:auto}.conversation-list{border-top:1px solid var(--ci-border)}.conversation-row{border:0;border-bottom:1px solid var(--ci-border);background:var(--ci-surface);min-height:96px;box-shadow:none;border-radius:0}.conversation-row:hover,.conversation-row:focus-visible{background:var(--ci-surface-low)}.conversation-row-active{border-left:5px solid var(--ci-primary);background:#f1efed}.conversation-row h3{margin:0 0 4px;font-size:14px}.conversation-row p{text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin:0 0 8px;overflow:hidden}.conversation-meta{color:var(--ci-muted)}.conversation-meta time{color:var(--ci-primary)}.tag-pill,.blocked-pill{border:1px solid var(--ci-border);background:var(--ci-surface-low);color:var(--ci-muted);border-radius:8px;font-weight:500}.tag-green{color:var(--ci-primary);background:#daf9e8;border-color:#9fe5bc}.tag-red,.blocked-pill{color:var(--ci-danger);background:#fff0ef;border-color:#f0b2aa}.conversation-screen{background:radial-gradient(var(--ci-border-soft) 1px, transparent 1px), #f8f9fa;background-size:24px 24px;grid-template-rows:auto minmax(0,1fr);height:100%;padding:0;display:grid;position:relative;overflow:hidden}.conversation-screen .back-link{display:none}.conversation-detail-header{border-bottom:1px solid var(--ci-border);background:var(--ci-surface);align-items:center;min-height:64px;padding:10px 24px}.conversation-detail-header .eyebrow{display:none}.conversation-detail-header h2{margin:0;font-size:18px}.conversation-detail-header p{color:var(--ci-muted);margin:2px 0 0;font-size:13px}.conversation-header-actions{align-items:end;gap:12px;display:flex}.status-editor{max-width:220px}.conversation-body{grid-template-columns:minmax(0,1fr);min-height:0;padding-bottom:136px;display:grid;overflow:hidden}.conversation-body-profile-open{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}.conversation-main-column{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.message-list{align-content:end;min-height:0;padding:24px clamp(18px,4vw,64px);overflow:auto}.message-bubble{border-color:var(--ci-border-soft);background:#f3f6f6;border-radius:18px;max-width:min(560px,72%);box-shadow:0 6px 18px #0000000a}.message-row-outbound .message-bubble{background:var(--ci-primary-2);color:#fff;border-color:#1f6a4a}.message-row-outbound .message-bubble footer{color:#d8f7e7}.message-commands-panel,.internal-notes-panel{border-color:var(--ci-border-soft);background:#ffffffe6;margin:0 clamp(18px,4vw,64px)}.internal-notes-panel{background:var(--ci-note);border-color:#f0d991}.message-composer{border-top:1px solid var(--ci-border);z-index:5;background:var(--ci-surface);margin:0;padding:16px 24px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #00000014}.message-composer label{display:none}.message-composer textarea{resize:none;background:var(--ci-surface-low);border-radius:16px;min-height:72px}.contact-profile-panel{border-left:1px solid var(--ci-border);background:var(--ci-surface);min-height:0;padding:24px;overflow:auto}.contact-profile-hero{text-align:center;justify-items:center;gap:8px;padding-bottom:20px;display:grid}.contact-profile-hero>span{background:var(--ci-primary-soft);width:76px;height:76px;color:var(--ci-primary);border-radius:999px;place-items:center;font-size:22px;font-weight:850;display:grid}.contact-profile-hero h3,.contact-profile-hero p,.contact-profile-panel h4{margin:0}.contact-profile-hero p,.contact-profile-facts dt,.contact-profile-panel .muted{color:var(--ci-muted)}.contact-profile-facts{gap:10px;margin:0 0 24px;display:grid}.contact-profile-facts div{border:1px solid var(--ci-border-soft);background:var(--ci-surface-low);border-radius:12px;padding:12px}.contact-profile-facts dt{font-size:12px}.contact-profile-facts dd{margin:4px 0 0;font-weight:750}.contact-profile-panel section{border-top:1px solid var(--ci-border-soft);gap:10px;padding-top:18px;display:grid}.composer-actions{justify-content:flex-end}.contacts-screen{background:var(--ci-bg);grid-template-rows:auto auto minmax(0,1fr);display:grid}.contacts-screen .inbox-header{grid-template-columns:minmax(180px,1fr) auto;display:grid}.contacts-screen .inbox-header .eyebrow,.contacts-screen .inbox-header p{display:none}.contacts-screen .conversation-filters{grid-template-columns:minmax(300px,560px) auto auto auto;align-items:center}.contacts-screen .conversation-filters label{max-width:560px;position:relative}.contacts-screen .conversation-filters label:before{content:"⌕";color:var(--ci-muted);font-size:22px;position:absolute;top:50%;left:16px;transform:translateY(-43%)}.contacts-screen .conversation-filters label>input{color:var(--ci-text);padding-left:44px;font-size:15px}.contacts-screen .conversation-filters:after{content:"Ativos";background:var(--ci-primary-soft);width:fit-content;color:var(--ci-primary);border-radius:999px;padding:9px 18px;font-weight:650}.contacts-screen .crm-list{border:1px solid var(--ci-border);background:var(--ci-surface);border-radius:14px;margin:24px}.contacts-screen .crm-row{border:0;border-bottom:1px solid var(--ci-border);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(260px,1fr) minmax(460px,.95fr)}.contacts-screen .crm-row:last-child{border-bottom:0}.contacts-screen .crm-row>div:first-child{padding-left:48px;position:relative}.contacts-screen .crm-row>div:first-child:before{content:attr(data-initials);background:var(--ci-primary-soft);width:34px;height:34px;color:var(--ci-primary);border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:2px;left:0}.crm-actions{grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:10px}.crm-actions label:last-of-type{grid-column:1/span 1}.crm-actions button:last-child{grid-column:2/span 1}.crm-actions .button-danger{color:#b40000;min-width:112px;box-shadow:none;background:0 0;border-color:#0000}.crm-actions .button-danger:hover:not(:disabled){background:#fff3f3}.contacts-screen .load-more-messages{margin-top:0}.tags-screen{padding:0 24px 24px}.tags-screen .inbox-header{margin:0 -24px 24px}.settings-screen{padding:0;display:block}.settings-screen>div{grid-template-rows:64px minmax(0,1fr);height:100%;display:grid}.settings-screen>div>h2{border-bottom:1px solid var(--ci-border);background:var(--ci-surface);margin:0;padding:18px 24px;font-size:20px;font-weight:650}.settings-screen>div>p{display:none}.whatsapp-panel{gap:20px;width:min(100%,900px);margin:32px auto 0}.connection-summary,.qr-area,.danger-zone{border-color:var(--ci-border);background:var(--ci-surface);border-radius:14px}.connection-summary{min-height:268px;padding:0;overflow:visible}.connection-summary-header{border-bottom:1px solid var(--ci-border);justify-content:space-between;gap:24px;padding:28px 32px;display:flex}.connection-summary-header h3{margin:0 0 10px;font-size:24px}.connection-summary-header p{max-width:620px;color:var(--ci-text);margin:0;line-height:1.5}.connection-chip{border:1px solid var(--ci-border);min-width:max-content;color:var(--ci-text);background:#f2f0ef;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-weight:650;display:inline-flex}.connection-chip-ready{color:var(--ci-primary);background:#a7f3c8;border-color:#7dd8aa}.connection-chip-disconnected,.connection-chip-auth_failure,.connection-chip-degraded{color:#963838;background:#fff3f3;border-color:#f0b2aa}.connection-device-card{align-items:center;gap:24px;padding:32px 40px;display:flex}.connection-device-card strong{letter-spacing:-.02em;font-size:28px;display:block}.connection-device-card p{color:var(--ci-muted);margin:8px 0 0}.device-icon{background:var(--ci-primary-soft);width:78px;height:78px;color:var(--ci-primary);border:1px solid #9ee6bd;border-radius:18px;place-items:center;font-size:18px;font-weight:850;display:grid}.connection-actions{border-top:1px solid var(--ci-border);padding-top:16px}.settings-screen .connection-actions{justify-content:space-between;display:flex}.settings-screen .connection-actions button{border-radius:10px;min-height:58px;padding-inline:28px}.stability-tip{border:1px solid var(--ci-border);background:var(--ci-surface);border-radius:12px;grid-template-columns:auto 1fr;gap:4px 14px;padding:20px 24px;display:grid}.stability-tip:before{content:"ⓘ";color:var(--ci-primary);grid-row:span 2;font-size:22px}.stability-tip strong,.stability-tip p{margin:0}.stability-tip p{color:var(--ci-text)}.danger-zone{background:#fffefe;border-color:#f0b2aa}@media (width<=1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.conversations-layout{grid-template-columns:1fr}.conversation-resizer,.conversation-preview-empty{display:none}.crm-actions,.contacts-screen .crm-row,.conversation-header-actions,.conversation-body-profile-open{grid-template-columns:1fr}.conversation-header-actions{flex-direction:column;align-items:stretch}.contact-profile-panel{border-left:0;border-top:1px solid var(--ci-border)}.crm-actions label:last-of-type,.crm-actions button:last-child{grid-column:auto}.connection-summary-header,.settings-screen .connection-actions{flex-direction:column}}@media (width<=800px){body,.content,.app-shell,.sidebar{height:auto;min-height:auto;overflow:visible}.content,.conversations-screen,.conversation-screen,.contacts-screen,.settings-screen>div{min-height:100vh}.sidebar .status-badge{width:fit-content}}
