/* Agaval / A closer connection — November 2026 */
.message-preview-card .wa-chat-bg>div:last-child{overflow-y:auto;min-height:0;justify-content:flex-start}.message-preview-card .wa-chat-bg>div:last-child>div{flex-shrink:0;margin-top:auto}
.conversation-item{display:flex;align-items:center;gap:12px;border:0}.conversation-item.is-selected{background:#edf3e3!important}.conversation-avatar{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#eef3e4;color:#80996a;border:1px solid #e0e9d3;font-size:12px}.conversation-summary{flex:1;min-width:0}.conversation-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0}.conversation-name{font-size:11px;color:#516a45;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:8px;color:#a0ae91;white-space:nowrap}.conversation-snippet{font-size:10px;color:#9daa8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7}.conversation-unread{background:#839f64;border-radius:5px;color:white;padding:1px 5px;font-size:8px}.conversation-item.has-unread .conversation-name{font-weight:650}
:root{--forest:#123e35;--deep:#112f29;--green:#176b50;--mint:#dcebdc;--ink:#233c34;--muted:#77847c;--line:#e3e7df;--canvas:#f7f8f2;--paper:#fff;--sand:#eeeccf;--amber:#bd792d;--radius:17px}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{margin:0;width:100%;height:100%;color:var(--ink);font-family:'DM Sans',sans-serif}body.agaval-next{display:flex;height:100dvh;overflow:hidden;background:var(--canvas);font-size:13px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;transition:background .16s,box-shadow .16s,color .16s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #a4b991;outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}svg{flex-shrink:0}button svg{width:18px;height:18px}h1,h2,h3,p{margin:0}.hidden,[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;background:var(--forest);color:white;padding:12px;z-index:150}.skip-link:focus{top:10px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#cbd3c9;border-radius:9px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);flex-shrink:0}.icon-button:hover{background:var(--canvas)}
.workspace-sidebar{width:248px;flex-shrink:0;display:flex;flex-direction:column;position:relative;overflow-y:auto;padding:32px 20px 19px;background:var(--deep);color:#d2e1d4;z-index:50;border-right:0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:0 8px}.brand-mark{display:grid;place-items:center;background:#d3e2aa;color:#173f32;width:40px;height:42px;border-radius:13px;font-size:28px;font-weight:600;flex-shrink:0}.brand strong{font:700 29px/1 'Manrope',sans-serif;letter-spacing:-1.5px}.brand-dot{color:#c6d99f}.brand small{font-size:7px;letter-spacing:1.5px;display:block;color:#92afa0;margin-top:9px}.business-picker{padding:30px 0 26px;margin-top:4px;border-bottom:1px solid #ffffff15}.business-picker label,.nav-caption{font-size:9px;font-weight:500;letter-spacing:1.6px;color:#88a699;display:block;margin:0 0 11px 11px}.business-picker select{width:100%;min-height:45px;padding:10px 13px;background:#ffffff09;border:1px solid #ffffff1a;color:#e1eadf;border-radius:10px;font-size:11px;text-overflow:ellipsis;cursor:pointer}.business-picker option{background:var(--deep);color:white}.workspace-sidebar nav{padding:26px 0 20px;display:flex;flex-direction:column;gap:5px}.nav-caption{margin-bottom:13px}.nav-link{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 14px;min-height:46px;border:0;border-radius:10px;background:transparent;color:#abc2b4;font-size:12px;font-weight:500}.nav-link svg{width:19px;height:19px;opacity:.8}.nav-link:hover{background:#ffffff0a;color:white}.nav-item-active{background:#dce8bc!important;color:#183f32!important;font-weight:650}.nav-item-active svg{opacity:1}.nav-count{margin-left:auto;background:#ffffff0b;border-radius:6px;padding:2px 6px;font-size:10px;color:inherit}.nav-item-active .nav-count{background:#173f3210}.sidebar-note{margin-top:auto;padding:20px 15px;background:#ffffff07;border:1px solid #ffffff12;border-radius:13px}.sidebar-note-icon{color:#c9dba7;font-size:23px;display:block;margin-bottom:13px}.sidebar-note strong{font:500 17px/1.5 'Manrope',sans-serif;letter-spacing:-.4px;color:#e1e9d9}.sidebar-note p{font-size:10px;line-height:1.8;color:#8ea99b;margin-top:9px}.sidebar-note button{display:flex;justify-content:space-between;width:100%;font-size:10px;margin-top:17px;padding-top:14px;border:0;border-top:1px solid #ffffff15;background:transparent;color:#c4d5b3}.sidebar-footer{display:flex;align-items:center;gap:10px;text-align:left;margin-top:22px;padding:5px 3px 0;width:100%;border:0;background:transparent;color:#e0e9de}.profile-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#aebfa1;color:#234437;font-weight:600}.sidebar-footer strong{font-size:11px;display:block;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer small{display:block;font-size:9px;color:#8ca899;margin-top:3px}.profile-settings{margin-left:auto;color:#99b09d}.close-navigation,.menu-button{display:none!important}.nav-scrim{display:none}
#workspaceShell{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;background:var(--canvas)!important}.workspace-header{height:78px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;background:#fff;border-bottom:1px solid var(--line)}.header-heading{display:flex;align-items:center;gap:12px}.header-eyebrow{display:block;font-size:8px;letter-spacing:1.3px;color:#9aa39a;margin-bottom:5px}.header-heading h1{font-size:17px;font-weight:600;letter-spacing:-.4px}.header-actions{display:flex;align-items:center;gap:10px}.header-divider{height:25px;width:1px;background:var(--line);margin:0 6px}.profile-button{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #dbe3d4;background:#edf1e4;color:#486147;font-weight:600;font-size:12px}.connection-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#7b897c;white-space:nowrap;margin-right:10px}.connection-status i,.next-kicker>span{height:6px;width:6px;border-radius:50%;background:#c1cbbd}.connection-status.is-online i{background:#6c9971;box-shadow:0 0 0 3px #eff5eb}.connection-status.is-offline i{background:#be9b64}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:10px 16px;border-radius:9px;border:1px solid transparent;text-decoration:none;font-size:11px;font-weight:550;white-space:nowrap}.button svg{width:16px;height:16px}.button-primary{background:var(--forest);color:#fff;border-color:var(--forest)}.button-primary:hover{background:#205746}.button-secondary{background:white;border-color:#dce2d8;color:#435d4c}.button-secondary:hover{background:#f3f6ed;border-color:#bcccb5}.button>span[aria-hidden],.button>span:last-child:not(:first-child){font-size:16px}.text-button{display:inline-flex;align-items:center;gap:16px;background:transparent;border:0;color:#416447;font-size:11px;font-weight:600;padding:8px 0}.text-button:hover{text-decoration:underline}#workspaceMain{min-width:0;min-height:0;display:flex;flex:1;overflow:hidden;position:relative}#workspaceMain>section:not(#view-inbox){overflow-y:auto;min-width:0;width:100%;padding:31px 36px 24px;max-width:1600px;margin:0 auto;scrollbar-gutter:stable}.page-eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:600;color:#829079;display:block;margin-bottom:10px}.next-page-heading,.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.next-page-heading h2,.page-intro h2{font:500 30px/1.25 'Manrope',sans-serif;letter-spacing:-1.1px;color:#243f32}.next-page-heading h2 span{color:#91a560}.next-page-heading p,.page-intro p{font-size:11px;line-height:1.8;color:#84907f;margin-top:9px}.next-page-heading>.button{align-self:flex-end;margin-bottom:3px;font-size:10px;min-height:36px}.meta-card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 3px #223e3110}.meta-card h3{font-size:15px;font-weight:600;letter-spacing:-.3px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-heading .page-eyebrow{font-size:7px;margin-bottom:7px}.quiet-badge,.subtle-badge{display:inline-flex;font-size:8px;white-space:nowrap;padding:6px 9px;border:1px solid #e4e7dc;border-radius:6px;color:#89917e;background:#fafbf7}
.next-welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;min-height:252px;padding:29px 35px;background:#eceedb;border:1px solid #e0e4cb;border-radius:18px;margin-bottom:24px}.next-kicker{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.6px;color:#6e815b;font-weight:600;margin-bottom:13px}.next-kicker>span{width:5px;height:5px;background:#7b9563}.next-welcome h3{font:500 31px/1.17 'Manrope',sans-serif;letter-spacing:-1.2px;color:#29452e}.next-welcome p{font-size:10px;line-height:1.8;color:#829071;margin-top:12px}.next-welcome .button{font-size:10px;min-height:36px;margin-top:18px;padding:9px 13px}.next-message-art{position:relative;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0 15px 22px}.art-rule{position:absolute;width:210px;height:210px;border:1px solid #ccd5b766;border-radius:50%;right:35px;top:8px}.rule-two{width:270px;height:270px;right:5px;top:-22px}.art-spark{position:absolute;right:24px;top:9px;font-size:38px;color:#8fa36e;font-weight:300}.sample-note{position:relative;width:290px;max-width:100%;display:flex;align-items:center;gap:11px;background:#fffdf5;border:1px solid #dfe4cf;border-radius:12px 12px 12px 2px;padding:17px 15px;box-shadow:0 10px 27px #59724f0c;transform:rotate(-4deg);z-index:1}.note-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e7edd6;font-size:24px;color:#6d8951}.sample-note strong{display:block;font-size:11px;font-weight:600;letter-spacing:-.2px}.sample-note span:not(.note-avatar){display:block;font-size:8px;color:#9ba18e;margin-top:5px}.sample-note i{font-style:normal;margin-left:auto;color:#8a9a6d;font-size:11px;align-self:flex-end}.sample-response{display:flex;gap:18px;align-items:center;align-self:flex-end;padding:15px 18px;background:#3c6351;color:#f1f5e9;border:1px solid #3b604e;border-radius:11px 11px 2px 11px;box-shadow:0 9px 20px #1f432512;position:relative;font-size:11px;transform:rotate(3deg);margin-top:11px;margin-right:7px}.sample-response b{font-size:16px;font-weight:400}.art-caption{position:absolute;bottom:-1px;right:56px;font-size:6px;letter-spacing:2px;color:#9aa686}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric-card{padding:20px 21px;min-height:142px;position:relative;box-shadow:none}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#798774}.metric-symbol{color:#7d936f;font-size:14px;letter-spacing:-2px;min-width:22px;text-align:right}.metric-value{display:block;font:500 31px/1.2 'Manrope',sans-serif;letter-spacing:-1.2px;margin-top:12px;color:#2b4231}.metric-card p{font-size:8px;color:#9aa18e;margin-top:8px;line-height:1.6}.next-performance-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:20px;margin-bottom:24px}.performance-panel{padding:23px 24px;box-shadow:none;min-height:267px}.performance-legend{display:flex;gap:15px;margin-top:20px;font-size:8px;color:#8b9585}.performance-legend>span{display:flex;align-items:center;gap:5px}.performance-legend i{width:6px;height:6px;display:inline-block;border-radius:2px}.legend-delivered{background:#b7c99a}.legend-read{background:#416b4c}.performance-legend .legend-note{margin-left:auto;color:#a3ab9a}.performance-chart{padding-top:20px;display:flex;flex-direction:column;gap:13px;min-height:130px}.chart-row{display:grid;grid-template-columns:105px minmax(0,1fr) 38px;gap:12px;align-items:center}.chart-name{font-size:9px;color:#6f7e68;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar-track{background:#f1f4eb;border-radius:3px;height:9px;overflow:hidden;position:relative}.chart-delivered{height:100%;background:#bbce9e;position:absolute;left:0;border-radius:3px;min-width:0}.chart-read{height:100%;background:#476c4b;position:absolute;left:0;border-radius:3px}.chart-number{font-size:8px;color:#85967a;text-align:right;font-variant-numeric:tabular-nums}.chart-empty{padding:27px 10px;font-size:11px;color:#93a084;line-height:1.8}.queue-card{padding:24px;background:#fff;box-shadow:none;display:flex;flex-direction:column}.queue-card .page-eyebrow{margin:0}.queue-dot{width:7px;height:7px;background:#8ba16d;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #f1f4e9}.queue-dot.bg-emerald-500{background:#5f9765}.queue-card h3{font-size:19px;line-height:1.5;font-weight:500;letter-spacing:-.6px;max-width:250px;margin-top:25px}.queue-description{font-size:10px;line-height:1.9;color:#929e87;margin:10px 0 23px;max-width:240px}.queue-progress-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#839078;margin-top:auto;gap:10px}.queue-progress-heading strong{color:#5d784e;font-size:9px}.progress-track{height:5px;border-radius:9px;background:#eef1e7;margin-top:10px;overflow:hidden}.progress-track>div{background:#90ab6a;height:100%;border-radius:9px;transition:width .3s}.queue-card>.text-button{margin-top:19px;justify-content:space-between;border-top:1px solid #eef1e8;padding:14px 0 0;font-size:9px}.campaigns-panel{box-shadow:none;overflow:hidden;margin-bottom:20px}.campaigns-panel>.panel-heading{padding:24px}.campaigns-panel .button{min-height:33px;padding:7px 11px;font-size:9px}.table-scroll,.overflow-x-auto{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:8px!important;font-weight:550!important;letter-spacing:.2px;color:#8d9984!important;background:#fafbf7;padding:13px 20px!important;border-bottom:1px solid var(--line);white-space:nowrap}td{font-size:10px!important;padding:17px 20px!important;border-bottom:1px solid #edf0e8;color:#52674a!important}tr:last-child td{border-bottom:0}td.font-mono{font-family:'DM Sans',sans-serif!important;font-size:9px!important;color:#8b997f!important}td:first-child{font-weight:500!important}td>span{font-size:8px!important;font-weight:500!important;padding:4px 7px!important;border-radius:5px!important;white-space:nowrap}tbody tr:hover{background:#fafbf8!important}.next-bottom-note{display:flex;align-items:center;gap:9px;font-size:9px;color:#97a28c;padding:3px 1px 0}.brand-mark.mini{width:23px;height:23px;font-size:15px;background:#e8eddc;color:#8a9c70;border-radius:7px}.next-bottom-note button{margin-left:auto;background:transparent;border:0;font-size:9px;color:#68805a}.page-intro{margin-top:2px}.page-intro h2{font-size:32px}.page-intro p{font-size:11px}.page-intro .page-eyebrow{font-size:8px}.page-emblem{display:none}
/* Campaign studio and template library */
#view-broadcast>.grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr);gap:25px}#view-broadcast>.grid>div{grid-column:auto!important;min-width:0}#view-broadcast .meta-card{padding:27px!important;box-shadow:none}#view-broadcast .meta-card>div:first-child{padding-bottom:20px}#view-broadcast .meta-card h2{font-size:16px!important;font-weight:600!important;letter-spacing:-.4px}#view-broadcast h2>span:nth-child(2){background:#eef3e5!important;color:#7e9163!important;border:1px solid #dfe7d1!important;font-size:7px!important;padding:4px 7px!important}#view-broadcast .meta-card p{font-size:10px;line-height:1.8;color:#8a9680}#view-broadcast .meta-card label{font-size:11px!important;font-weight:500!important;color:#4e6244!important;margin-bottom:9px}.field-step{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f0f3e8;color:#8e9e77;font-size:8px;margin-right:8px}input,select,textarea{border-radius:9px!important}input:not([type=file]),select,textarea{font-size:12px!important}#view-broadcast input,#view-broadcast select,#view-broadcast textarea,#view-settings input,.dialog-card input{border:1px solid #dfe6d6!important;background:#fdfefa!important;box-shadow:none!important;padding:12px 13px!important;color:#4c6143!important}#view-broadcast .space-y-4>div{margin-bottom:22px}#audienceModePaste{background:#f8faf4!important;border:1px dashed #d5dfc9!important;padding:16px!important;border-radius:12px!important}#rawNumbersInput{min-height:125px;font-family:ui-monospace,monospace;font-size:11px!important;line-height:1.9}#audienceModePaste label.upload-action{display:inline-flex;align-items:center;gap:6px;background:white!important;border:1px solid #dce5d0!important;border-radius:7px;padding:8px 10px!important;font-size:9px!important}#launchBroadcastBtn{background:var(--forest)!important;border:1px solid var(--forest)!important;color:white!important;border-radius:9px!important;box-shadow:none!important;font-size:12px;font-weight:550!important;min-height:46px}#launchBroadcastBtn:hover{background:#205746!important}#launchBroadcastBtn:disabled{opacity:.4}.preview-column{padding:0;display:flex;flex-direction:column;gap:20px;align-self:start}.message-preview-card{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;box-shadow:none}.preview-card-title{display:flex;align-items:center;gap:10px;padding:20px;background:white}.preview-title-icon{width:34px;height:34px;border:1px solid #e3e9d8;border-radius:9px;display:grid;place-items:center;color:#8da471;background:#f6f8f0}.preview-title-icon svg{width:16px;height:16px}.preview-card-title strong{display:block;font-size:12px;font-weight:600}.preview-card-title>div>span{display:block;font-size:9px;color:#99a48c;margin-top:4px}.preview-live-dot{width:6px;height:6px;background:#94ac7b;border-radius:50%;margin-left:auto}.wa-chat-bg{background-color:#eef0e4!important;background-image:radial-gradient(#bcc7a733 .7px,transparent .7px);background-size:15px 15px}.message-preview-card>.wa-chat-bg{border:0!important;border-radius:0!important;height:360px!important}.message-preview-card .wa-chat-bg>div:first-child{background:#e5eadb!important;color:#38583d!important;border-bottom:1px solid #d8e1cb;padding:16px!important}.message-preview-card .wa-chat-bg>div:first-child p:last-child{color:#8b9e77!important}.message-preview-card .wa-chat-bg>div:first-child>div:first-child{background:#c6d7ac!important;color:#496b43!important}.message-preview-card .wa-chat-bg>div:last-child{padding:26px!important}.message-preview-card .wa-chat-bg>div:last-child>div{border:1px solid #e1e6d6!important;border-radius:10px 10px 10px 0!important;box-shadow:0 2px 3px #223e3108!important;padding:20px!important}.preview-label{font-size:7px;letter-spacing:1.1px;color:#a2ad94;margin-bottom:10px}.preview-message{font-size:12px;line-height:1.8;color:#536a47;white-space:pre-wrap;overflow-wrap:anywhere}.preview-card-footer{font-size:8px;color:#a0aa95;padding:15px 20px;text-align:center;border-top:1px solid #e7ecdf}.campaign-tip{display:flex;align-items:flex-start;gap:12px;padding:0 6px;color:#8d9d7a}.campaign-tip>span{width:29px;height:29px;border:1px solid #dfe6d5;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.campaign-tip svg{width:15px;height:15px}.campaign-tip p{font-size:10px;line-height:1.8}.campaign-tip strong{display:block;font-weight:550;color:#748867;margin-bottom:4px}.pricing-note{font-size:10px;line-height:1.7;color:#80906e}
#view-templates>.meta-card,#view-audience>.meta-card{box-shadow:none;padding:22px!important;margin-bottom:20px!important}#view-templates h3,#view-audience h3{font-size:15px!important;font-weight:550!important}#view-templates .meta-card p,#view-audience>.meta-card>div>p{font-size:10px!important;line-height:1.8;color:#929d85!important}#templatesGrid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{display:flex;flex-direction:column;overflow:hidden;padding:0!important;box-shadow:none}.template-card-heading{display:flex;align-items:center;gap:11px;padding:20px}.template-icon{height:36px;width:36px;display:grid;place-items:center;background:#f1f4e8;border:1px solid #e4ead8;border-radius:10px;color:#91a773;flex-shrink:0}.template-icon svg{width:17px;height:17px}.template-card-heading>div{min-width:0;flex:1}.template-card-heading h3{font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550!important}.template-card-heading p{font-size:8px!important;color:#a0aa93!important;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-status{font-size:7px;text-transform:uppercase;letter-spacing:.6px;color:#698353;background:#f0f5e6;padding:5px 7px;border-radius:4px}.template-body{font-size:12px;line-height:1.9;padding:21px 23px;background:#f9fbf4;border-top:1px solid #e8eddc;border-bottom:1px solid #e8eddc;color:#637951;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;max-height:240px;overflow-y:auto}.template-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;font-size:8px;color:#a1ab92}.template-meta button{font-size:9px;color:#5d7c47;background:transparent;border:0;font-weight:550}.empty-state,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 24px;min-height:230px}.empty-state strong,.table-empty strong{font-size:16px;font-weight:500;color:#627a4e}.empty-state p,.table-empty p{font-size:11px;line-height:1.8;color:#98a588;max-width:320px;margin:12px 0 20px}.empty-emblem{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:#f0f5e5;color:#9bb17f;margin-bottom:17px}.empty-emblem svg{width:23px;height:23px}
/* Audience and business configuration */
#view-audience [id^=audFilter-]{font-size:10px!important;font-weight:500!important;min-height:35px;border:1px solid #e3e9d9!important;border-radius:7px!important;padding:8px 11px!important;background:#fafbf7!important;color:#8b997b!important;white-space:nowrap}#view-audience [id^=audFilter-][aria-pressed=true]{background:#284c38!important;border-color:#284c38!important;color:#fff!important}#view-audience #contactFilterInput{background:#fafbf6!important;border:1px solid #dfe6d5!important;padding:11px 14px!important;min-width:0}#view-audience #contactFilterInput::placeholder{color:#a6af9b}#view-audience table{min-width:600px}#view-audience button[onclick="sendBudgetBatch()"]{background:#eef3e4!important;color:#728c54!important;border:1px solid #dce7cb!important;box-shadow:none!important}#view-audience label{border:1px solid #dce5d2!important;border-radius:8px!important;font-size:11px;font-weight:500;color:#687d54!important;background:white!important}#view-settings>.meta-card{padding:27px!important;margin-bottom:24px;box-shadow:none}#view-settings .meta-card>div:first-child h3{font-size:17px;font-weight:550}#view-settings .meta-card p{font-size:11px;line-height:1.8;color:#8d9b7c}#view-settings .bg-slate-50{background:#f7faf1!important;border:1px solid #e4ead8!important;border-radius:12px!important;padding:24px!important}#view-settings .grid{gap:22px}#view-settings .grid>div:has(#webhookUrlText){grid-column:1/-1}#view-settings label{font-size:10px!important;font-weight:500!important;color:#81936d!important;margin-bottom:8px;display:block}#view-settings .font-mono{font-size:12px!important;color:#566f43!important;overflow-wrap:anywhere}#view-settings button.bg-emerald-500,#view-settings button.bg-emerald-600{background:var(--forest)!important;border:1px solid var(--forest)!important;color:white!important;box-shadow:none!important;border-radius:9px!important;padding:12px 17px;font-weight:500;font-size:11px}#view-settings>div:last-child>p{max-width:650px}
/* Inbox — full-height conversations with a focused composer. */
#view-inbox{display:flex;flex:1;min-height:0;min-width:0;background:#fff;width:100%;overflow:hidden}#crmSidebar{width:340px!important;flex-shrink:0;border-right:1px solid var(--line);background:white;display:flex;flex-direction:column;min-height:0}#crmSidebar>div:first-child{min-height:78px;height:78px;background:#fff!important;border-bottom:1px solid var(--line);padding:19px 21px!important;display:flex;align-items:center;justify-content:space-between}#crmSidebar>div:first-child .rounded-full{background:#e6edd9!important;color:#63824e!important;width:36px;height:36px;font-size:22px;box-shadow:none}#crmActiveBizTitle{font-size:12px!important;color:#3f5a3a!important;font-weight:550!important}#crmActiveBizTitle+p{font-size:9px!important;color:#99a78c!important;font-weight:400!important;margin-top:4px}#crmSidebar>div:nth-child(2){padding:17px 17px 14px!important;border-bottom:1px solid var(--line);background:#fff}#crmSidebar>div:nth-child(2)>div:first-child{border:1px solid #e7ecdd;background:#f7f9f2!important;border-radius:8px;padding:10px 12px!important}#crmSidebar>div:nth-child(2)>div:first-child svg{color:#a3b18e!important;margin-right:10px}#crmSearchInput{font-size:10px!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;min-height:18px;color:#667e51!important}#crmSearchInput::placeholder{color:#a0ad8e}#crmSidebar>div:nth-child(2)>div:last-child{margin-top:12px}#crmSidebar [id^=crmFilter]{padding:7px 10px!important;min-height:30px;font-size:9px!important;border-radius:6px!important;border:1px solid transparent!important;font-weight:500!important;background:#f6f8f1!important;color:#9aa98a!important}#crmSidebar [id^=crmFilter][aria-pressed=true]{background:#e7efda!important;color:#628047!important;border-color:#dfe8d0!important}#crmSidebar button[onclick="markAllAsRead()"]{font-size:8px!important;color:#9aaa88!important}#inboxList{flex:1;overflow-y:auto;min-height:0}#inboxList>button{padding:17px 18px!important;min-height:94px;background:white;border-bottom:1px solid #edf0e7;box-shadow:none!important;text-align:left;width:100%}#inboxList>button:hover{background:#f7faf2!important}#inboxList>button.bg-emerald-50,#inboxList>button.bg-slate-100{background:#eef4e4!important}#inboxList>button>div:first-child{background:#edf1e2!important;border:1px solid #e2e9d5!important;color:#839b65!important;box-shadow:none!important;border-radius:13px!important;width:40px!important;height:40px!important;font-size:14px!important}#inboxList h4,#inboxList strong{font-size:11px!important;color:#4d6541!important;font-weight:550!important}#inboxList p{font-size:10px!important;color:#a1ae91!important;line-height:1.7!important}#inboxList .text-\[10px\]{font-size:8px!important}#crmRightContainer{display:flex;flex:1;min-width:0;min-height:0;background:#f5f7ee!important}#welcomeScreen{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;background:#f7f8f1!important;border:0!important;padding:30px!important;text-align:center;overflow:auto}#welcomeScreen h2{font:500 30px/1.3 'Manrope',sans-serif;letter-spacing:-1px;color:#48633b!important}#welcomeScreen p{font-size:11px;line-height:1.9;color:#98a687!important;max-width:270px;margin:16px 0 23px}#welcomeScreen .button{font-size:10px;min-height:37px;background:#416540}#welcomeScreen small{font-size:8px;color:#adb69f;margin-top:24px}#welcomeScreen .page-eyebrow{font-size:7px;letter-spacing:1.9px;color:#a5b292;margin-bottom:17px}.inbox-welcome-art{height:155px;width:210px;position:relative;margin-bottom:19px;display:flex;align-items:center;justify-content:center}.welcome-large-mark{width:98px;height:98px;border-radius:32px;background:#e5ecd5;border:1px solid #dde6c9;display:grid;place-items:center;font-size:65px;color:#9ab279;transform:rotate(-8deg);box-shadow:0 0 0 15px #edf2e3,0 0 0 16px #e5ecd8}.welcome-mini-bubble{position:absolute;bottom:6px;right:0;padding:12px 15px;border-radius:10px 10px 2px 10px;background:#fff;border:1px solid #e2e8d7;box-shadow:0 6px 16px #43683709;font-size:10px;color:#7b9365;transform:rotate(5deg)}.welcome-mini-bubble i{font-style:normal;margin-left:20px;color:#a2b68a}#rightCanvas{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background-color:#f3f5eb!important}#rightCanvas>div:first-child{background:#fff!important;min-height:78px;height:auto;padding:16px 22px!important;border-bottom:1px solid var(--line);gap:12px}#chatAvatar{background:#e4edd5!important;color:#6a874c!important;box-shadow:none!important;border:1px solid #d7e3c6;font-size:13px;border-radius:12px!important;width:39px;height:39px}#chatCustomerName{font-size:13px!important;font-weight:550!important;color:#4c653f!important}#chatCustomerPhone{font-size:9px!important;color:#a0ae91!important;font-family:inherit!important}#chatStarBtn{font-size:14px}#rightCanvas button[onclick="deleteCurrentConversation()"]{font-size:8px!important;background:#fff!important;border:1px solid #ecdeda!important;color:#b79181!important;padding:7px 8px!important;border-radius:7px;gap:5px}#rightCanvas button[onclick="promptAddTag()"]{font-size:7px!important;background:#eff3e8!important;color:#8c9f76!important;border:0;padding:4px 5px}#chatThread{min-height:0;padding:24px clamp(18px,4vw,65px)!important;overflow-y:auto;flex:1;scroll-behavior:smooth}.chat-date{font-size:8px!important;text-align:center;color:#9aa68a;padding:8px}.chat-notice{font-size:9px!important;color:#9ca889;text-align:center;max-width:390px;margin:15px auto;line-height:1.8}.msg-row{display:flex;margin:12px 0}.msg-row.out{justify-content:flex-end}.message-row{display:flex;margin:12px 0}.message-row.outbound{justify-content:flex-end}.msg-in,.msg-out{max-width:min(83%,470px);padding:12px 15px;border-radius:11px;font-size:12px;line-height:1.8;overflow-wrap:anywhere;position:relative;box-shadow:0 2px 3px #1c472908}.msg-in{background:white;border:1px solid #e5eadb;border-top-left-radius:0}.msg-out{background:#dfeccc;border:1px solid #d4e3bf;border-top-right-radius:0}.message-meta,.msg-time{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:8px;color:#99ab88;margin-top:6px}.message-body{white-space:pre-wrap}.message-menu{opacity:0}.msg-in:hover .message-menu,.msg-out:hover .message-menu{opacity:1}.chat-quick-replies{padding:12px 20px!important;display:flex;gap:8px;background:#fff!important;border-top:1px solid #e5eadb;overflow-x:auto;flex-shrink:0;scrollbar-width:thin}.chat-quick-replies>span{font-size:8px!important;white-space:nowrap;color:#a1af8e!important}.chat-quick-replies>button{font-size:8px!important;color:#879b6c!important;background:#fafcf6!important;border:1px solid #e3ead7!important;box-shadow:none!important;padding:6px 10px!important;white-space:nowrap}.chat-composer{display:flex;align-items:center;gap:10px;background:#fff!important;border-top:1px solid #e8eddf;min-height:76px;padding:15px 20px!important;flex-shrink:0}.chat-composer textarea{min-width:0;resize:none;border:1px solid #e0e7d4!important;background:#fafcf5!important;font-size:12px!important;line-height:1.7;min-height:42px;padding:10px 14px!important;box-shadow:none!important;max-height:140px}.chat-composer #btnSend{background:#315d3c!important;color:white;border:0;border-radius:10px!important;width:42px;height:42px;box-shadow:none!important}.chat-composer #btnSend svg{width:18px;height:18px}.chat-back{display:none}.inbox-empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:30px 20px;min-height:260px}.inbox-empty strong{font-size:14px;color:#80976b;font-weight:500}.inbox-empty p{font-size:11px;line-height:1.8;margin:10px 0 17px}
/* Accessible dialogs, notifications and status surfaces */
.dialog-overlay{position:fixed;inset:0;background:#102c2780;backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px}.dialog-card{background:#fff;border:1px solid #dee6d1;border-radius:19px;width:100%;max-width:470px;padding:29px;box-shadow:0 25px 100px #12382c30;max-height:calc(100dvh - 40px);overflow-y:auto}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-top h2{font:500 24px/1.4 'Manrope',sans-serif;letter-spacing:-.8px;color:#3c5c36}.dialog-top p{font-size:11px;line-height:1.8;color:#99a888;margin-top:8px}.dialog-card form{display:flex;flex-direction:column;gap:17px}.dialog-card label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#758c60}.dialog-card input,.dialog-card textarea{width:100%;min-height:43px}.dialog-card textarea{border:1px solid #dfe6d6;background:#fafcf5;padding:12px}.form-hint{font-size:10px;color:#a1ae91;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin-top:5px}.toast-region{position:fixed;right:25px;bottom:25px;display:flex;flex-direction:column;gap:10px;z-index:150;max-width:calc(100vw - 30px);width:350px}.toast{display:flex;align-items:flex-start;gap:15px;background:#fff;border:1px solid #cdddbb;border-left:3px solid #77985a;border-radius:10px;padding:15px 18px;box-shadow:0 7px 30px #1b362514;font-size:11px;color:#607a4a;line-height:1.7}.toast button{margin-left:auto;color:#97a78a;background:transparent;border:0;font-size:17px}.toast-error{border-color:#e5c9bd;color:#ab7561;border-left-color:#b7816a}.mobile-only{display:none}
@media(min-width:1600px){#workspaceMain>section:not(#view-inbox){padding:42px 55px}.next-welcome{min-height:280px;padding:35px 45px}.next-welcome h3{font-size:38px}.next-message-art{padding-left:100px}.sample-note{width:330px}.sample-response{margin-right:30px}.next-page-heading h2{font-size:35px}}
@media(max-width:1279px){.workspace-sidebar{width:218px;padding:28px 15px 17px}.workspace-header{padding:0 26px}#workspaceMain>section:not(#view-inbox){padding:27px 26px}.next-page-heading h2{font-size:27px}.next-welcome{padding:26px;min-height:240px}.next-welcome h3{font-size:28px}.sample-note{width:240px;padding:13px 11px;gap:8px}.sample-note strong{font-size:10px}.note-avatar{width:30px;height:30px;font-size:21px}.sample-response{font-size:9px;padding:13px}.art-caption{right:20px;font-size:5px}.metric-card{padding:18px 16px}.metric-top{font-size:9px}.metric-value{font-size:28px}.metric-card p{font-size:7px}.next-performance-row{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:17px}.chart-row{grid-template-columns:80px minmax(0,1fr) 30px;gap:8px}.performance-panel{padding:20px}.queue-card{padding:20px}.queue-card h3{font-size:17px}#crmSidebar{width:305px!important}#templatesGrid{gap:15px}.template-card-heading{padding:17px;gap:8px}.template-card-heading h3{font-size:10px!important}.template-status{font-size:6px}#view-broadcast>.grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:20px}#view-broadcast .meta-card{padding:21px!important}}
@media(max-width:1023px){.workspace-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 70px #102c2720}.navigation-open .workspace-sidebar{transform:translateX(0)}.nav-scrim{position:fixed;inset:0;background:#0c251f66;border:0;z-index:45}.navigation-open .nav-scrim{display:block}.menu-button{display:flex!important}.close-navigation{display:flex!important;position:absolute;right:15px;top:14px;width:24px;height:24px;background:#ffffff10;color:#d5e3c9;border-color:#ffffff15;font-size:19px}.workspace-header{height:74px}.workspace-sidebar .brand{padding-top:16px}.sidebar-note{display:block}.connection-status{margin-right:4px}.next-welcome{grid-template-columns:1.05fr 1fr}.next-performance-row{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}#view-broadcast>.grid{grid-template-columns:minmax(0,1.25fr) minmax(275px,1fr)}#crmSidebar{width:330px!important}}
@media(max-width:767px){.workspace-header{height:70px;padding:0 17px;gap:10px}.header-eyebrow{font-size:6px;letter-spacing:1px}.header-heading h1{font-size:15px}.header-heading{gap:10px}.header-actions{gap:7px}.header-actions .header-chat,.connection-status,.header-divider,.profile-button{display:none}.header-actions>.button-primary{font-size:9px;gap:7px;min-height:35px;padding:9px 11px}.header-actions>.button-primary>span:first-child{font-size:13px}.icon-button.menu-button{width:33px;height:33px;border-radius:8px}.menu-button svg{width:16px;height:16px}#workspaceMain>section:not(#view-inbox){padding:24px 18px;scrollbar-gutter:auto}.next-page-heading,.page-intro{margin-bottom:21px;align-items:flex-start;gap:12px}.next-page-heading h2,.page-intro h2{font-size:25px;letter-spacing:-.9px}.next-page-heading p,.page-intro p{font-size:10px;line-height:1.8;margin-top:10px}.page-eyebrow{font-size:7px;letter-spacing:1.2px}.next-page-heading>.button{display:none}.next-welcome{padding:26px 23px;grid-template-columns:1fr;min-height:260px;border-radius:15px;margin-bottom:19px}.next-welcome h3{font-size:29px}.next-welcome p{font-size:10px}.next-message-art{display:none}.next-kicker{font-size:6px;letter-spacing:1.5px}.next-welcome:after{content:'அ';position:absolute;right:-4px;bottom:4px;font-size:180px;line-height:1;color:#b8c5962b;pointer-events:none}.next-welcome .button{position:relative;z-index:1}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:19px}.metric-card{padding:17px;min-height:132px;border-radius:12px}.metric-top{font-size:9px}.metric-value{font-size:29px;margin-top:12px}.metric-symbol{font-size:14px}.metric-card p{font-size:7px;line-height:1.8;max-width:110px}.next-performance-row{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:19px}.performance-panel{padding:21px;min-height:255px;border-radius:14px}.panel-heading h3{font-size:14px}.quiet-badge{font-size:6px;padding:5px 6px}.performance-legend{font-size:7px}.chart-row{grid-template-columns:85px minmax(0,1fr) 30px;gap:9px}.chart-name{font-size:8px}.queue-card{padding:23px;border-radius:14px}.queue-card h3{font-size:18px;max-width:240px;margin-top:21px}.queue-description{max-width:100%;margin-bottom:22px}.queue-card>.text-button{margin-top:22px}.campaigns-panel{border-radius:14px}.campaigns-panel>.panel-heading{padding:20px}.campaigns-panel .button{font-size:8px;min-height:31px;padding:6px 9px}.campaigns-panel th{font-size:7px!important;padding:12px 16px!important}.campaigns-panel td{font-size:9px!important;padding:15px 16px!important}.campaigns-panel table{min-width:570px}.next-bottom-note{font-size:8px;flex-wrap:wrap}.next-bottom-note button{display:none}#view-broadcast>.grid{grid-template-columns:minmax(0,1fr);gap:24px}#view-broadcast .meta-card{padding:22px!important;border-radius:14px}#view-broadcast .meta-card h2{display:flex;align-items:flex-start;flex-direction:column;gap:8px;font-size:16px!important}#view-broadcast .meta-card h2>span:nth-child(2){margin:0!important}#view-broadcast .meta-card label{font-size:11px!important}.preview-column{width:100%;max-width:500px;margin:0 auto;gap:18px}.message-preview-card>.wa-chat-bg{height:330px!important}#view-broadcast input,#view-broadcast textarea,#view-broadcast select,#view-settings input{font-size:16px!important}.pricing-note{font-size:9px}.template-card-heading h3{font-size:12px!important}.template-card-heading p{font-size:8px!important}.template-status{font-size:6px}#templatesGrid{grid-template-columns:minmax(0,1fr);gap:17px}.template-card-heading{padding:19px;gap:11px}.template-body{font-size:12px;padding:21px;max-height:230px}.template-meta{font-size:8px;padding:15px 19px}.template-meta button{font-size:9px;min-height:30px}#view-templates>.meta-card,#view-audience>.meta-card{padding:20px!important;border-radius:14px}.page-intro h2{font-size:27px}#view-audience #contactFilterInput{font-size:16px!important}#view-audience>.meta-card>div:first-child{gap:15px}#view-audience [id^=audFilter-]{font-size:9px!important;padding:8px 9px!important}#view-settings>.meta-card{padding:22px!important;border-radius:14px}#view-settings .meta-card>div:first-child.flex{flex-wrap:wrap;gap:13px}#view-settings .grid{grid-template-columns:minmax(0,1fr)!important;gap:20px}#view-settings .bg-slate-50{padding:20px!important}#view-inbox{position:relative}#crmSidebar{width:100%!important}#crmRightContainer{display:none!important}#view-inbox.chat-open #crmSidebar{display:none!important}#view-inbox.chat-open #crmRightContainer{display:flex!important;width:100%}.chat-back{display:flex!important;width:30px;height:30px;border:0;margin-right:0;flex-shrink:0}.chat-back svg{width:17px;height:17px}#rightCanvas>div:first-child{padding:13px 12px!important;min-height:76px;gap:7px}#chatCustomerName{font-size:12px!important}#chatCustomerPhone{font-size:8px!important}#chatAvatar{width:33px;height:33px;border-radius:10px!important;font-size:11px}#rightCanvas>div:first-child>div{gap:7px!important}#rightCanvas button[onclick="deleteCurrentConversation()"]{padding:7px!important}#rightCanvas button[onclick="deleteCurrentConversation()"]>span{display:none}#rightCanvas button[onclick="deleteCurrentConversation()"] svg{width:13px;height:13px}#chatThread{padding:19px!important}.msg-in,.msg-out{max-width:90%;font-size:12px;padding:11px 13px}.chat-quick-replies{padding:11px 15px!important;gap:8px}.chat-quick-replies>span{display:none}.chat-quick-replies>button{font-size:8px!important;padding:7px 10px!important}.chat-composer{padding:12px!important;min-height:70px;gap:8px}.chat-composer textarea{font-size:16px!important;min-height:43px;padding:9px 12px!important}.chat-composer #btnSend{width:40px;height:40px}.chat-composer #btnSend svg{width:16px;height:16px}#crmSidebar>div:first-child{min-height:76px;height:76px;padding:18px 20px!important}#crmSidebar>div:nth-child(2){padding:17px 18px 15px!important}#crmSearchInput{font-size:16px!important;min-height:22px}#inboxList>button{padding:19px 20px!important;min-height:100px}#inboxList h4,#inboxList strong{font-size:13px!important}#inboxList p{font-size:11px!important}.dialog-card{padding:23px}.dialog-top h2{font-size:22px}.dialog-card input,.dialog-card textarea{font-size:16px!important}.dialog-overlay{padding:14px}.toast-region{right:15px;bottom:16px}.toast{font-size:11px}.template-read-more{min-height:32px}}
@media(max-width:359px){.header-actions>.button-primary{font-size:8px;padding:8px}.next-page-heading h2{font-size:23px}.page-intro h2{font-size:24px}.metric-card{padding:14px}.metric-top{font-size:8px}.metric-value{font-size:27px}.next-welcome{padding:24px 20px}.next-welcome h3{font-size:27px}.profile-button{display:none}.quiet-badge{font-size:5px}.performance-panel{padding:18px}.chart-row{grid-template-columns:74px minmax(0,1fr) 24px}.panel-heading h3{font-size:13px}}
.message-row-out{justify-content:flex-end}.message-row-in{justify-content:flex-start}.message-delete{border:0;background:transparent;padding:2px;color:#9aae86;opacity:0}.message-delete svg{width:12px;height:12px}.msg-in:hover .message-delete,.msg-out:hover .message-delete,.message-delete:focus-visible{opacity:1}.chat-history-state{text-align:center;padding:30px;font-size:11px;color:#93a47f}.chat-history-state button{color:var(--green);text-decoration:underline}.message-status.status-read{color:#568298}.message-status.status-failed{color:#ad7265}.template-read-more{border:0;background:#f9fbf4;text-align:left;padding:12px 23px;color:#7d9861;font-size:10px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}