:root{--bg:#f3f7f6;--surface:#fff;--surface-2:#f8fbfa;--text:#10231f;--muted:#71827e;--line:#dfe9e6;--green:#13a77b;--green-dark:#087458;--green-soft:#e5f7f1;--danger:#d74b5a;--warning:#d99d2b;--shadow:0 18px 50px rgba(17,54,44,.08);--radius:22px;--sidebar:270px}*{box-sizing:border-box}html{font-family:"Cairo",system-ui,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#dff5ee 0,transparent 24%),var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);padding:24px 18px;background:#071a17;color:#e9f8f3;z-index:30;display:flex;flex-direction:column;box-shadow:-15px 0 45px rgba(2,24,19,.08)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#1fd29c,#0b8b68);font-size:22px;font-weight:800;box-shadow:0 10px 24px rgba(22,191,142,.25)}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#88a49c;font-size:11px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:36px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:14px;color:#a8bbb6;font-weight:600;transition:.2s}.nav-link span{width:25px;text-align:center;font-size:18px}.nav-link:hover,.nav-link.active{background:rgba(35,206,155,.12);color:#fff}.nav-link.active{box-shadow:inset -3px 0 #27d9a4}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:18px}.status-dot{font-size:12px;color:#a9c0b9;margin-bottom:12px}.status-dot i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d399;margin-left:7px;box-shadow:0 0 0 5px rgba(52,211,153,.1)}.page-shell{margin-right:var(--sidebar);min-height:100vh}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:18px 34px;background:rgba(243,247,246,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15;border-bottom:1px solid rgba(221,233,230,.8)}.topbar h1{font-size:22px;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#0d8968;color:#fff;font-weight:800}.avatar.soft{background:var(--green-soft);color:var(--green-dark)}.icon-button,.menu-button{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.menu-button{display:none}.content{padding:26px 34px 48px}.hero-card{background:linear-gradient(120deg,#092a23,#0c6f55 70%,#16a97d);color:#fff;border-radius:28px;padding:34px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:320px;height:320px;border:70px solid rgba(255,255,255,.06);border-radius:50%;left:-100px;top:-180px}.hero-card h2{font-size:29px;margin:7px 0 8px}.hero-card p{margin:0;color:#cce8e0;max-width:650px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#5adbb6;font-weight:800}.hero-actions{display:flex;gap:10px;z-index:1;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:13px;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-button{background:var(--green);color:#fff;box-shadow:0 10px 22px rgba(19,167,123,.2)}.primary-button:hover{background:var(--green-dark)}.secondary-button{background:#fff;color:var(--green-dark);border:1px solid var(--line)}.ghost-button{background:rgba(255,255,255,.06);color:#d6e6e1;border:1px solid rgba(255,255,255,.1)}.wide{width:100%}.large{padding:15px 20px;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(14,54,43,.04)}.stat-card .stat-top{display:flex;justify-content:space-between;align-items:center}.stat-card .stat-icon{width:42px;height:42px;border-radius:13px;background:var(--green-soft);display:grid;place-items:center;color:var(--green-dark);font-weight:800}.stat-card h3{font-size:27px;margin:17px 0 2px}.stat-card p{margin:0;color:var(--muted);font-size:12px}.stat-card small{color:var(--green-dark);font-weight:700}.skeleton{height:132px;background:linear-gradient(90deg,#fff,#edf4f2,#fff);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.two-column{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 35px rgba(17,54,44,.045)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h3{margin:0;font-size:17px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-head>a{color:var(--green-dark);font-size:12px;font-weight:700}.campaign-list,.message-list{display:flex;flex-direction:column;gap:10px}.campaign-item,.message-item{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.campaign-item>div:first-child,.message-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.campaign-item strong,.message-item strong{font-size:13px}.campaign-item small,.message-item small{font-size:10px;color:var(--muted)}.progress-track{height:7px;border-radius:999px;background:#e8efed;overflow:hidden;margin-top:11px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#0b8766,#23c79a);border-radius:inherit;width:0}.message-preview{min-width:0}.message-preview p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 0;color:var(--muted);font-size:11px}.badge,.status-badge,.count-pill,.security-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;background:var(--green-soft);color:var(--green-dark)}.status-badge.failed{background:#fdebed;color:var(--danger)}.status-badge.paused{background:#fff3d9;color:#9a6b00}.status-badge.running,.status-badge.sent{background:#e8f6ff;color:#2773a5}.status-badge.read,.status-badge.completed,.status-badge.delivered{background:var(--green-soft);color:var(--green-dark)}.compose-grid,.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.form-panel label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}.form-panel input,.form-panel select,.form-panel textarea,.filter-grid input,.filter-grid select,.table-toolbar input,.conversation-head input,.reply-box textarea,.inline-form input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fbfdfc;border-radius:13px;padding:11px 13px;color:var(--text);outline:none;transition:.2s}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,.filter-grid input:focus,.filter-grid select:focus,.conversation-head input:focus,.reply-box textarea:focus{border-color:#69c9ac;box-shadow:0 0 0 4px rgba(19,167,123,.08)}textarea{resize:vertical}.form-panel label small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.steps{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.steps .step{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef4f2;color:#79908a;font-size:11px;font-weight:800}.steps .step.active{background:var(--green);color:#fff}.steps i{width:60px;height:2px;background:#e3ece9}.import-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:15px}.tab{border:0;background:transparent;padding:9px 13px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.tab.active{color:var(--green-dark);border-color:var(--green)}.tab-pane{display:none}.tab-pane.active{display:block}.dropzone{min-height:150px;border:1.5px dashed #86cdb9!important;background:#f5fcfa!important;border-radius:18px!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:6px;color:var(--green-dark);cursor:pointer}.dropzone input{display:none}.dropzone span{color:var(--muted);font-size:10px}.dropzone.drag{background:#e9f9f4!important;border-color:var(--green)!important}.preview-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;margin-top:16px}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:12px 13px;text-align:right;border-bottom:1px solid var(--line);font-size:11px;vertical-align:middle}.data-table th{background:#f5f9f8;color:#687d77;font-weight:800;position:sticky;top:0}.data-table tbody tr:last-child td{border-bottom:0}.empty-cell{text-align:center!important;color:var(--muted);padding:34px!important}.remove-row{border:0;background:#fdebed;color:var(--danger);border-radius:9px;padding:5px 9px}.inline-form,.button-row,.table-toolbar{display:flex;gap:10px;align-items:center}.contact-picker{max-height:220px;overflow:auto;margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-choice{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;gap:9px;align-items:center;font-size:11px}.conditional-fields.hidden,.hidden{display:none!important}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto;margin:0}.notice{background:#f5fbf9;border:1px solid #d8eee7;border-radius:14px;padding:12px;color:#52716a;font-size:11px;margin:12px 0 16px}.progress-card{margin-top:15px;border:1px solid var(--line);padding:13px;border-radius:14px}.progress-card>div:first-child{display:flex;justify-content:space-between;font-size:11px}.chat-shell{display:grid;grid-template-columns:330px 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;height:calc(100vh - 155px);min-height:580px;box-shadow:var(--shadow)}.conversation-sidebar{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.conversation-head{padding:18px;border-bottom:1px solid var(--line)}.conversation-head>div{display:flex;justify-content:space-between;align-items:center}.conversation-head h3{margin:0;font-size:16px}.conversation-head span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:3px 8px;font-size:10px}.conversation-list{overflow:auto;flex:1}.conversation-item{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;gap:10px;cursor:pointer}.conversation-item:hover,.conversation-item.active{background:#f1faf7}.conversation-item .avatar{flex:0 0 auto;width:40px;height:40px}.conversation-copy{min-width:0;flex:1}.conversation-copy>div{display:flex;justify-content:space-between;gap:8px}.conversation-copy strong{font-size:12px}.conversation-copy time{font-size:9px;color:var(--muted)}.conversation-copy p{margin:4px 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;color:var(--muted)}.unread-pill{min-width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:9px;display:grid;place-items:center}.chat-panel{display:flex;flex-direction:column;min-width:0;background:#f4f8f7}.chat-header{height:72px;padding:13px 18px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line);background:#fff}.chat-header strong,.chat-header span{display:block}.chat-header strong{font-size:13px}.chat-header span{font-size:10px;color:var(--muted)}.chat-messages{flex:1;overflow:auto;padding:22px;background-image:radial-gradient(#c6d7d2 1px,transparent 1px);background-size:22px 22px}.bubble-row{display:flex;margin-bottom:10px}.bubble-row.outgoing{justify-content:flex-start}.bubble-row.incoming{justify-content:flex-end}.bubble{max-width:68%;padding:10px 13px;border-radius:15px;background:#fff;box-shadow:0 5px 15px rgba(11,48,38,.07);font-size:12px}.bubble-row.outgoing .bubble{background:#dff7ef;border-bottom-left-radius:4px}.bubble-row.incoming .bubble{border-bottom-right-radius:4px}.bubble small{display:flex;gap:8px;justify-content:flex-end;color:var(--muted);font-size:8px;margin-top:5px}.reply-box{display:flex;gap:10px;padding:13px;background:#fff;border-top:1px solid var(--line)}.reply-box textarea{margin:0;resize:none}.empty-state{text-align:center;margin:auto;color:var(--muted);padding:30px}.empty-state.small{padding:28px;font-size:11px}.empty-icon{font-size:36px;color:#87b8aa}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.table-toolbar{justify-content:flex-end}.table-toolbar input{max-width:320px}.modal{position:fixed;inset:0;background:rgba(3,24,19,.58);z-index:50;display:grid;place-items:center;padding:24px}.modal-card{background:#fff;width:min(1000px,96vw);max-height:88vh;overflow:auto;border-radius:22px;padding:24px;position:relative}.modal-close{position:absolute;left:18px;top:15px;border:0;background:#eef4f2;border-radius:10px;width:34px;height:34px;font-size:20px}.mini-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.mini-stat{background:#f5f9f8;border-radius:12px;padding:11px}.mini-stat strong{display:block;font-size:18px}.mini-stat span{font-size:9px;color:var(--muted)}.security-badge{background:#eef7ff;color:#296891}.webhook-card{background:linear-gradient(155deg,#09251f,#0a5e49);color:#fff;position:sticky;top:118px}.webhook-card h3{font-size:24px;margin:9px 0}.webhook-card p{color:#b7d7ce;font-size:12px}.copy-field{display:flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:7px;gap:8px}.copy-field code{flex:1;direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcebdc;padding:7px}.copy-field button{border:0;border-radius:9px;background:#23c895;color:#fff;padding:7px 13px}.setup-list{margin:22px 0}.setup-list>div{display:flex;gap:12px;margin-bottom:15px}.setup-list>div>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(42,210,160,.18);color:#54ddb5;font-size:11px;font-weight:800}.setup-list p{margin:0}.setup-list strong,.setup-list small{display:block}.setup-list small{color:#9ebcb4;font-size:10px;margin-top:3px}.webhook-card .notice{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);color:#c6ded7}.alert{padding:10px 12px;border-radius:12px;font-size:11px;margin-bottom:12px}.alert.error{background:#fdebed;color:var(--danger)}.alert.success{background:var(--green-soft);color:var(--green-dark)}.toast-container{position:fixed;left:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{min-width:280px;max-width:420px;background:#09251f;color:#fff;padding:13px 15px;border-radius:14px;box-shadow:0 16px 40px rgba(2,27,21,.25);animation:toastIn .25s ease}.toast.error{background:#8d2531}.toast.success{background:#0b7358}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}.center{text-align:center;display:block}.muted{color:var(--muted)}.loading-block{min-height:130px}.login-page{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh;background:#061a16}.login-visual{position:relative;overflow:hidden;background:linear-gradient(140deg,#071d18,#0d7359);display:flex;align-items:flex-end;padding:70px;color:#fff}.visual-copy{position:relative;z-index:2}.visual-copy h1{font-size:42px;line-height:1.45;margin:12px 0}.visual-copy p{color:#b9d8cf}.orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-one{width:520px;height:520px;background:radial-gradient(circle,#25d19d,transparent 67%);opacity:.22;right:-180px;top:-150px}.orb-two{width:340px;height:340px;border:70px solid rgba(255,255,255,.05);left:70px;top:80px}.login-panel{background:#f5f8f7;display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:#fff;padding:34px;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.login-brand{color:var(--text);margin-bottom:28px}.login-card h2{font-size:25px;margin:0}.login-card>p{color:var(--muted);font-size:12px;margin-bottom:22px}.login-card label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}.login-card input{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px 13px;margin-top:6px}.login-card .primary-button{margin-top:6px;margin-bottom:14px}.mobile-backdrop{display:none}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-column,.compose-grid,.settings-grid{grid-template-columns:1fr}.webhook-card{position:static}.mini-stats{grid-template-columns:repeat(3,1fr)}.login-page{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:820px){:root{--sidebar:270px}.sidebar{transform:translateX(110%);transition:.25s}.sidebar.open{transform:none}.page-shell{margin-right:0}.menu-button{display:grid}.mobile-backdrop.show{display:block;position:fixed;inset:0;background:rgba(3,24,19,.45);z-index:25}.topbar{padding:15px 18px;height:78px}.content{padding:18px}.hero-card{align-items:flex-start;flex-direction:column;gap:20px;padding:26px}.hero-card h2{font-size:23px}.chat-shell{grid-template-columns:1fr;height:auto;min-height:0}.conversation-sidebar{height:320px;border-left:0;border-bottom:1px solid var(--line)}.chat-panel{height:620px}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid input{grid-column:1/-1}.form-row{grid-template-columns:1fr}.contact-picker{grid-template-columns:1fr}.visual-copy h1{font-size:30px}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.top-actions .icon-button{display:none}.hero-actions{width:100%}.hero-actions a{flex:1}.panel{padding:16px;border-radius:18px}.content{padding:13px}.filter-grid{grid-template-columns:1fr}.filter-grid>*{grid-column:auto!important}.mini-stats{grid-template-columns:repeat(2,1fr)}.bubble{max-width:84%}.login-panel{padding:14px}.login-card{padding:24px}}
.ghost-pale{border:1px solid var(--line);background:#f5f8f7;color:#667a75;border-radius:12px;padding:10px 13px;font-weight:700}
.settings-storage-status{display:block;margin-top:12px;color:var(--green-dark);font-weight:700}.block-note{display:block;margin-top:7px;direction:ltr;text-align:left;overflow-wrap:anywhere}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}

/* v1.2.2 additions */
.wrap-actions{flex-wrap:wrap}.panel-head.compact{margin-bottom:10px}.panel-head.compact h4{margin:0}.diagnostic-card{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.diagnostic-grid>div{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:10px;min-width:0}.diagnostic-grid span,.diagnostic-grid strong{display:block}.diagnostic-grid span{font-size:9px;color:var(--muted)}.diagnostic-grid strong{font-size:11px;margin-top:3px;overflow-wrap:anywhere}.webhook-health,.inbox-status-bar{display:flex;align-items:center;gap:9px;border-radius:13px;padding:11px 12px;margin-top:14px;background:rgba(255,255,255,.08);font-size:11px}.webhook-health div,.inbox-status-bar div{display:flex;flex-direction:column}.webhook-health small,.inbox-status-bar small{font-size:9px;color:inherit;opacity:.8}.webhook-health.good,.inbox-status-bar.good{background:#ddf7ee;color:#087458}.webhook-health.warn,.inbox-status-bar.warn{background:#fff4d9;color:#8b6414}.webhook-health.bad,.inbox-status-bar.bad{background:#fdebed;color:#a22f3d}.status-dot-inline{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 16%,transparent);flex:0 0 auto}.inbox-status-bar{margin:0 0 12px}.inbox-status-bar a{margin-right:auto;font-weight:800;text-decoration:underline}.contacts-layout{grid-template-columns:minmax(310px,.75fr) minmax(0,1.45fr)}.contacts-toolbar{justify-content:flex-start}.tall-table{max-height:650px}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.section-divider{border:0;border-top:1px solid var(--line);margin:25px 0}.compact-drop{min-height:130px}.templates-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:18px;align-items:start}.template-preview-panel{position:sticky;top:118px;background:linear-gradient(160deg,#08261f,#0b7057);color:#fff}.template-preview-panel h3{margin-top:7px}.phone-preview{background:#efeae2;color:#15231f;border-radius:22px;padding:22px 17px 14px;min-height:280px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);position:relative}.phone-preview:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(29,72,59,.08) 1px,transparent 1px);background-size:16px 16px;border-radius:inherit}.phone-preview>*{position:relative}.phone-preview #previewBody,.phone-preview .preview-header,.phone-preview .preview-footer{background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:3px;font-size:12px;white-space:pre-wrap}.phone-preview .preview-header{font-weight:800;border-radius:12px 12px 5px 5px}.phone-preview .preview-footer{color:#7c8b87;font-size:9px;border-radius:5px 5px 12px 12px}.phone-preview>small{display:block;text-align:left;color:#71827e;margin-top:6px}.preview-variable{background:#dff7ef;color:#087458;border-radius:5px;padding:0 3px}.preview-buttons{display:grid;gap:4px;margin-top:5px}.preview-buttons button{border:0;background:#fff;color:#087458;border-radius:10px;padding:9px}.subsection{border:1px solid var(--line);border-radius:15px;padding:13px;margin:13px 0}.template-buttons{display:grid;gap:8px}.template-button-row{display:grid;grid-template-columns:130px 1fr 1fr auto;gap:8px}.advanced-box{border:1px solid var(--line);border-radius:14px;padding:12px;margin:13px 0}.advanced-box summary{font-weight:800;cursor:pointer}.advanced-box p{font-size:10px;color:var(--muted)}.templates-list-panel{margin-top:18px}.template-body-cell{max-width:350px;white-space:pre-wrap}.error-note{display:block;color:var(--danger);margin-top:4px;max-width:230px}.small-button{padding:6px 9px;font-size:9px}.quick-send-panel{margin-bottom:18px}.quick-send-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:12px;align-items:start}.quick-send-grid>div:not(.form-row),.quick-send-grid>label{grid-column:auto}.quick-send-grid #quickTextFields,.quick-send-grid #quickTemplateFields,.quick-send-grid #quickMediaFields{grid-column:1/-1}.template-inline-preview{border:1px dashed #9dc9bc;background:#f5fbf9;border-radius:13px;padding:12px;margin:8px 0 12px}.template-inline-preview strong,.template-inline-preview p,.template-inline-preview small{display:block;margin:0}.template-inline-preview p{white-space:pre-wrap;margin-top:5px}.campaign-compose-grid{margin-top:0}.small-modal{width:min(540px,96vw)}.bubble-error{margin-top:7px;background:#fdebed;color:var(--danger);border-radius:8px;padding:6px;font-size:9px}.message-cell{max-width:330px;white-space:pre-wrap}.error-cell{max-width:300px;color:var(--danger);white-space:pre-wrap}.status-badge.processing{background:#fff4d9;color:#8b6414}
@media(max-width:1100px){.templates-grid,.contacts-layout{grid-template-columns:1fr}.template-preview-panel{position:static}.quick-send-grid{grid-template-columns:1fr}.diagnostic-grid{grid-template-columns:1fr}.template-button-row{grid-template-columns:1fr 1fr}.template-button-row .remove-row{grid-column:1/-1}}

/* WhatsApp Meta Hub v2.0 — CRM, chat scrolling and mobile-first hardening */
html,body{max-width:100%;overflow-x:hidden}.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar nav{flex:0 0 auto}.content>*{min-width:0}.panel,.form-panel,.campaign-workspace>*{min-width:0}.direct-send-card{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:28px;align-items:center}.direct-send-copy{padding:14px}.direct-send-copy h3{font-size:24px;margin:10px 0}.direct-send-copy p{color:var(--muted);line-height:1.9}.direct-send-help{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.direct-send-help span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.direct-send-form{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:20px}.direct-send-form label,.campaign-message-builder label,.recipient-builder label{font-size:12px;font-weight:700}.direct-send-form input,.direct-send-form textarea,.direct-send-form select,.campaign-builder input,.campaign-builder textarea,.campaign-builder select,.customer-sidebar input,.customer-sidebar textarea,.customer-sidebar select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 13px;color:var(--text);outline:none}.message-mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#eaf2ef;border-radius:14px;padding:4px;margin:12px 0}.message-mode-switch button{border:0;background:transparent;border-radius:11px;padding:10px;color:var(--muted);font-weight:800}.message-mode-switch button.active{background:#fff;color:var(--green-dark);box-shadow:0 5px 14px rgba(15,65,52,.08)}.campaign-builder{margin-top:20px}.campaign-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px}.section-number{display:flex;gap:12px;align-items:center;margin-bottom:16px}.section-number>span{width:34px;height:34px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}.section-number strong,.section-number small{display:block}.section-number small{color:var(--muted);font-size:10px}.recipient-format-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.format-card{border:1px solid var(--line);border-radius:15px;padding:13px;cursor:pointer;background:#fff}.format-card.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(19,167,123,.08)}.format-card input{display:none}.format-card strong,.format-card small,.format-card code{display:block}.format-card small{color:var(--muted);font-size:10px;margin:4px 0}.format-card code{direction:ltr;text-align:left;color:var(--green-dark);font-size:10px}.recipient-table{max-height:370px}.campaign-message-builder{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:18px;align-self:start;position:sticky;top:112px}.template-asset-chip{display:inline-flex;background:#eaf6f2;color:var(--green-dark);border-radius:9px;padding:5px 8px;font-size:10px;margin-bottom:6px}

.crm-chat-shell{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr) minmax(245px,300px);height:calc(100dvh - 142px);min-height:560px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.conversation-sidebar,.customer-sidebar,.professional-chat-panel{min-width:0;min-height:0}.conversation-sidebar{display:flex;flex-direction:column;border-left:1px solid var(--line);background:#fff}.conversation-head{flex:0 0 auto;padding:18px;border-bottom:1px solid var(--line)}.conversation-head>div:first-child{display:flex;justify-content:space-between;align-items:center}.conversation-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.conversation-item{display:flex;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer;min-width:0}.conversation-item.active{background:var(--green-soft)}.conversation-copy{min-width:0;flex:1}.conversation-copy>div:first-child{display:flex;justify-content:space-between;gap:8px}.conversation-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0;font-size:10px;color:var(--muted)}.conversation-copy time{white-space:nowrap;font-size:8px;color:var(--muted)}.conversation-meta{display:flex;gap:5px;align-items:center;font-size:8px;color:var(--muted)}.assignment-chip{background:#eef4f2;border-radius:999px;padding:2px 6px}.unread-pill{background:var(--green);color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:9px}.professional-chat-panel{display:flex;flex-direction:column;position:relative;background:#eef5f2}.chat-header{flex:0 0 auto;min-height:76px;background:#fff;border-bottom:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-header-main,.chat-header-identity,.chat-header-actions{display:flex;align-items:center;gap:10px;min-width:0}.chat-header-identity>div:last-child{min-width:0}.chat-header-identity strong,.chat-header-identity span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-identity span{font-size:10px;color:var(--muted)}.chat-scroll-tools{position:absolute;top:82px;left:50%;transform:translateX(-50%);z-index:3}.chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto;padding:20px 18px 28px;background-color:#eef5f2;background-image:radial-gradient(rgba(20,95,74,.09) 1px,transparent 1px);background-size:28px 28px;scrollbar-gutter:stable}.bubble-row{display:flex;margin:8px 0}.bubble-row.outgoing{justify-content:flex-start}.bubble-row.incoming{justify-content:flex-end}.bubble{max-width:min(78%,680px);border-radius:16px;padding:10px 12px;box-shadow:0 5px 15px rgba(14,54,43,.05);overflow-wrap:anywhere}.bubble-row.outgoing .bubble{background:#d9f7ec;border-bottom-left-radius:5px}.bubble-row.incoming .bubble{background:#fff;border-bottom-right-radius:5px}.bubble-body{white-space:pre-wrap;line-height:1.8;font-size:12px}.bubble small{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;color:#788b86;font-size:8px}.message-agent{font-weight:800;color:var(--green-dark)}.reply-box{flex:0 0 auto;background:#fff;border-top:1px solid var(--line);padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.reply-box textarea{min-height:48px;max-height:150px;overflow-y:auto}.reply-meta{display:flex;flex-direction:column;gap:5px;align-items:stretch}.reply-meta>span{font-size:8px;color:var(--muted);white-space:nowrap}.scroll-bottom{position:absolute;bottom:92px;left:18px;border:0;background:#092a23;color:#fff;border-radius:999px;padding:8px 12px;z-index:4;box-shadow:0 8px 20px rgba(0,0,0,.18)}.customer-sidebar{overflow-y:auto;overscroll-behavior:contain;background:#fff;border-right:1px solid var(--line);padding:18px}.customer-sidebar label{display:block;font-size:10px;font-weight:800;margin:12px 0}.customer-sidebar label small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.customer-profile-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line)}.customer-profile-head h3{margin:0}.customer-profile-head span{font-size:10px;color:var(--muted)}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.customer-stats>div{background:var(--surface-2);border-radius:11px;padding:9px;text-align:center;min-width:0}.customer-stats strong,.customer-stats span{display:block;overflow:hidden;text-overflow:ellipsis}.customer-stats strong{font-size:11px}.customer-stats span{font-size:8px;color:var(--muted)}.mobile-chat-back,.mobile-customer-toggle,.mobile-customer-close{display:none}.danger-outline{border:1px solid #f1bec4;background:#fff4f5;color:var(--danger);border-radius:11px;padding:8px 11px;font-weight:800}

.users-layout,.audit-layout{min-width:0}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-card{display:flex!important;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px;margin:0!important}.permission-card input{width:auto!important;margin:0!important}.permission-card strong,.permission-card small{display:block}.permission-card small{font-size:8px;color:var(--muted)}.audit-details{max-width:360px;white-space:normal;overflow-wrap:anywhere}

@media(max-width:1280px){.crm-chat-shell{grid-template-columns:280px minmax(0,1fr)}.customer-sidebar{position:fixed;z-index:45;top:0;bottom:0;left:0;width:min(360px,92vw);transform:translateX(-105%);transition:transform .25s ease;box-shadow:20px 0 45px rgba(3,24,19,.2)}.customer-sidebar.mobile-open{transform:none}.mobile-customer-toggle,.mobile-customer-close{display:inline-flex}.mobile-customer-close{position:sticky;top:0;margin-right:auto;border:0;background:#eef4f2;width:38px;height:38px;border-radius:11px;align-items:center;justify-content:center;font-size:22px;z-index:2}.campaign-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}}
@media(max-width:1100px){.direct-send-card{grid-template-columns:1fr}.direct-send-copy{padding:0}.campaign-workspace{grid-template-columns:1fr}.campaign-message-builder{position:static}.templates-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-wrap:wrap}.button-row{flex-wrap:wrap}}
@media(max-width:820px){body.mobile-nav-open{overflow:hidden}.sidebar{width:min(88vw,320px);padding-bottom:max(18px,env(safe-area-inset-bottom))}.topbar{height:68px;padding:10px 13px}.topbar h1{font-size:18px}.topbar p{display:none}.top-actions{gap:7px}.top-actions .avatar{width:38px;height:38px}.content{padding:12px 10px 22px}.panel{border-radius:16px;padding:14px}.direct-send-card{gap:14px}.direct-send-copy h3{font-size:20px}.direct-send-form{padding:13px;border-radius:15px}.form-row,.recipient-format-cards{grid-template-columns:1fr}.message-mode-switch{grid-template-columns:1fr 1fr}.campaign-builder{margin-top:12px}.campaign-title-row{align-items:center}.import-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.import-tabs::-webkit-scrollbar{display:none}.dropzone{min-height:120px!important}.recipient-table{max-height:300px}.data-table{min-width:650px}.preview-table-wrap{-webkit-overflow-scrolling:touch}.inline-form,.table-toolbar{flex-wrap:wrap}.inline-form>*{flex:1 1 160px}.crm-chat-shell{display:block;height:calc(100dvh - 96px);min-height:0;border-radius:16px;position:relative}.conversation-sidebar{display:flex;width:100%;height:100%;border:0}.professional-chat-panel{display:none;width:100%;height:100%}.crm-chat-shell.chat-open .conversation-sidebar{display:none}.crm-chat-shell.chat-open .professional-chat-panel{display:flex}.chat-header{min-height:64px;padding:8px 10px}.mobile-chat-back{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:var(--green-soft);color:var(--green-dark);font-size:28px;line-height:1}.chat-header-actions{gap:5px}.chat-header-actions button{padding:7px 8px;font-size:9px}.chat-messages{padding:14px 10px 22px}.bubble{max-width:88%}.reply-box{padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 72px;gap:7px}.reply-meta>span{display:none}.reply-meta .primary-button{height:48px;padding:0 10px}.scroll-bottom{bottom:78px;left:10px}.customer-sidebar{width:100%;max-width:none;padding-top:max(14px,env(safe-area-inset-top))}.modal{padding:10px}.modal-card{width:100%;max-height:92dvh;padding:18px}.toast-container{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.toast{min-width:0;width:100%;max-width:none}.templates-list-panel,.panel{min-width:0}.template-button-row{grid-template-columns:1fr}.template-button-row .remove-row{grid-column:auto}.phone-preview{min-height:240px}.copy-field{flex-direction:column}.copy-field code{width:100%}.webhook-card{top:auto}.settings-grid{gap:12px}}
@media(max-width:520px){.content{padding-inline:8px}.panel{padding:12px}.direct-send-help{display:grid;grid-template-columns:1fr}.direct-send-form .button-row>*{width:100%}.campaign-title-row .count-pill{flex:0 0 auto}.format-card{padding:11px}.recipient-builder,.campaign-message-builder{padding:0;background:transparent;border:0}.campaign-message-builder{margin-top:8px}.message-mode-switch button{font-size:10px;padding:9px 4px}.chat-header-identity .avatar{width:36px;height:36px}.chat-header-identity strong{font-size:11px}.chat-header-actions .danger-outline{font-size:0;width:38px;height:38px;padding:0}.chat-header-actions .danger-outline:after{content:'🗑';font-size:15px}.bubble-body{font-size:11px}.conversation-head{padding:12px}.conversation-item{padding:11px}.reply-box textarea{font-size:16px}.topbar h1{max-width:65vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.permission-grid{grid-template-columns:1fr}.customer-stats{grid-template-columns:1fr 1fr}.customer-stats>div:last-child{grid-column:1/-1}.mini-stats{grid-template-columns:1fr 1fr}.button-row>*{min-height:42px}.form-panel input,.form-panel select,.form-panel textarea,.direct-send-form input,.direct-send-form textarea,.direct-send-form select,.campaign-builder input,.campaign-builder textarea,.campaign-builder select{font-size:16px}}
.users-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.35fr);gap:18px;align-items:start}.user-editor-panel{position:sticky;top:112px}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.disabled-section{opacity:.45;pointer-events:none}
@media(max-width:1100px){.users-layout{grid-template-columns:1fr}.user-editor-panel{position:static}.permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.permissions-grid{grid-template-columns:1fr}}
.user-editor-panel label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}.user-editor-panel input,.user-editor-panel select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fbfdfc;border-radius:13px;padding:11px 13px;color:var(--text);outline:none}.user-editor-panel input:focus,.user-editor-panel select:focus{border-color:#69c9ac;box-shadow:0 0 0 4px rgba(19,167,123,.08)}.user-editor-panel label small{display:block;color:var(--muted);font-weight:400;margin-top:5px}
.full-width-panel{grid-column:1/-1}.contacts-crm-table{min-width:950px}.tag-list{display:flex;flex-wrap:wrap;gap:4px;max-width:230px}.tag-list span{display:inline-flex;background:#eef7f4;color:var(--green-dark);border-radius:999px;padding:3px 7px;font-size:8px}.crm-contact-modal{width:min(760px,96vw)}.crm-contact-modal label{display:block;font-size:12px;font-weight:700;margin-bottom:13px}.crm-contact-modal input,.crm-contact-modal select,.crm-contact-modal textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);background:#fbfdfc;border-radius:13px;padding:11px 13px;color:var(--text);outline:none}.crm-contact-modal label small{display:block;color:var(--muted);font-size:9px;margin-top:4px;font-weight:400}
@media(max-width:820px){.contacts-layout{display:block}.contacts-layout>.panel+ .panel{margin-top:12px}.crm-contact-modal{width:100%}.contacts-crm-table{min-width:860px}}

/* Notification center — v2.0.4 */
.notification-center{position:relative}.notification-button{position:relative;font-size:17px}.notification-badge{position:absolute;top:-6px;left:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#e54857;color:#fff;border:2px solid var(--bg);font-size:9px;font-weight:800;line-height:1}.notification-panel{position:absolute;top:52px;left:0;width:min(390px,calc(100vw - 32px));max-height:min(620px,calc(100dvh - 90px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(7,35,28,.2);overflow:hidden;z-index:90;text-align:right}.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line)}.notification-panel-head strong,.notification-panel-head small{display:block}.notification-panel-head small{font-size:9px;color:var(--muted);margin-top:2px}.text-button{border:0;background:transparent;color:var(--green-dark);font-size:10px;font-weight:800;padding:5px}.notification-permission{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 12px 6px;padding:11px;border-radius:13px;background:#f2faf7;border:1px solid #d9eee7}.notification-permission.enabled{background:#e8f8f2}.notification-permission strong,.notification-permission small{display:block}.notification-permission strong{font-size:11px}.notification-permission small{font-size:8px;color:var(--muted);line-height:1.7;margin-top:3px}.notification-permission button{flex:0 0 auto;padding:7px 10px;font-size:9px}.notification-sound-toggle{display:flex;align-items:center;gap:8px;padding:8px 15px 11px;font-size:10px;color:#526b64;border-bottom:1px solid var(--line)}.notification-sound-toggle input{width:auto;margin:0;accent-color:var(--green)}.notification-list{overflow-y:auto;overscroll-behavior:contain;max-height:420px;min-height:90px}.notification-item{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:flex-start;gap:10px;padding:13px 14px;text-align:right;color:var(--text)}.notification-item:hover{background:#f7fbfa}.notification-item.unread{background:#ecfaf5}.notification-item.unread:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);position:absolute;margin-right:-8px;margin-top:5px}.notification-item-icon{width:35px;height:35px;border-radius:11px;background:var(--green-soft);display:grid;place-items:center;flex:0 0 auto}.notification-item-copy{min-width:0;flex:1}.notification-item-copy strong,.notification-item-copy small,.notification-item-copy time{display:block}.notification-item-copy strong{font-size:11px}.notification-item-copy small{font-size:9px;color:#526b64;line-height:1.65;margin:3px 0;white-space:normal;overflow-wrap:anywhere}.notification-item-copy time{font-size:8px;color:var(--muted)}.notification-empty{padding:32px 15px;text-align:center;color:var(--muted);font-size:11px}
@media(max-width:820px){.notification-panel{position:fixed;top:72px;left:10px;right:10px;width:auto;max-height:calc(100dvh - 84px);border-radius:16px}.notification-list{max-height:calc(100dvh - 290px)}.notification-button{width:38px;height:38px}.notification-badge{top:-5px;left:-5px}}
/* v2.0.4 shared notification workflow */
.notification-permission-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.notification-push-status{margin:0 12px 7px;padding:8px 10px;border-radius:10px;background:#f4f7f6;color:#61736e;font-size:8px;line-height:1.65;border:1px solid var(--line);overflow-wrap:anywhere}.notification-push-status.good{background:#e8f8f2;color:#087a5c;border-color:#c7eadf}.notification-push-status.bad{background:#fff0f1;color:#b22d3b;border-color:#f4cbd0}.notification-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line);background:#fbfdfc}.notification-tab{border:1px solid var(--line);background:#fff;color:#536963;border-radius:10px;padding:8px 9px;font-size:9px;font-weight:800}.notification-tab b{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-inline-start:4px;border-radius:999px;background:#edf4f2;color:#42635a;font-size:8px}.notification-tab.active{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.notification-tab.active b{background:rgba(255,255,255,.18);color:#fff}.notification-item{position:relative}.notification-item.read{background:#fff}.notification-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px}.notification-item-meta time{margin:0!important;white-space:nowrap}.notification-state{font-size:7px;font-weight:800;border-radius:999px;padding:3px 7px}.notification-state.pending{background:#fff0dc;color:#a55b00}.notification-state.read{background:#e8f8f2;color:#087a5c}.notification-panel{max-height:min(690px,calc(100dvh - 86px))}.notification-list{max-height:360px}
@media(max-width:820px){.notification-permission{align-items:flex-start;flex-direction:column}.notification-permission-actions{width:100%}.notification-permission-actions button{flex:1}.notification-list{max-height:calc(100dvh - 390px);min-height:120px}.notification-push-status{font-size:9px}.notification-tab{font-size:10px}}

/* v2.0.4 — template footer and clear CRM states */
.bubble-footer{margin-top:7px;padding-top:6px;border-top:1px solid rgba(31,82,68,.14);font-size:9px;line-height:1.65;color:#71837e;white-space:pre-wrap}
.customer-status-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 8px;font-size:8px;font-weight:800;border:1px solid transparent;white-space:nowrap}
.customer-status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status-new{background:#e9f2ff!important;color:#245f9f!important;border-color:#c9ddf5!important}
.status-active{background:#e2f8ef!important;color:#087557!important;border-color:#bde8d8!important}
.status-follow_up{background:#fff3d7!important;color:#9a5b00!important;border-color:#f1d79c!important}
.status-closed{background:#edf0f2!important;color:#58656d!important;border-color:#d5dade!important}
.status-blocked{background:#fde9ec!important;color:#b22e3d!important;border-color:#f2c3ca!important}
#crmStatus.status-new,#crmStatus.status-active,#crmStatus.status-follow_up,#crmStatus.status-closed,#crmStatus.status-blocked{font-weight:800;border-width:2px!important}
.chat-header-identity .customer-status-chip{display:inline-flex;margin-top:4px;width:max-content}
.conversation-meta .customer-status-chip{padding:2px 6px;font-size:7px}
@media(max-width:520px){.chat-header-identity .customer-status-chip{font-size:7px;padding:2px 6px}.bubble-footer{font-size:8px}}

/* v2.0.5 — conversation workflow filters */
.conversation-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.conversation-filter{border:1px solid var(--line);background:#fff;color:#526b64;border-radius:10px;padding:7px 6px;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.conversation-filter b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#edf4f2;color:#44645b;font-size:7px}.conversation-filter.active{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.conversation-filter.active b{background:rgba(255,255,255,.18);color:#fff}.conversation-workflow-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 6px;font-size:7px;font-weight:800;white-space:nowrap}.conversation-workflow-badge.unopened{background:#e8f2ff;color:#245f9f}.conversation-workflow-badge.pending{background:#fff0dc;color:#a55b00}.conversation-workflow-badge.answered{background:#e4f8f0;color:#087557}.campaign-actions{min-width:260px}.campaign-actions button{margin:2px;font-size:9px;padding:8px 10px}
@media(max-width:820px){.conversation-filters{grid-template-columns:repeat(4,minmax(max-content,1fr));overflow-x:auto;padding-bottom:2px}.conversation-filter{font-size:8px;padding:7px 8px}.campaign-actions{min-width:230px}}
.campaign-background-note{margin-bottom:14px;line-height:1.8}.campaign-background-note strong{display:inline-block;margin-left:5px}
.campaign-progress-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.campaign-progress-actions small{color:var(--muted);line-height:1.7}.campaign-progress-actions .secondary-button{flex:0 0 auto;font-size:9px;padding:8px 10px}@media(max-width:620px){.campaign-progress-actions{align-items:stretch;flex-direction:column}.campaign-progress-actions .secondary-button{width:100%}}

/* v2.0.8 — mobile inbox, full pagination and media messages */
.status-completed{background:#eef1f3!important;color:#59666d!important;border-color:#d8dee2!important}
#crmStatus.status-completed{font-weight:800;border-width:2px!important;background:#eef1f3!important;color:#59666d!important;border-color:#d8dee2!important}
.status-help{display:flex;gap:6px;flex-wrap:wrap;margin-top:-5px}.status-help .customer-status-chip{font-size:8px}
.load-more-conversations{flex:0 0 auto;border:0;border-top:1px solid var(--line);background:#f4f9f7;color:var(--green-dark);padding:10px;font-weight:800;cursor:pointer}.load-more-conversations:disabled{opacity:.55}
.reply-compose-area{min-width:0}.reply-input-row{display:flex;align-items:flex-end;gap:7px}.attachment-button{width:46px;height:46px;flex:0 0 46px;border:1px solid var(--line);border-radius:13px;background:#f1f7f5;color:var(--green-dark);font-size:25px;line-height:1;cursor:pointer}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.reply-input-row textarea{flex:1;min-width:0}.reply-attachment-preview{display:flex;align-items:center;gap:10px;border:1px solid #bcded4;background:#f2fbf8;border-radius:13px;padding:8px;margin-bottom:7px;min-width:0}.reply-attachment-preview img,.reply-attachment-preview video{width:54px;height:54px;border-radius:9px;object-fit:cover;background:#dfeae7}.reply-attachment-preview .attachment-kind{width:54px;height:54px;border-radius:9px;background:#dfeae7;display:grid;place-items:center;font-size:25px}.reply-attachment-preview>div{min-width:0;flex:1}.reply-attachment-preview strong,.reply-attachment-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-attachment-preview small{color:var(--muted);font-size:8px}.reply-attachment-preview button{border:0;background:#ffe8eb;color:#a72c3c;width:30px;height:30px;border-radius:9px;font-size:18px;cursor:pointer}
.chat-image-button{display:block;border:0;background:transparent;padding:0;margin:0 0 7px;cursor:zoom-in;max-width:100%}.chat-image{display:block;max-width:min(360px,100%);max-height:420px;border-radius:12px;object-fit:cover;background:#dfe8e5}.chat-video{display:block;width:min(380px,100%);max-height:420px;border-radius:12px;background:#101715;margin-bottom:7px}.chat-audio{display:grid;gap:7px;min-width:min(310px,70vw);margin-bottom:6px}.chat-audio>span{font-size:9px;font-weight:800;color:var(--green-dark)}.chat-audio audio{width:100%;height:42px}.chat-document{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;background:rgba(255,255,255,.58);border:1px solid rgba(40,100,83,.13);border-radius:12px;padding:10px;margin-bottom:7px;min-width:min(310px,70vw)}.chat-document-icon{font-size:24px}.chat-document>span:nth-child(2){min-width:0;flex:1}.chat-document strong,.chat-document small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-document small{font-size:8px;color:var(--muted)}.chat-document b{font-size:9px;color:var(--green)}
.media-lightbox{position:fixed;inset:0;z-index:200;background:rgba(2,14,11,.88);display:grid;place-items:center;padding:24px}.media-lightbox img{max-width:min(1100px,94vw);max-height:90dvh;object-fit:contain;border-radius:12px}.media-lightbox-close{position:fixed;top:max(18px,env(safe-area-inset-top));left:20px;border:0;width:46px;height:46px;border-radius:50%;background:#fff;color:#132a24;font-size:28px;cursor:pointer}
.inbox-page{height:100dvh;overflow:hidden}.inbox-page .page-shell{height:100dvh;overflow:hidden}.inbox-page .content{height:calc(100dvh - 78px);min-height:0;overflow:hidden;display:flex;flex-direction:column}.inbox-page .inbox-status-bar{flex:0 0 auto}.inbox-page .crm-chat-shell{flex:1;height:auto;min-height:0;margin-bottom:0}.inbox-page .conversation-sidebar,.inbox-page .professional-chat-panel,.inbox-page .customer-sidebar{height:100%}
@media(max-width:820px){
  .inbox-page .page-shell{height:100dvh}.inbox-page .content{height:calc(100dvh - 68px);padding-bottom:max(8px,env(safe-area-inset-bottom))}.inbox-page .inbox-status-bar{padding:8px 10px;margin-bottom:8px;font-size:9px}.inbox-page .inbox-status-bar small{font-size:7px}.inbox-page .crm-chat-shell{height:auto;flex:1;min-height:0}.conversation-filters{grid-template-columns:repeat(5,max-content);justify-content:start}.conversation-filter{min-width:92px}.conversation-head{max-height:245px}.conversation-list{-webkit-overflow-scrolling:touch}.professional-chat-panel{min-height:0}.chat-messages{-webkit-overflow-scrolling:touch}.reply-box{position:relative;z-index:5;grid-template-columns:minmax(0,1fr) 72px}.reply-input-row textarea{font-size:16px}.attachment-button{width:44px;height:44px;flex-basis:44px}.chat-image{max-width:100%;max-height:52dvh}.chat-video{max-height:52dvh}.chat-document,.chat-audio{min-width:min(270px,72vw)}.media-lightbox{padding:12px}.media-lightbox img{max-width:96vw;max-height:88dvh}
}
@media(max-width:520px){.inbox-page .content{padding-inline:6px}.inbox-page .inbox-status-bar{border-radius:11px}.crm-chat-shell{border-radius:13px}.conversation-head{padding:10px}.reply-box{padding:7px;padding-bottom:max(7px,env(safe-area-inset-bottom))}.reply-meta .primary-button{width:68px}.bubble{max-width:92%}.chat-document,.chat-audio{min-width:min(245px,73vw)}}

/* v2.0.8 — reactions are attached to their original message */
.bubble{position:relative}.bubble-row.has-reaction{margin-bottom:20px}.message-reaction-chip{position:absolute;bottom:-15px;min-width:30px;height:26px;padding:1px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 12px rgba(14,54,43,.13);display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;z-index:2}.bubble-row.incoming .message-reaction-chip{right:10px}.bubble-row.outgoing .message-reaction-chip{left:10px}@media(max-width:520px){.message-reaction-chip{height:24px;min-width:28px;font-size:15px;bottom:-14px}.bubble-row.has-reaction{margin-bottom:18px}}

/* v3.1.2 — Wasl Chat multi-company SaaS */
.wasl-brand img,.login-brand img,.public-brand img,.login-logo img{width:48px;height:48px;flex:0 0 48px}.tenant-plan-chip{margin:18px 0 4px;padding:11px 12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:13px}.tenant-plan-chip span,.tenant-plan-chip small{display:block}.tenant-plan-chip span{color:#e8fff8;font-size:11px;font-weight:800}.tenant-plan-chip small{color:#86a79e;font-size:8px;margin-top:3px}.impersonation-banner{position:fixed;top:0;right:var(--sidebar);left:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:14px;background:#ffe4a8;color:#5e4300;padding:7px 16px;font-size:11px;font-weight:700;box-shadow:0 4px 14px rgba(80,55,0,.12)}.impersonation-banner form{margin:0}.impersonation-banner button{border:0;background:#6a4a00;color:#fff;border-radius:8px;padding:5px 10px;font-weight:700}.impersonation-banner+*+.sidebar{top:34px}.impersonation-banner~.page-shell .topbar{top:34px}.login-logo{display:flex;align-items:center;gap:13px;margin-bottom:28px}.login-logo strong,.login-logo small{display:block}.login-logo strong{font-size:23px}.login-logo small{color:#a6d7ca;font-size:11px}.login-pricing-link{display:inline-flex;margin-top:24px;padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:700}.login-card-links{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:10px}.login-card-links a{color:var(--green-dark);font-weight:700}.tenant-login-card{max-width:450px}.pricing-page{min-height:100vh;background:radial-gradient(circle at 80% 0,#d8f7ed,transparent 30%),#f4f8f7}.public-header{height:78px;padding:14px clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.8);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.public-brand{display:flex;align-items:center;gap:12px}.public-brand strong,.public-brand small{display:block}.public-brand strong{font-size:18px}.public-brand small{font-size:9px;color:var(--muted)}.pricing-shell{max-width:1250px;margin:auto;padding:70px 24px}.pricing-hero{text-align:center;max-width:700px;margin:0 auto 40px}.pricing-hero h1{font-size:42px;margin:10px 0}.pricing-hero p{color:var(--muted);line-height:1.9}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;align-items:stretch}.pricing-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:25px;padding:27px;box-shadow:var(--shadow);display:flex;flex-direction:column}.pricing-card.featured{border:2px solid var(--green);transform:translateY(-9px)}.popular-badge{position:absolute;top:-13px;right:24px;background:var(--green);color:#fff;border-radius:999px;padding:6px 12px;font-size:9px;font-weight:800}.pricing-card h2{font-size:24px;margin:0 0 8px}.pricing-card>p{color:var(--muted);min-height:52px}.price{display:flex;align-items:flex-end;gap:8px;margin:15px 0 4px}.price strong{font-size:38px}.price span,.year-price{font-size:10px;color:var(--muted)}.pricing-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px;flex:1}.pricing-card li{font-size:12px}.simple-status-page,.developer-login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#d7f5eb,transparent 35%),#eef5f3}.simple-status-page section,.developer-login-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;text-align:center;box-shadow:var(--shadow)}.simple-status-page img,.developer-login-card>img{width:72px;height:72px}.developer-login-card label{display:block;text-align:right;font-size:12px;font-weight:700;margin:14px 0}.developer-login-card input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;margin-top:6px}.developer-login-card>a{display:block;margin-top:16px;font-size:11px;color:var(--green-dark)}.developer-page{background:#eef4f2;min-height:100vh}.developer-header{height:76px;display:flex;align-items:center;gap:30px;padding:12px clamp(18px,4vw,55px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.developer-header nav{display:flex;gap:7px;margin-inline:auto}.developer-header nav a{padding:9px 13px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:700}.developer-header nav a.active,.developer-header nav a:hover{background:var(--green-soft);color:var(--green-dark)}.developer-shell{max-width:1450px;margin:auto;padding:34px clamp(16px,4vw,55px) 70px}.developer-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.developer-title h1{margin:6px 0 3px;font-size:30px}.developer-title p{margin:0;color:var(--muted)}.developer-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;margin-bottom:20px}.developer-stats article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.developer-stats small,.developer-stats strong{display:block}.developer-stats small{color:var(--muted);font-size:10px}.developer-stats strong{font-size:23px;margin-top:7px}.developer-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:20px;box-shadow:0 10px 30px rgba(18,58,48,.04)}.developer-table-wrap{overflow:auto}.developer-table{width:100%;border-collapse:collapse;min-width:900px}.developer-table th,.developer-table td{padding:13px;border-bottom:1px solid var(--line);text-align:right;font-size:11px}.developer-table td strong,.developer-table td small{display:block}.developer-table td small{color:var(--muted);font-size:8px}.tenant-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800}.tenant-status.active{background:#e2f8ef;color:#087557}.tenant-status.inactive{background:#fdebed;color:#b22e3d}.small{padding:7px 10px!important;font-size:9px!important}.developer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.developer-form-grid label,.plan-admin-card label{font-size:10px;font-weight:700}.developer-form-grid input,.developer-form-grid select,.developer-form-grid textarea,.plan-admin-card input,.plan-admin-card select,.plan-admin-card textarea{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fbfdfc}.span-2{grid-column:1/-1}.module-pills{display:flex;gap:7px;flex-wrap:wrap}.module-pills span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700}.plan-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:17px}.plan-admin-card{display:grid;gap:12px}.plan-code{display:flex;align-items:center;justify-content:space-between}.plan-code strong{font-size:20px}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.module-checkbox-grid label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:8px;background:#f9fcfb}.module-checkbox-grid input{width:auto;margin:0}.alert.success{background:#e4f8f0;color:#087557;border-color:#bde8d8}
@media(max-width:820px){.impersonation-banner{right:0;font-size:9px}.developer-header{height:auto;flex-wrap:wrap}.developer-header nav{order:3;width:100%;overflow-x:auto}.developer-title{align-items:flex-start;flex-direction:column}.developer-form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.plan-admin-grid{grid-template-columns:1fr}.pricing-hero h1{font-size:29px}.pricing-card.featured{transform:none}.public-header{height:68px}.wasl-login-page .login-visual{min-height:300px}.module-checkbox-grid{grid-template-columns:1fr}.impersonation-banner~.page-shell .topbar{top:40px}}
.login-plan-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;max-width:650px}.login-plan-preview a{display:block;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:13px;padding:11px;color:#fff}.login-plan-preview span,.login-plan-preview strong{display:block}.login-plan-preview span{font-size:9px;color:#bfe6db}.login-plan-preview strong{font-size:17px;margin-top:4px}.login-plan-preview small{font-size:8px}@media(max-width:620px){.login-plan-preview{grid-template-columns:1fr}.login-plan-preview a{display:flex;align-items:center;justify-content:space-between}.login-plan-preview strong{margin:0}}
.customer-status-filters{display:flex;gap:5px;overflow-x:auto;padding:2px 0 7px;scrollbar-width:thin}.customer-status-filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;color:#526b64}.customer-status-filter b{min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:rgba(255,255,255,.65);display:grid;place-items:center;font-size:7px}.customer-status-filter.active{outline:2px solid var(--green);outline-offset:1px;box-shadow:0 4px 10px rgba(19,167,123,.12)}@media(max-width:820px){.customer-status-filters{padding-bottom:5px}.customer-status-filter{font-size:8px;padding:6px 9px}}

/* v3.1.2 — subscription leads, developer analytics, pagination and account security */
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.pricing-actions{display:grid;gap:9px;text-align:center}.pricing-actions .text-button{justify-content:center}.lead-page{min-height:100vh;background:radial-gradient(circle at 15% 5%,#d7f5eb,transparent 34%),linear-gradient(145deg,#f8fbfa,#edf5f2);color:var(--text)}.lead-shell{max-width:1180px;margin:auto;padding:58px 22px 80px;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(520px,1.25fr);gap:34px;align-items:start}.lead-intro{padding:34px 10px}.lead-intro h1{font-size:40px;line-height:1.25;margin:11px 0}.lead-intro>p{color:var(--muted);line-height:1.9;max-width:520px}.lead-intro ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px}.lead-intro li:before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);margin-left:9px;font-weight:900}.selected-plan-summary{margin-top:27px;border:1px solid rgba(7,117,87,.16);background:rgba(255,255,255,.75);border-radius:20px;padding:19px;box-shadow:0 18px 45px rgba(10,65,51,.08)}.selected-plan-summary small,.selected-plan-summary strong,.selected-plan-summary span{display:block}.selected-plan-summary small{color:var(--muted)}.selected-plan-summary strong{font-size:25px;margin:5px 0}.selected-plan-summary span{color:var(--green-dark);font-weight:800}.lead-form-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 25px 70px rgba(16,64,51,.1)}.lead-form-card h2{font-size:27px;margin:6px 0}.lead-form-card>div>p,.lead-privacy{color:var(--muted)}.lead-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:25px 0 20px}.lead-form-grid label{font-size:11px;font-weight:800}.lead-form-grid label>small{font-weight:500;color:var(--muted)}.lead-form-grid input,.lead-form-grid select,.lead-form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:13px;padding:12px 13px;background:#fbfdfc;font:inherit;font-size:12px}.consent-field{display:flex!important;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#f8fcfa}.consent-field input{width:auto!important;margin:3px 0 0!important}.lead-privacy{display:block;text-align:center;margin-top:12px;font-size:9px;line-height:1.8}.success-check{display:grid;width:55px;height:55px;border-radius:50%;place-items:center;background:#dcf8ee;color:var(--green-dark);font-size:30px;font-weight:900;margin:15px auto}.lead-reference{background:var(--green-soft);border-radius:13px;padding:12px;margin:18px 0}.button-row.center{justify-content:center}

.developer-page{background:linear-gradient(160deg,#f1f7f5 0,#edf3f2 65%,#e8f2ef 100%)}.developer-header{box-shadow:0 8px 30px rgba(15,59,48,.045);border-bottom-color:#dbe8e4}.developer-header nav{background:#f4f8f7;border-radius:14px;padding:4px}.developer-header nav a{white-space:nowrap}.developer-shell{max-width:1520px}.developer-title{background:linear-gradient(135deg,#092b24,#0c5746);color:#fff;border-radius:25px;padding:25px 27px;box-shadow:0 20px 50px rgba(7,48,39,.16)}.developer-title .eyebrow,.developer-title p,.developer-title a{color:#a9ddd0}.developer-title .text-button{color:#d8fff4}.developer-title h1{color:#fff}.developer-title .primary-button{box-shadow:0 8px 24px rgba(0,0,0,.18)}.developer-stats-six{grid-template-columns:repeat(6,minmax(130px,1fr))}.developer-stats article{position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(10,55,44,.04)}.developer-stats article:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;background:var(--green-soft);left:-20px;bottom:-28px}.developer-stats strong{position:relative;z-index:1}.developer-filter-bar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(140px,.8fr)) auto auto;gap:10px;margin-bottom:16px}.developer-filter-bar input,.developer-filter-bar select{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfdfc;font:inherit;font-size:10px}.cycle-badge{display:inline-flex;background:#e9f4ff;color:#225d97;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800}.developer-dashboard-grid,.developer-report-grid,.developer-company-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:20px}.developer-quick-links{display:grid;gap:10px;align-content:start}.developer-quick-links>a{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc}.developer-quick-links>a span{font-weight:800}.developer-quick-links>a b{font-size:9px;color:var(--green-dark)}.activity-feed{display:grid}.activity-feed article{display:flex;align-items:flex-start;gap:11px;padding:12px 3px;border-bottom:1px solid var(--line)}.activity-feed article>span{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.activity-feed strong,.activity-feed small{display:block}.activity-feed small{font-size:8px;color:var(--muted);margin-top:3px}.lead-prefill-badge{background:#fff4d7;color:#8a6500;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:800}.lead-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:17px}.lead-admin-card{margin:0;display:grid;gap:15px}.lead-card-head{display:flex;justify-content:space-between;gap:15px}.lead-card-head h2{margin:8px 0 3px}.lead-card-head p{margin:0;color:var(--muted)}.lead-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800}.lead-status.status-new{background:#e8f2ff;color:#2362a2}.lead-status.status-contacted{background:#fff4d6;color:#8d6800}.lead-status.status-qualified{background:#e3f8ef;color:#087557}.lead-status.status-won{background:#d7f5e9;color:#006c4c}.lead-status.status-lost{background:#f2f3f4;color:#66706d}.lead-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lead-meta-grid span{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fafcfb;min-width:0}.lead-meta-grid small,.lead-meta-grid b{display:block}.lead-meta-grid small{font-size:8px;color:var(--muted)}.lead-meta-grid b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-admin-card blockquote{margin:0;border-right:3px solid var(--green);background:var(--green-soft);padding:11px 13px;border-radius:9px;font-size:10px}.lead-update-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lead-update-form label{font-size:9px;font-weight:800}.lead-update-form select,.lead-update-form textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:10px;font:inherit}.lead-created{color:var(--muted)}.report-bars{display:grid;gap:16px}.report-bars article>div{display:flex;justify-content:space-between;gap:12px}.report-bars article span{color:var(--muted);font-size:9px}.report-bars i{display:block;height:9px;background:#edf3f1;border-radius:999px;margin-top:8px;overflow:hidden}.report-bars i b{display:block;height:100%;background:linear-gradient(90deg,var(--green),#35c99d);border-radius:inherit}.funnel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.funnel-grid article{background:#f7fbfa;border:1px solid var(--line);border-radius:15px;padding:16px}.funnel-grid strong,.funnel-grid span{display:block}.funnel-grid strong{font-size:25px}.funnel-grid span{font-size:9px;color:var(--muted)}.developer-company-grid{align-items:start}.renewal-card form{display:grid;gap:11px}.renewal-card label{font-size:10px;font-weight:800}.renewal-card input,.renewal-card select{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;margin-top:5px}.database-card code{display:block;padding:11px;background:#071a17;color:#bff5e7;border-radius:10px;direction:ltr}.check-card{display:flex!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fafcfb}.check-card input{width:auto!important;margin:0!important}.developer-table.compact{min-width:650px}

.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 4px 2px;color:var(--muted);font-size:10px}.pagination-bar>div{display:flex;align-items:center;gap:8px}.pagination-bar a,.pagination-bar button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 12px;color:var(--green-dark);font:inherit;font-weight:800;cursor:pointer}.pagination-bar button:disabled{opacity:.4;cursor:not-allowed}.pagination-bar b{min-width:65px;text-align:center;color:var(--text)}.developer-pagination{max-width:560px;margin:12px auto 0}.profile-avatar-button{border:0;cursor:pointer;font:inherit;color:#fff}.sidebar-profile-button{width:100%;border:0;background:transparent;color:#b7d2cb;font:inherit;font-size:9px;text-align:right;padding:4px 0;cursor:pointer}.sidebar-profile-button:hover{color:#fff}.profile-modal-card{max-width:470px}.profile-modal-card form{display:grid;gap:12px;margin-top:18px}.profile-modal-card label{font-size:10px;font-weight:800}.profile-modal-card input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:11px}

/* Refined inbox proportions and scrolling */
.inbox-page .crm-chat-shell{grid-template-columns:minmax(300px,355px) minmax(430px,1fr) minmax(265px,315px);border-radius:20px;box-shadow:0 18px 55px rgba(12,60,48,.08)}.conversation-sidebar{background:#fff}.conversation-head{background:linear-gradient(180deg,#fff,#fbfdfc);border-bottom:1px solid var(--line)}.conversation-filters,.customer-status-filters{scrollbar-width:thin;padding-bottom:4px}.conversation-list{background:#fff}.chat-header{background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.professional-chat-panel{background:#edf7f3}.chat-messages{padding:20px clamp(12px,2vw,25px)}.reply-box{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.customer-sidebar{background:#fbfdfc;border-right:1px solid var(--line)}.customer-sidebar label{background:#fff;border:1px solid #edf2f0;border-radius:13px;padding:9px}.customer-sidebar label input,.customer-sidebar label select,.customer-sidebar label textarea{border:0!important;background:transparent!important;padding-inline:0!important}.conversation-item{transition:background .16s ease,transform .16s ease}.conversation-item:hover{transform:translateX(-2px)}

@media(max-width:1200px){.developer-stats-six{grid-template-columns:repeat(3,1fr)}.developer-filter-bar{grid-template-columns:repeat(3,1fr)}.developer-filter-bar input{grid-column:span 2}.inbox-page .crm-chat-shell{grid-template-columns:minmax(285px,330px) minmax(400px,1fr)}.inbox-page .customer-sidebar{position:fixed;z-index:45}}
@media(max-width:900px){.lead-shell{grid-template-columns:1fr;max-width:720px}.lead-intro{padding:12px}.lead-intro h1{font-size:32px}.developer-dashboard-grid,.developer-report-grid,.developer-company-grid{grid-template-columns:1fr}.developer-filter-bar{grid-template-columns:1fr 1fr}.developer-filter-bar input{grid-column:1/-1}.lead-admin-grid{grid-template-columns:1fr}.developer-header nav{scrollbar-width:none}.developer-stats-six{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.lead-shell{padding:28px 12px 55px}.lead-form-card{padding:20px;border-radius:20px}.lead-form-grid{grid-template-columns:1fr}.lead-form-grid .span-2{grid-column:auto}.lead-intro h1{font-size:27px}.developer-stats-six{grid-template-columns:1fr 1fr}.developer-filter-bar{grid-template-columns:1fr}.developer-filter-bar input{grid-column:auto}.lead-meta-grid,.lead-update-form{grid-template-columns:1fr}.lead-update-form .span-2{grid-column:auto}.developer-title{padding:20px}.developer-title h1{font-size:24px}.pagination-bar{align-items:flex-start;flex-direction:column}.inbox-page .content{padding-inline:4px}.inbox-page .crm-chat-shell{border-radius:14px}.conversation-head{padding:10px}.conversation-filter,.customer-status-filter{min-width:max-content}.chat-header{padding:9px}.chat-messages{padding:12px 8px}.reply-box{padding-inline:7px}}
.compact-date-filter{display:flex!important;align-items:center;gap:6px;font-size:10px;font-weight:800;color:var(--muted);white-space:nowrap}.compact-date-filter input{min-width:132px!important;margin:0!important}
.developer-user-list{display:grid;gap:14px}.developer-user-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fbfdfc;display:grid;gap:13px}.developer-user-identity{display:flex;align-items:center;gap:10px}.developer-user-identity>div{display:grid;margin-left:auto}.developer-user-identity small{color:var(--muted)}.developer-user-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.developer-user-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.developer-user-actions>span{color:var(--muted);font-size:10px;margin-left:auto}@media(max-width:720px){.developer-user-fields{grid-template-columns:1fr}.developer-user-actions>span{margin-left:0;width:100%}}
.report-period-filter{min-width:210px}.report-period-filter label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.report-period-filter select{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;font:inherit;color:var(--text)}

/* v3.1.2 — unread workflow, campaign-safe inbox and non-blocking mobile alerts */
.toast-container{pointer-events:none}.toast{pointer-events:none;user-select:none}
.conversation-meta{flex-wrap:wrap;align-items:flex-start}.conversation-workflow-badge.answered{order:4}.conversation-workflow-badge.unopened{order:3}
@media(max-width:820px){
  .toast-container{top:74px;bottom:auto;left:10px;right:10px;max-height:28dvh;overflow:hidden}
  .toast{padding:9px 12px;font-size:10px;opacity:.94;box-shadow:0 9px 24px rgba(2,27,21,.18)}
  .toast.compact{display:none}
  .chat-header-actions{flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:520px){
}

/* v3.1.2 — Click-to-WhatsApp ad/post referral preview */
.message-referral-card{display:block;overflow:hidden;margin:0 0 9px;border:1px solid rgba(17,92,70,.16);border-radius:14px;background:#fff;color:var(--text);box-shadow:0 7px 18px rgba(7,57,44,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
a.message-referral-card:hover{transform:translateY(-1px);border-color:rgba(19,167,123,.46);box-shadow:0 10px 24px rgba(7,57,44,.1)}
.referral-media{width:100%;max-height:250px;overflow:hidden;background:#e9efed;border-bottom:1px solid var(--line)}
.referral-preview-image,.referral-preview-video{display:block;width:100%;max-height:250px;object-fit:cover;background:#e6eeeb}
.referral-preview-video{object-fit:contain;background:#101816}
.referral-copy{display:grid;gap:5px;padding:10px 12px}
.referral-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--green-dark)}
.referral-label b{font-size:10px}.referral-label small{font-size:7px;color:var(--muted);font-weight:600}
.referral-headline{display:block;font-size:12px;line-height:1.65}
.referral-description{font-size:9px;line-height:1.7;color:#536b65;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.referral-open{font-size:8px;font-weight:800;color:var(--green);margin-top:2px}
.bubble-row.incoming .message-referral-card{border-color:rgba(15,107,80,.18)}
@media(max-width:620px){.message-referral-card{border-radius:12px}.referral-media,.referral-preview-image,.referral-preview-video{max-height:42dvh}.referral-copy{padding:9px 10px}.referral-label{align-items:flex-start;flex-direction:column;gap:2px}.referral-headline{font-size:11px}.referral-description{font-size:8px}}

/* ==========================================================================
   Wasl Chat v3.3.0 — Global product polish and professional inbox
   ========================================================================== */
:root{
  --bg:#f4f7f6;
  --surface:#ffffff;
  --surface-2:#f8faf9;
  --surface-3:#eef4f2;
  --text:#10241f;
  --muted:#647873;
  --line:#dde7e4;
  --line-strong:#c9d8d3;
  --green:#0ea778;
  --green-dark:#076a50;
  --green-soft:#e7f7f1;
  --navy:#0a2620;
  --danger:#cc3f52;
  --warning:#c78417;
  --shadow-sm:0 6px 20px rgba(9,46,37,.055);
  --shadow:0 18px 50px rgba(9,46,37,.09);
  --shadow-lg:0 28px 75px rgba(7,39,31,.15);
  --radius-sm:12px;
  --radius:18px;
  --radius-lg:26px;
  --sidebar:258px;
}
html{scrollbar-color:#bfd0cb transparent;scrollbar-width:thin}
body{background:linear-gradient(180deg,#f7faf9 0,#f2f6f5 100%);font-synthesis:none;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 3%,rgba(14,167,120,.08),transparent 24%),radial-gradient(circle at 90% 82%,rgba(24,102,82,.05),transparent 28%);z-index:-1}
::selection{background:#bfeadf;color:#073f31}
:focus-visible{outline:3px solid rgba(14,167,120,.25);outline-offset:2px}
button,a,input,select,textarea{transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
button:active,.primary-button:active,.secondary-button:active{transform:translateY(1px)}
svg{shape-rendering:geometricPrecision}

/* Global navigation */
.sidebar{width:var(--sidebar);padding:22px 16px;background:linear-gradient(180deg,#071c17 0,#092a22 58%,#071a16 100%);border-left:1px solid rgba(255,255,255,.05);box-shadow:-18px 0 55px rgba(1,22,17,.11)}
.wasl-brand{padding:4px 7px 13px;border-bottom:1px solid rgba(255,255,255,.07)}
.wasl-brand img{width:44px;height:44px;filter:drop-shadow(0 10px 18px rgba(12,182,130,.2))}
.wasl-brand strong{font-size:17px;letter-spacing:.15px}.wasl-brand small{margin-top:1px;color:#87aaa0}
.tenant-plan-chip{margin:15px 3px 2px;border-color:rgba(123,226,196,.12);background:linear-gradient(135deg,rgba(35,181,139,.1),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.sidebar nav{gap:5px;margin-top:24px;overflow:auto;padding:2px 0 8px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
.nav-link{min-height:45px;padding:10px 11px;border-radius:13px;color:#a7beb7;font-size:11px;font-weight:700;gap:11px;border:1px solid transparent}
.nav-link .nav-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.035);flex:0 0 31px}
.nav-link .nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.nav-link:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.055);color:#effcf8;transform:translateX(-2px)}
.nav-link.active{background:linear-gradient(90deg,rgba(19,188,137,.17),rgba(19,188,137,.07));border-color:rgba(77,223,180,.13);color:#fff;box-shadow:none}
.nav-link.active .nav-icon{background:#12a97a;color:#fff;box-shadow:0 8px 18px rgba(10,166,118,.23)}
.nav-link.active:after{content:"";width:3px;height:24px;border-radius:999px;background:#5fe2bb;margin-right:auto}
.sidebar-footer{padding:16px 5px 0}.signed-user{padding:10px 0}.signed-user strong{font-size:11px}.signed-user small{font-size:8px;color:#829f97}
.sidebar-profile-button{font-size:9px;padding:8px 0;margin-bottom:7px}
.sidebar .ghost-button{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035)}

.page-shell{margin-right:var(--sidebar)}
.topbar{height:78px;padding:13px 28px;background:rgba(247,250,249,.82);border-bottom:1px solid rgba(207,220,216,.76);backdrop-filter:blur(20px) saturate(135%)}
.topbar h1{font-size:20px;letter-spacing:-.2px}.topbar p{font-size:10px;margin-top:2px}
.top-actions{gap:8px}.icon-button,.menu-button,.profile-avatar-button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(10,45,37,.045)}
.icon-button:hover,.menu-button:hover{border-color:#b9d8cf;background:#f3fbf8;color:var(--green-dark);transform:translateY(-1px)}
.icon-button svg,.menu-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-avatar-button{border:0;background:linear-gradient(145deg,#0b8d69,#09604b);box-shadow:0 7px 18px rgba(9,117,86,.18)}
.content{padding:22px 28px 42px;max-width:1800px;margin-inline:auto;width:100%}

/* Global surfaces and controls */
.panel,.stat-card,.campaign-item,.message-item,.developer-card,.pricing-card,.login-card{border-color:var(--line);box-shadow:var(--shadow-sm)}
.panel{border-radius:var(--radius-lg);padding:21px}.panel:hover{border-color:#d2e1dc}
.panel-head{margin-bottom:16px}.panel-head h3{font-size:15px}.panel-head p{font-size:10px;line-height:1.7}
.stat-card{border-radius:18px}.stat-card h3{letter-spacing:-.5px}
.primary-button,.secondary-button,.ghost-button,.ghost-pale,.danger-outline{min-height:39px;border-radius:11px;font-size:10px;font-weight:800;padding:9px 14px}
.primary-button{background:linear-gradient(135deg,#10ae7d,#078c67);box-shadow:0 8px 20px rgba(9,144,103,.18)}
.primary-button:hover{background:linear-gradient(135deg,#0b9870,#067557);box-shadow:0 10px 24px rgba(8,118,86,.23);transform:translateY(-1px)}
.secondary-button,.ghost-pale{background:#fff;border:1px solid var(--line);color:#25473e;box-shadow:0 3px 10px rgba(9,44,36,.035)}
.secondary-button:hover,.ghost-pale:hover{background:#f4faf8;border-color:#bad9d0;color:var(--green-dark)}
.danger-outline{border-color:#f0c6cc;background:#fff7f8;color:#ae3041}
input,select,textarea,.form-panel input,.form-panel select,.form-panel textarea,.filter-grid input,.filter-grid select,.table-toolbar input,.inline-form input{border-color:var(--line);background:#fff;border-radius:12px;min-height:42px}
input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}
input:focus,select:focus,textarea:focus{border-color:#68c6aa!important;box-shadow:0 0 0 4px rgba(14,167,120,.08)!important;background:#fff!important}
.data-table{border-collapse:separate;border-spacing:0}.data-table th{background:#f3f7f6;color:#536b65;text-transform:none}.data-table th:first-child{border-radius:0 12px 0 0}.data-table th:last-child{border-radius:12px 0 0 0}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#f8fbfa}.preview-table-wrap{border-radius:16px;box-shadow:0 4px 14px rgba(9,42,34,.025)}
.pagination-bar a,.pagination-bar button{border-radius:10px;min-height:36px}.pagination-bar a:hover,.pagination-bar button:hover:not(:disabled){border-color:#a9d4c7;background:#eef9f5}
.modal{backdrop-filter:blur(5px)}.modal-card{border:1px solid rgba(214,228,223,.9);border-radius:24px;box-shadow:var(--shadow-lg)}
.empty-state{color:var(--muted)}.empty-state h3{color:var(--text)}.empty-icon{background:var(--green-soft);color:var(--green-dark);border-radius:18px}

/* Universal icon buttons */
.icon-action{border:1px solid var(--line);background:#fff;color:#375b51;min-width:38px;height:38px;border-radius:11px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:800;white-space:nowrap}
.icon-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.icon-action:hover{border-color:#afd5ca;background:#f1faf7;color:var(--green-dark);transform:translateY(-1px)}
.icon-action.primary{background:linear-gradient(135deg,#11ad7d,#078762);border-color:transparent;color:#fff;box-shadow:0 7px 17px rgba(8,139,99,.2)}
.icon-action.primary:hover{background:linear-gradient(135deg,#0d9b70,#067255)}
.icon-action.subtle{background:#f7faf9}.icon-action.danger{border-color:#f0c8ce;background:#fff7f8;color:#af3041}

/* Inbox frame */
.inbox-page{overflow:hidden}.inbox-page .content{height:calc(100dvh - 78px);padding:14px 18px 18px;display:flex;flex-direction:column;max-width:none}
.inbox-status-bar{flex:0 0 auto;min-height:39px;margin:0 0 10px;border-radius:13px;padding:8px 13px;box-shadow:0 4px 16px rgba(8,43,34,.035)}
.inbox-page .crm-chat-shell{flex:1;min-height:0;height:auto;grid-template-columns:minmax(335px,375px) minmax(460px,1fr) minmax(280px,320px);border:1px solid #d8e4e0;border-radius:22px;box-shadow:0 20px 60px rgba(8,48,38,.105);background:#fff;overflow:hidden}
.conversation-sidebar{border-left:1px solid #dce7e4;background:#fbfdfc;min-width:0}
.conversation-head{padding:15px 14px 12px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(10,43,35,.025);z-index:2}
.conversation-head>div{display:block}.conversation-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;margin-bottom:11px}
.conversation-title-row>div:first-child{display:block}.section-kicker{display:block!important;background:none!important;color:#6a827b!important;padding:0!important;border-radius:0!important;font-size:7px!important;letter-spacing:1.8px!important;font-weight:800!important;margin-bottom:1px}.conversation-title-row h3{margin:0;font-size:17px;letter-spacing:-.25px}.conversation-title-actions{display:flex!important;align-items:center!important;gap:7px}
.conversation-total-pill{display:flex!important;align-items:center;gap:4px;background:#f0f6f4!important;border:1px solid #e1ebe8;border-radius:10px!important;padding:5px 8px!important;color:#47635c!important}.conversation-total-pill b{font-size:11px;color:var(--green-dark)}.conversation-total-pill small{font-size:7px;color:var(--muted)}
.conversation-search-box{height:43px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#f8fbfa;padding:0 11px;margin-bottom:12px;cursor:text}.conversation-search-box:focus-within{border-color:#6ac8ad;background:#fff;box-shadow:0 0 0 4px rgba(14,167,120,.075)}.conversation-search-box svg{width:17px;height:17px;fill:none;stroke:#77908a;stroke-width:1.8;stroke-linecap:round}.conversation-search-box input{min-width:0!important;flex:1;border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:0!important;min-height:0!important;font-size:10px}.conversation-search-box kbd{font:700 8px Cairo,sans-serif;background:#fff;border:1px solid var(--line);border-radius:7px;color:#879a95;padding:3px 6px;box-shadow:0 1px 0 #d7e2df}
.filter-block{display:block!important;margin-top:9px}.filter-block+.filter-block{padding-top:9px;border-top:1px dashed #e2ebe8}.filter-block-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:6px}.filter-block-title span{background:none!important;color:#4a625c!important;border-radius:0!important;padding:0!important;font-size:8px!important;font-weight:800}.filter-block-title small{font-size:7px;color:#91a19d;text-transform:uppercase;letter-spacing:.8px}
.conversation-filters,.customer-status-filters{margin:0;display:flex;gap:5px;overflow-x:auto;padding:1px 0 4px;scroll-snap-type:x proximity;scrollbar-width:none}.conversation-filters::-webkit-scrollbar,.customer-status-filters::-webkit-scrollbar{display:none}
.conversation-filter,.customer-status-filter{flex:0 0 auto;min-height:31px;border:1px solid var(--line);background:#fff;color:#536b65;border-radius:9px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:5px;scroll-snap-align:start;box-shadow:0 2px 7px rgba(8,40,32,.025)}
.conversation-filter b,.customer-status-filter b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#edf3f1;color:#49645d;font-size:7px}
.conversation-filter:hover,.customer-status-filter:hover{border-color:#b8d8cf;background:#f5fbf9}.conversation-filter.active{background:#0b7257;border-color:#0b7257;color:#fff;box-shadow:0 6px 14px rgba(8,105,78,.17)}.conversation-filter.active b{background:rgba(255,255,255,.18);color:#fff}
.customer-status-filter.active{box-shadow:inset 0 0 0 1px currentColor,0 4px 12px rgba(8,45,36,.06);font-weight:800}.customer-status-filter:not(.active){background:#fff!important;color:#5d716c!important;border-color:var(--line)!important}
.conversation-list{padding:7px;scrollbar-gutter:stable;background:#f7faf9}
.conversation-item{position:relative;display:grid;grid-template-columns:34px 42px minmax(0,1fr) auto;align-items:start;gap:9px;min-height:82px;padding:11px 10px;margin-bottom:5px;border:1px solid transparent;border-radius:14px;background:#fff;box-shadow:0 3px 11px rgba(9,42,34,.025);cursor:pointer;outline:none;transform:none!important}
.conversation-item:hover{background:#fff;border-color:#cfe0db;box-shadow:0 7px 18px rgba(8,46,36,.07)}.conversation-item:focus-visible{border-color:#7ccbb4;box-shadow:0 0 0 4px rgba(14,167,120,.09)}.conversation-item.active{background:linear-gradient(110deg,#eefaf6,#f9fdfb);border-color:#9ed7c6;box-shadow:inset -3px 0 #0aa477,0 7px 20px rgba(8,95,70,.08)}.conversation-item.unread{background:#fbfffd}.conversation-item.unread .conversation-copy strong{font-weight:800;color:#092a22}
.conversation-avatar{width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(145deg,#d9f3eb,#bfe8db)!important;color:#087052!important;font-size:13px!important;box-shadow:inset 0 0 0 1px rgba(8,112,82,.07)}
.conversation-copy{align-self:stretch;min-width:0}.conversation-name-row{display:flex;align-items:center;justify-content:space-between;gap:7px}.conversation-copy strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy time{font-size:7px;color:#8b9d98;white-space:nowrap}.conversation-copy p{margin:4px 0 6px;font-size:9px;line-height:1.5;color:#6d817b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.conversation-meta .customer-status-chip,.conversation-workflow-badge,.assignment-chip{padding:2px 6px;font-size:6.5px;line-height:1.35}.conversation-meta .customer-status-chip:before{width:4px;height:4px}
.conversation-unread-action{position:relative;width:34px;height:34px;border:1px solid #dbe6e3;border-radius:10px;background:#f8fbfa;color:#6e827c;display:grid;place-items:center;padding:0;align-self:center}.conversation-unread-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.conversation-unread-action:hover:not(:disabled){background:#eaf7f3;border-color:#a6d6c8;color:#087353;transform:translateY(-1px)}.conversation-unread-action.is-unread{background:#e7f7f1;border-color:#a8dcca;color:#087052}.conversation-unread-action.is-unread svg{fill:rgba(14,167,120,.08)}.conversation-unread-action .action-dot{position:absolute;top:5px;left:5px;width:6px;height:6px;border-radius:50%;background:#0eaa7a;border:2px solid #fff;opacity:0}.conversation-unread-action.is-unread .action-dot{opacity:1}.conversation-unread-action:disabled{cursor:default;opacity:1}
.unread-pill{align-self:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#0aa477;color:#fff;font-size:8px;box-shadow:0 5px 12px rgba(6,146,104,.2)}
.load-more-conversations{margin:5px 7px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;min-height:36px;color:var(--green-dark);font-weight:800}

/* Chat content */
.professional-chat-panel{background:#eef4f2;min-width:0}.chat-header{min-height:72px;height:auto;padding:10px 14px;background:rgba(255,255,255,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.chat-header-identity .avatar{border-radius:13px}.chat-header-identity strong{font-size:12px}.chat-header-identity span{font-size:8px}.chat-header-identity .customer-status-chip{display:inline-flex;margin-top:4px}.chat-header-actions{gap:7px}.chat-header-actions .icon-action span{font-size:8px}
.chat-scroll-tools{background:transparent;pointer-events:none}.chat-scroll-tools button{pointer-events:auto}
.chat-messages{background-color:#edf4f2;background-image:linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,.38)),radial-gradient(rgba(43,102,86,.12) .7px,transparent .7px);background-size:auto,20px 20px;padding:22px clamp(12px,2vw,28px);scrollbar-gutter:stable}
.bubble-row{margin-bottom:11px}.bubble{max-width:min(72%,680px);padding:9px 11px;border:1px solid rgba(206,221,216,.9);border-radius:16px;background:#fff;box-shadow:0 5px 15px rgba(8,44,35,.055);font-size:11px;line-height:1.75;overflow:visible}.bubble-row.incoming .bubble{border-bottom-right-radius:5px}.bubble-row.outgoing .bubble{background:linear-gradient(145deg,#dcf6ed,#e9faf4);border-color:#bfe5d8;border-bottom-left-radius:5px}.bubble-body{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.bubble small{margin-top:6px;padding-top:4px;border-top:1px solid rgba(90,126,116,.09);font-size:7px;gap:6px}.bubble-error{border-radius:9px}
.message-link{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:31px;margin:4px 1px;padding:5px 7px;border:1px solid #bfded5;border-radius:10px;background:rgba(255,255,255,.78);color:#075f48!important;font-weight:700;vertical-align:middle;box-shadow:0 3px 10px rgba(7,74,55,.05);text-decoration:none!important}.message-link:hover{background:#fff;border-color:#75c7ae;box-shadow:0 6px 15px rgba(7,86,63,.1);transform:translateY(-1px)}.message-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.message-link span{min-width:0;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-link b{display:inline-flex;align-items:center;border-radius:7px;background:#e5f5ef;padding:2px 6px;font-size:7px;color:#087052}.bubble-row.outgoing .message-link{background:rgba(255,255,255,.62)}
.chat-image{border-radius:13px;box-shadow:0 5px 14px rgba(5,36,28,.12)}.chat-video{border-radius:13px}.chat-document,.chat-audio{border-radius:13px;border-color:#cfe0db;background:rgba(255,255,255,.8)}
.message-referral-card{border-radius:14px;box-shadow:0 6px 17px rgba(7,57,44,.07)}
.message-reaction-chip{border-color:#d7e2df;box-shadow:0 5px 14px rgba(8,49,38,.13)}
.scroll-bottom{border:1px solid #c6dad4;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(8,42,34,.13)}
.reply-box{padding:9px 12px 10px;background:rgba(255,255,255,.94);border-top:1px solid #d8e5e1;backdrop-filter:blur(18px);box-shadow:0 -8px 24px rgba(8,43,34,.035)}.reply-compose-area{min-width:0}.reply-input-row{align-items:flex-end;gap:8px}.reply-input-row textarea{min-height:45px;max-height:150px;margin:0!important;border-radius:14px;padding:11px 13px;background:#f8fbfa;line-height:1.65}.attachment-button{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#f0f7f5;border-color:#d5e3df;font-size:22px}.attachment-button:hover{background:#e5f4ef;border-color:#a9d4c7}.reply-meta{padding-top:6px}.reply-meta>span{font-size:7px;color:#82938f}.reply-meta .primary-button{min-width:78px;border-radius:11px}
.customer-sidebar{background:#f8fbfa;border-right:1px solid #dce7e4;padding:14px}.customer-profile-head{padding-bottom:13px;border-bottom:1px solid var(--line)}.customer-sidebar label{border-radius:12px;border-color:#e0e9e6;box-shadow:0 2px 8px rgba(8,40,32,.02)}.customer-sidebar label:focus-within{border-color:#94d1bf;box-shadow:0 0 0 3px rgba(14,167,120,.07)}.customer-stats>div{border-radius:12px}

/* Notifications and developer/admin polish */
.notification-panel{border-radius:20px;box-shadow:var(--shadow-lg)}.notification-item{border-radius:12px}.notification-item:hover{background:#f2faf7}.notification-tabs{background:#f7faf9}.notification-tab{border-radius:10px}.developer-header{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(8,43,34,.05)}.developer-header nav{border:1px solid var(--line)}.developer-header nav a{border-radius:10px}.developer-title{border-radius:24px;background:linear-gradient(135deg,#082a22,#096047 70%,#0c8a65)}.developer-card{border-radius:19px}.developer-table th{background:#f2f7f5}

@media(max-width:1200px){
  .inbox-page .crm-chat-shell{grid-template-columns:minmax(315px,350px) minmax(430px,1fr)}
  .inbox-page .customer-sidebar{position:fixed;top:88px;bottom:18px;left:18px;width:min(330px,calc(100vw - 36px));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}
}
@media(max-width:820px){
  :root{--sidebar:270px}.topbar{height:66px;padding:9px 12px}.content{padding:12px}.inbox-page{overflow:hidden}.inbox-page .content{height:calc(100dvh - 66px);padding:8px 7px max(7px,env(safe-area-inset-bottom))}.inbox-page .crm-chat-shell{height:auto;min-height:0;border-radius:16px;display:block}.conversation-head{padding:12px 10px 9px}.conversation-title-row{margin-bottom:9px}.conversation-search-box{height:41px;margin-bottom:9px}.filter-block{margin-top:7px}.filter-block+.filter-block{padding-top:7px}.conversation-list{padding:5px}.conversation-item{grid-template-columns:34px 41px minmax(0,1fr) auto;min-height:78px;padding:10px 8px}.conversation-unread-action{width:34px;height:34px}.professional-chat-panel{height:100%;min-height:0}.chat-header{min-height:64px;padding:8px 9px}.chat-header-actions .icon-action{width:36px;height:36px;padding:0}.chat-header-actions .icon-action span{display:none}.chat-messages{padding:13px 8px}.bubble{max-width:89%;font-size:11px}.message-link span{max-width:min(56vw,290px)}.reply-box{padding:7px 7px max(7px,env(safe-area-inset-bottom))}.reply-meta>span{display:none}.reply-meta .primary-button{min-width:68px}.customer-sidebar{top:0;bottom:0;left:0;width:min(90vw,340px);border-radius:0}.notification-panel{top:70px}
}
@media(max-width:520px){
  .topbar h1{font-size:17px}.top-actions{gap:5px}.icon-button,.menu-button,.profile-avatar-button{width:37px;height:37px;border-radius:11px}.inbox-status-bar{margin-bottom:6px;min-height:34px}.conversation-title-row h3{font-size:15px}.conversation-total-pill small{display:none}.conversation-filter,.customer-status-filter{min-height:30px;padding-inline:8px}.conversation-item{grid-template-columns:32px 39px minmax(0,1fr) auto;gap:7px;border-radius:12px}.conversation-avatar{width:39px!important;height:39px!important}.conversation-unread-action{width:32px;height:32px;border-radius:9px}.conversation-copy strong{font-size:10px}.conversation-copy p{font-size:8.5px}.bubble{max-width:94%;padding:8px 9px}.message-link{display:flex;width:100%;margin-block:5px}.message-link span{max-width:none;flex:1}.message-link b{margin-right:auto}.reply-input-row textarea{font-size:16px}.attachment-button{width:42px;height:42px;flex-basis:42px}
}

/* ==========================================================================
   Wasl Chat v3.3.0 — Inbox layout recovery, responsive stability and UX fixes
   ========================================================================== */

/* Complete filter layout — no clipped horizontal row on desktop */
.inbox-filters-toggle{display:none}
.inbox-filters-panel{display:block;min-width:0}
.inbox-page .conversation-filters,
.inbox-page .customer-status-filters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  overflow:visible;
  padding:0;
}
.inbox-page .conversation-filter,
.inbox-page .customer-status-filter{
  width:100%;
  min-width:0;
  min-height:34px;
  padding:6px 7px;
  border-radius:10px;
  line-height:1.35;
  white-space:normal;
  text-align:center;
}
.inbox-page .conversation-filter span,
.inbox-page .customer-status-filter{font-size:8px}
.inbox-page .conversation-filter b,
.inbox-page .customer-status-filter b{flex:0 0 auto}
.active-filter-summary{display:none;align-items:center;gap:6px;min-width:0;margin-top:7px}
.active-filter-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border:1px solid #d9e7e2;border-radius:999px;background:#f2f8f6;color:#45645c;font-size:7.5px;font-weight:800}

/* Customer details button now controls the panel on all screen sizes */
.customer-panel-toggle{display:inline-flex!important}
.customer-sidebar-backdrop{position:fixed;inset:0;z-index:69;border:0;background:rgba(4,24,19,.42);backdrop-filter:blur(2px);cursor:default}
.inbox-page .crm-chat-shell.customer-panel-collapsed{grid-template-columns:minmax(335px,375px) minmax(0,1fr)}
.inbox-page .crm-chat-shell.customer-panel-collapsed>.customer-sidebar{display:none}

/* Visible, high-contrast latest-message control */
.inbox-page .scroll-bottom{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:8px 13px;
  border:1px solid #087454!important;
  background:linear-gradient(135deg,#0daa79,#087052)!important;
  color:#fff!important;
  font-size:9px;
  font-weight:800;
  box-shadow:0 10px 25px rgba(6,101,74,.25)!important;
}
.inbox-page .scroll-bottom.hidden{display:none!important}
.inbox-page .scroll-bottom svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.inbox-page .scroll-bottom:hover{background:linear-gradient(135deg,#0a976d,#065b45)!important;transform:translateY(-1px)}

/* Header and customer panel alignment */
.inbox-page .chat-header{overflow:visible}
.inbox-page .chat-header-main{min-width:0;flex:1}
.inbox-page .chat-header-actions{flex:0 0 auto}
.inbox-page .customer-panel-toggle[aria-expanded="true"]{background:#e6f6f0;border-color:#a9d7c9;color:#087052}
.inbox-page .customer-sidebar{z-index:70}

/* General responsive recovery for the complete product */
html,body{max-width:100%;overflow-x:hidden}
.page-shell,.content,.panel,.form-panel,.preview-table-wrap{min-width:0}
img,video,canvas,svg{max-width:100%}

@media(max-width:1200px){
  .inbox-page .crm-chat-shell.customer-panel-collapsed{grid-template-columns:minmax(315px,350px) minmax(0,1fr)}
  .inbox-page .customer-sidebar{
    display:block;
    position:fixed!important;
    top:82px!important;
    bottom:14px!important;
    left:14px!important;
    right:auto!important;
    width:min(350px,calc(100vw - 28px))!important;
    height:auto!important;
    transform:translateX(calc(-100% - 30px));
    transition:transform .22s ease;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(4,34,26,.2)!important;
  }
  .inbox-page .customer-sidebar.mobile-open{transform:translateX(0)}
}

@media(max-width:820px){
  :root{--wasl-viewport-height:100dvh}
  html,body.inbox-page{height:var(--wasl-viewport-height);min-height:0;overflow:hidden}
  .inbox-page .page-shell{height:var(--wasl-viewport-height);min-height:0;overflow:hidden;margin-right:0}
  .inbox-page .topbar{height:64px;min-height:64px;padding:8px 10px;position:relative;top:auto;z-index:30}
  .inbox-page .topbar h1{font-size:16px;max-width:44vw}
  .inbox-page .top-actions{gap:5px}
  .inbox-page .content{height:calc(var(--wasl-viewport-height) - 64px);min-height:0;padding:6px;overflow:hidden}
  .inbox-page .inbox-status-bar{min-height:32px;max-height:38px;margin-bottom:6px;padding:6px 9px;border-radius:10px;overflow:hidden}
  .inbox-page .inbox-status-bar strong{font-size:8.5px}.inbox-page .inbox-status-bar small{font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .inbox-page .crm-chat-shell{position:relative;display:block!important;flex:1;height:auto!important;min-height:0;border-radius:13px;overflow:hidden}
  .inbox-page .conversation-sidebar,
  .inbox-page .professional-chat-panel{position:absolute;inset:0;width:100%;height:100%!important;min-height:0}
  .inbox-page .conversation-sidebar{display:flex;z-index:1;border:0}
  .inbox-page .professional-chat-panel{display:none;z-index:2}
  .inbox-page .crm-chat-shell.chat-open .conversation-sidebar{display:none}
  .inbox-page .crm-chat-shell.chat-open .professional-chat-panel{display:flex}

  .inbox-page .conversation-head{flex:0 0 auto;max-height:none;padding:10px 9px 8px}
  .inbox-page .conversation-title-row{margin-bottom:8px}
  .inbox-page .conversation-title-actions{gap:5px}
  .inbox-page .conversation-title-actions .icon-action{width:36px;min-width:36px;height:36px;padding:0}
  .inbox-page .conversation-title-actions .icon-action span{display:none}
  .inbox-page .inbox-filters-toggle{display:inline-flex}
  .inbox-page .inbox-filters-panel{display:none;margin-top:6px;padding:8px;border:1px solid #dce9e5;border-radius:12px;background:#f8fbfa;box-shadow:0 8px 22px rgba(8,43,34,.06)}
  .inbox-page .inbox-filters-panel.mobile-open{display:block}
  .inbox-page .inbox-filters-panel .filter-block{margin-top:0}
  .inbox-page .inbox-filters-panel .filter-block+.filter-block{margin-top:8px;padding-top:8px}
  .inbox-page .conversation-filters,
  .inbox-page .customer-status-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .inbox-page .conversation-filter,
  .inbox-page .customer-status-filter{min-height:32px;padding:5px 4px;font-size:7.5px}
  .inbox-page .active-filter-summary{display:flex}
  .inbox-page .inbox-filters-panel.mobile-open+.active-filter-summary{display:none}
  .inbox-page .conversation-list{flex:1;min-height:0;padding:5px;overflow-y:auto;-webkit-overflow-scrolling:touch}

  .inbox-page .chat-header{flex:0 0 auto;min-height:60px;padding:7px 8px;gap:6px}
  .inbox-page .chat-header-identity{gap:7px}.inbox-page .chat-header-identity .avatar{width:36px;height:36px}
  .inbox-page .chat-header-identity strong{font-size:10px}.inbox-page .chat-header-identity span{font-size:7px}
  .inbox-page .chat-header-actions{gap:4px;flex-wrap:nowrap}
  .inbox-page .chat-header-actions .icon-action{width:35px;min-width:35px;height:35px;padding:0;border-radius:10px}
  .inbox-page .chat-header-actions .icon-action span{display:none}
  .inbox-page .mobile-chat-back{width:36px;height:36px;border-radius:10px;font-size:24px}
  .inbox-page .chat-messages{flex:1;min-height:0;padding:12px 8px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .inbox-page .bubble{max-width:92%;font-size:11px}
  .inbox-page .scroll-bottom{bottom:82px;left:9px;min-height:38px;padding:7px 10px}
  .inbox-page .reply-box{flex:0 0 auto;position:relative;z-index:6;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px 7px max(7px,env(safe-area-inset-bottom));background:#fff;backdrop-filter:none}
  .inbox-page .reply-input-row{gap:6px}.inbox-page .reply-input-row textarea{font-size:16px;min-height:44px;max-height:110px;padding:9px 11px}
  .inbox-page .attachment-button{width:42px;height:42px;flex-basis:42px}
  .inbox-page .reply-meta{align-self:end}.inbox-page .reply-meta>span{display:none}.inbox-page .reply-meta .primary-button{height:44px;min-width:66px;padding:0 10px}

  .inbox-page .customer-sidebar{
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:min(92vw,370px)!important;
    height:var(--wasl-viewport-height)!important;
    padding:14px 12px max(14px,env(safe-area-inset-bottom))!important;
    border-radius:0 18px 18px 0!important;
    z-index:70!important;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .inbox-page .mobile-customer-close{display:inline-flex;position:sticky;top:0;z-index:3}

  /* Keep the previous non-blocking notification behavior on phones */
  .inbox-page .toast-container{top:70px!important;bottom:auto!important;left:8px!important;right:8px!important;pointer-events:none!important;z-index:110}
  .inbox-page .toast{pointer-events:none!important;max-width:100%;font-size:9px;padding:8px 10px}
  .inbox-page .toast.compact{display:none!important}
  .notification-panel{
    position:fixed!important;
    top:68px!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(var(--wasl-viewport-height) - 78px)!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    z-index:100!important;
    border-radius:16px!important;
  }
  body.mobile-keyboard-open .notification-panel:not(.hidden){display:none!important}
  body.mobile-keyboard-open .toast-container{display:none!important}

  /* Global application pages: recover usable mobile spacing */
  body:not(.inbox-page) .page-shell{margin-right:0;min-width:0}
  body:not(.inbox-page) .content{padding:12px 9px 24px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two-column,.compose-grid,.settings-grid,.developer-dashboard-grid,.developer-report-grid,.developer-company-grid{grid-template-columns:1fr!important}
  .form-row{grid-template-columns:1fr}
  .button-row,.table-toolbar,.inline-form{align-items:stretch}
  .button-row>*{flex:1 1 auto}
  .preview-table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  .modal{padding:8px}.modal-card{width:min(100%,620px);max-height:calc(var(--wasl-viewport-height) - 16px);overflow:auto}
}

@media(max-width:520px){
  .inbox-page .content{padding:5px}
  .inbox-page .inbox-status-bar{max-height:34px}
  .inbox-page .conversation-title-row h3{font-size:14px}
  .inbox-page .conversation-total-pill{padding:4px 6px!important}
  .inbox-page .conversation-filters,
  .inbox-page .customer-status-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inbox-page .conversation-filter,
  .inbox-page .customer-status-filter{font-size:7.5px}
  .inbox-page .active-filter-summary span{font-size:7px;padding-inline:6px}
  .inbox-page .conversation-item{grid-template-columns:32px 39px minmax(0,1fr) auto;gap:7px;min-height:76px}
  .inbox-page .chat-header-actions .icon-action.danger{display:none}
  .inbox-page .scroll-bottom span{display:none}
  .inbox-page .scroll-bottom{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}
  .inbox-page .reply-meta .primary-button{min-width:60px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px}.stat-card h3{font-size:22px}
  .panel{padding:13px;border-radius:16px}
  .topbar h1{max-width:48vw;font-size:16px}
}


/* v3.3.0 — compact mobile filters that never consume conversation-list height */
.mobile-filter-sheet-head{display:none}
.active-filter-summary{border:0;font-family:inherit;cursor:pointer}
.active-filter-summary svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:#58726b;stroke-width:1.9;stroke-linecap:round}

@media(max-width:820px){
  .inbox-page .conversation-head{position:relative;z-index:12;overflow:visible}
  .inbox-page .inbox-filters-panel{
    display:none;
    position:absolute;
    top:calc(100% - 2px);
    right:8px;
    left:8px;
    z-index:25;
    max-height:min(58dvh,520px);
    margin:0;
    padding:10px;
    overflow-y:auto;
    overscroll-behavior:contain;
    border:1px solid #d7e7e2;
    border-radius:14px;
    background:rgba(255,255,255,.98);
    box-shadow:0 20px 55px rgba(5,45,34,.2);
    backdrop-filter:blur(16px);
  }
  .inbox-page .inbox-filters-panel.mobile-open{display:block}
  .inbox-page .mobile-filter-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 1px 8px;margin-bottom:7px;border-bottom:1px solid #e6efec}
  .inbox-page .mobile-filter-sheet-head strong{font-size:10px;color:#173c33}
  .inbox-page .mobile-filter-sheet-head button{width:30px;height:30px;border:1px solid #dce9e5;border-radius:9px;background:#f4f9f7;color:#47675f;font-size:18px;line-height:1;display:grid;place-items:center}
  .inbox-page .inbox-filters-panel .filter-block{margin:0}
  .inbox-page .inbox-filters-panel .filter-block+.filter-block{margin-top:8px;padding-top:8px}
  .inbox-page .filter-block-title{margin-bottom:5px}
  .inbox-page .conversation-filters,
  .inbox-page .customer-status-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .inbox-page .conversation-filter,
  .inbox-page .customer-status-filter{min-height:34px;padding:5px 6px;font-size:8px;white-space:nowrap}
  .inbox-page .active-filter-summary,
  .inbox-page .inbox-filters-panel.mobile-open+.active-filter-summary{
    display:flex!important;
    align-items:center;
    gap:5px;
    width:100%;
    min-height:31px;
    margin-top:6px;
    padding:3px 5px;
    border:1px solid #dce9e5;
    border-radius:10px;
    background:#f7fbfa;
    color:#48665e;
    box-shadow:none;
  }
  .inbox-page .active-filter-summary span{flex:1 1 0;max-width:none;text-align:center;font-size:7.5px;padding:3px 5px;background:#eef6f3}
  .inbox-page .active-filter-summary svg{margin-inline-start:2px}
  .inbox-page .conversation-list{position:relative;z-index:1}
}

@media(max-width:520px){
  .inbox-page .conversation-head{padding:8px 8px 6px}
  .inbox-page .conversation-title-row{margin-bottom:6px}
  .inbox-page .conversation-search-box{height:38px;margin-bottom:6px}
  .inbox-page .active-filter-summary{min-height:29px;margin-top:4px}
  .inbox-page .active-filter-summary span{font-size:7px;padding:2px 4px}
  .inbox-page .inbox-filters-panel{right:6px;left:6px;max-height:62dvh;padding:9px}
}


/* v3.3.0 — compact filter drawer on desktop and mobile */
.inbox-page .conversation-head{
  position:relative;
  overflow:visible;
  z-index:18;
}
.inbox-page .inbox-filters-toggle{
  display:inline-flex!important;
}
.inbox-page .inbox-filters-panel{
  display:none!important;
  position:absolute!important;
  top:calc(100% - 4px)!important;
  right:10px!important;
  left:10px!important;
  z-index:80!important;
  max-height:min(70dvh,520px)!important;
  margin:0!important;
  padding:11px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  border:1px solid #d5e5e0!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 22px 60px rgba(5,45,34,.22)!important;
  backdrop-filter:blur(18px);
}
.inbox-page .inbox-filters-panel.mobile-open{
  display:block!important;
}
.inbox-page .mobile-filter-sheet-head{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 1px 8px;
  margin-bottom:7px;
  border-bottom:1px solid #e6efec;
}
.inbox-page .mobile-filter-sheet-head strong{
  font-size:10px;
  color:#173c33;
}
.inbox-page .mobile-filter-sheet-head button{
  width:30px;
  height:30px;
  border:1px solid #dce9e5;
  border-radius:9px;
  background:#f4f9f7;
  color:#47675f;
  font-size:18px;
  line-height:1;
  display:grid;
  place-items:center;
}
.inbox-page .inbox-filters-panel .filter-block{
  margin:0!important;
}
.inbox-page .inbox-filters-panel .filter-block+.filter-block{
  margin-top:9px!important;
  padding-top:9px!important;
}
.inbox-page .inbox-filters-panel .conversation-filters,
.inbox-page .inbox-filters-panel .customer-status-filters{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  overflow:visible!important;
  padding:0!important;
}
.inbox-page .inbox-filters-panel .conversation-filter,
.inbox-page .inbox-filters-panel .customer-status-filter{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  padding:5px 6px!important;
  font-size:8px!important;
  white-space:nowrap;
}
.inbox-page .active-filter-summary,
.inbox-page .inbox-filters-panel.mobile-open+.active-filter-summary{
  display:flex!important;
  align-items:center;
  gap:5px;
  width:100%;
  min-height:32px;
  margin-top:6px;
  padding:3px 5px;
  border:1px solid #dce9e5;
  border-radius:10px;
  background:#f7fbfa;
  color:#48665e;
  box-shadow:none;
}
.inbox-page .active-filter-summary:hover{
  border-color:#afd5ca;
  background:#f0f8f5;
}
.inbox-page .active-filter-summary span{
  flex:1 1 0;
  max-width:none;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  padding:3px 6px;
  border:0;
  border-radius:999px;
  background:#edf6f3;
  color:#45645c;
  font-size:7.5px;
  font-weight:800;
}
.inbox-page .conversation-list{
  position:relative;
  z-index:1;
  flex:1;
  min-height:0;
}
@media(max-width:1100px){
  .inbox-page .inbox-filters-panel .conversation-filters,
  .inbox-page .inbox-filters-panel .customer-status-filters{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:520px){
  .inbox-page .inbox-filters-panel{
    right:6px!important;
    left:6px!important;
    max-height:62dvh!important;
    padding:9px!important;
  }
  .inbox-page .active-filter-summary{
    min-height:29px;
    margin-top:4px;
  }
  .inbox-page .active-filter-summary span{
    font-size:7px;
    padding:2px 4px;
  }
}

/* v3.3.0 — Compose Studio redesign */
.compose-page{background:radial-gradient(circle at 82% -5%,#d9f4eb 0,transparent 24%),#f3f7f6}.compose-page .content{max-width:1540px;margin:0 auto}.compose-page svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.compose-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;border-radius:26px;background:linear-gradient(125deg,#071d18,#0a5b47 62%,#12a67b);color:#fff;box-shadow:0 24px 60px rgba(5,52,40,.16);margin-bottom:20px}.compose-hero:before,.compose-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.compose-hero:before{width:260px;height:260px;border:54px solid rgba(255,255,255,.045);left:-90px;top:-130px}.compose-hero:after{width:160px;height:160px;background:radial-gradient(circle,rgba(62,222,172,.24),transparent 70%);right:38%;bottom:-100px}.compose-hero-copy{position:relative;z-index:1;max-width:720px}.compose-hero-copy .eyebrow{color:#69e2bf}.compose-hero-copy h2{font-size:28px;line-height:1.55;margin:7px 0}.compose-hero-copy p{margin:0;color:#c4ded7;line-height:1.9;font-size:12px}.compose-hero-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:420px}.compose-hero-link{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}.compose-hero-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}.compose-hero-link .compose-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:rgba(66,222,175,.16);color:#79e6c5;flex:0 0 auto}.compose-hero-link strong,.compose-hero-link small{display:block}.compose-hero-link strong{font-size:12px}.compose-hero-link small{font-size:8px;color:#bcd7d0;margin-top:2px}.compose-section{background:#fff;border:1px solid #dce8e4;border-radius:24px;padding:24px;box-shadow:0 14px 42px rgba(11,57,46,.055);margin-bottom:20px;min-width:0}.compose-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.compose-section-title{display:flex;align-items:center;gap:14px;min-width:0}.compose-section-title h3{font-size:20px;margin:3px 0}.compose-section-title p{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.compose-step-badge{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#0b8a68,#15b788);color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(19,167,123,.2);flex:0 0 auto}.compose-security-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#f0faf7;color:#087458;border:1px solid #d7eee7;font-size:9px;font-weight:800;white-space:nowrap}.compose-security-chip svg{width:16px;height:16px}.quick-send-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:22px;align-items:stretch}.quick-send-form-card{background:linear-gradient(180deg,#fbfdfc,#f6faf8);border:1px solid #e0ebe7;border-radius:20px;padding:20px;min-width:0}.compose-form-row{gap:12px}.compose-field{display:block;font-size:10px;font-weight:800;color:#38544c;margin-bottom:14px}.compose-field>span{display:flex;align-items:center;gap:5px;margin-bottom:7px}.compose-field>span b{color:var(--danger)}.compose-field>span small{font-size:8px;color:var(--muted);font-weight:600}.compose-field input,.compose-field textarea,.compose-field select{display:block;width:100%;margin:0!important;border:1px solid #d7e4e0!important;background:#fff!important;border-radius:13px!important;padding:12px 13px!important;color:var(--text)!important;outline:none!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.compose-field textarea{line-height:1.8;resize:vertical}.compose-field input:focus,.compose-field textarea:focus,.compose-field select:focus{border-color:#55c5a4!important;box-shadow:0 0 0 4px rgba(19,167,123,.09)!important}.input-shell{display:flex;align-items:center;gap:9px;border:1px solid #d7e4e0;background:#fff;border-radius:13px;padding:0 11px;transition:border-color .18s ease,box-shadow .18s ease;min-width:0}.input-shell:focus-within{border-color:#55c5a4;box-shadow:0 0 0 4px rgba(19,167,123,.09)}.input-shell svg{width:18px;height:18px;color:#7b938d;flex:0 0 auto}.input-shell input{border:0!important;box-shadow:none!important;background:transparent!important;padding:12px 0!important;margin:0!important;min-width:0}.compose-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#eaf2ef;border-radius:16px;padding:5px;margin:3px 0 16px}.compose-mode-switch button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;border-radius:12px;padding:10px 11px;color:#6a827b;transition:.18s ease}.compose-mode-switch button.active{background:#fff;color:#087458;box-shadow:0 7px 18px rgba(15,65,52,.09)}.compose-mode-switch button svg{width:21px;height:21px}.compose-mode-switch button span,.compose-mode-switch button small{display:block;text-align:right}.compose-mode-switch button span{font-size:10px;font-weight:800}.compose-mode-switch button small{font-size:7px;color:#82968f;font-weight:600;margin-top:2px}.compose-field-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-7px;margin-bottom:15px;color:#7b918b;font-size:8px}.compose-field-footer .check-line{font-size:9px;font-weight:700}.compose-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compose-action-row.compact{margin-top:10px}.compose-send-button{gap:8px}.compose-send-button svg{width:18px;height:18px}.compose-send-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:composeSpin .75s linear infinite}@keyframes composeSpin{to{transform:rotate(360deg)}}.compose-phone-preview{border-radius:22px;background:#0a201b;padding:10px;box-shadow:0 20px 45px rgba(5,37,29,.15);min-height:420px;display:flex;flex-direction:column;overflow:hidden}.compose-phone-head{display:flex;align-items:center;gap:9px;padding:10px 9px;color:#fff}.compose-phone-head>span:nth-child(2){min-width:0}.compose-phone-head strong,.compose-phone-head small{display:block}.compose-phone-head strong{font-size:11px}.compose-phone-head small{font-size:8px;color:#9ab9b0;direction:ltr;text-align:right}.compose-phone-head i{width:8px;height:8px;border-radius:50%;background:#35d49f;margin-right:auto;box-shadow:0 0 0 4px rgba(53,212,159,.12)}.compose-phone-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#1fd09b,#0a8061);color:#fff;font-weight:800;flex:0 0 auto}.compose-phone-canvas{position:relative;flex:1;border-radius:16px;background:#e9f2ee;background-image:radial-gradient(rgba(32,92,75,.08) 1px,transparent 1px);background-size:17px 17px;padding:28px 14px 18px;display:flex;align-items:flex-end;overflow:auto}.compose-preview-date{position:absolute;top:10px;left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.78);font-size:7px;color:#728780}.compose-preview-bubble{max-width:92%;padding:11px 12px;border-radius:14px 14px 4px 14px;background:#d9f7ed;color:#19332c;font-size:10px;line-height:1.8;box-shadow:0 5px 14px rgba(20,72,57,.08);overflow-wrap:anywhere}.compose-preview-bubble.is-empty{background:rgba(255,255,255,.72);color:#80918c}.compose-preview-bubble strong,.compose-preview-bubble p,.compose-preview-bubble small{display:block;margin:0}.compose-preview-bubble p{margin-top:4px;white-space:normal}.compose-preview-bubble small{font-size:7px;color:#748781;margin-top:5px}.compose-preview-empty{color:#7f918c}.compose-phone-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#9fbbb3;font-size:8px;padding:10px 5px 2px}.compose-phone-note svg{width:14px;height:14px}.compose-header-metrics{display:flex;align-items:center;gap:8px}.compose-header-metrics>span{display:grid;place-items:center;min-width:76px;padding:9px 12px;border-radius:13px;background:#f2f8f6;border:1px solid #dfebe7}.compose-header-metrics b,.compose-header-metrics small{display:block}.compose-header-metrics b{font-size:14px;color:#087458}.compose-header-metrics small{font-size:7px;color:#80938e}.compose-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:2px 0 22px;padding:14px 18px;border-radius:17px;background:#f7faf9;border:1px solid #e4edea}.compose-steps>div{display:flex;align-items:center;gap:9px;color:#82948f}.compose-steps>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e7efec;color:#768b84;font-size:10px;font-weight:800}.compose-steps strong,.compose-steps small{display:block}.compose-steps strong{font-size:9px}.compose-steps small{font-size:7px}.compose-steps>i{height:2px;background:#dce7e3;border-radius:999px}.compose-steps>div.active,.compose-steps>div.complete{color:#087458}.compose-steps>div.active>span{background:#12a87b;color:#fff;box-shadow:0 7px 15px rgba(19,167,123,.2)}.compose-steps>div.complete>span{background:#dff6ee;color:#087458}.campaign-workspace-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:20px;align-items:start}.campaign-main-column{display:grid;gap:18px;min-width:0}.compose-card{background:#fbfdfc;border:1px solid #dfeae6;border-radius:20px;padding:19px;min-width:0}.compose-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.compose-card-head.compact{margin-bottom:13px}.compose-card-head>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.compose-card-head strong,.compose-card-head small{display:block}.compose-card-head strong{font-size:12px}.compose-card-head small{font-size:8px;color:var(--muted);margin-top:2px}.compose-card-number{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e2f6ef;color:#087458;font-size:11px;font-weight:900;flex:0 0 auto}.compose-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.text-button{border:0;background:transparent;color:#087458;padding:5px 3px;font-size:9px;font-weight:800;cursor:pointer}.text-button:hover{text-decoration:underline}.text-button:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.danger-text{color:var(--danger)}.recipient-format-cards{gap:11px}.format-card{display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:13px!important;border-radius:16px!important;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.format-card:hover{transform:translateY(-1px)}.format-card.active{border-color:#43b995!important;box-shadow:0 0 0 4px rgba(19,167,123,.08)!important}.format-card-icon{width:42px;height:42px;border-radius:13px;background:#eff7f4;display:grid!important;place-items:center;color:#087458}.format-card-icon svg{width:21px;height:21px}.format-card>span:nth-child(3){min-width:0}.format-card .format-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf3f1;color:#a5b5b0;font-size:10px}.format-card.active .format-check{background:#13a77b;color:#fff}.compose-import-box{border:1px solid #e0ebe7;border-radius:17px;background:#fff;padding:14px;margin-top:12px}.compose-import-box .import-tabs{margin:-2px 0 14px;gap:4px;border-bottom:1px solid #e5eeeb}.compose-import-box .tab{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;font-size:9px;border-bottom-width:2px}.compose-import-box .tab svg{width:16px;height:16px}.compose-dropzone{min-height:155px!important;border:1.5px dashed #82cbb5!important;background:linear-gradient(180deg,#f7fcfa,#f1faf7)!important}.compose-dropzone:hover,.compose-dropzone.drag{background:#eaf9f4!important;border-color:#18aa7d!important}.dropzone-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#dff6ee;color:#087458;margin-bottom:3px}.dropzone-icon svg{width:25px;height:25px}.compose-dropzone strong{font-size:12px}.compose-dropzone>small{font-size:8px;color:#90a19d}.contact-picker-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.contact-picker{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.contact-choice{background:#fbfdfc;transition:border-color .16s ease,background .16s ease}.contact-choice:hover{border-color:#8bcfbb;background:#f3fbf8}.contact-choice input{width:auto!important;margin:0!important}.contact-choice-avatar{width:34px;height:34px;border-radius:11px;background:#e0f5ee;color:#087458;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.contact-choice>span:last-child{min-width:0}.contact-choice strong,.contact-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-choice small{font-size:8px;color:#81948f}.recipient-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.recipient-list-head strong,.recipient-list-head small{display:block}.recipient-list-head strong{font-size:11px}.recipient-list-head small{font-size:8px;color:var(--muted);margin-top:2px}.compact-search{width:min(260px,45%)}.recipient-table{max-height:405px;margin-top:10px}.recipient-table .data-table{min-width:600px}.recipient-phone{display:inline-block;padding:4px 8px;border-radius:8px;background:#f0f6f4;color:#183b31;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.compose-remove-recipient{padding:6px 9px}.compose-table-empty{display:grid;justify-items:center;gap:4px}.compose-table-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e7f7f2;color:#087458;font-size:20px}.compose-table-empty strong{color:#314e46}.compose-table-empty small{font-size:8px}.campaign-message-builder-v2 .compose-field:last-child{margin-bottom:0}.compose-template-preview{border-style:solid!important;background:#fff!important;min-height:80px}.campaign-review-column{position:sticky;top:112px;min-width:0}.compose-review-card{background:linear-gradient(180deg,#fbfdfc,#f5faf8);box-shadow:0 15px 38px rgba(12,65,51,.07)}.campaign-preview-window{overflow:hidden;border:1px solid #dbe7e3;border-radius:17px;background:#eaf3ef;margin-bottom:14px}.campaign-preview-head{display:flex;align-items:center;gap:8px;background:#fff;padding:10px;border-bottom:1px solid #e1ebe7}.campaign-preview-head .compose-phone-avatar{width:34px;height:34px;border-radius:11px}.campaign-preview-head strong,.campaign-preview-head small{display:block}.campaign-preview-head strong{font-size:10px}.campaign-preview-head small{font-size:7px;color:var(--muted)}.campaign-preview-body{min-height:165px;padding:18px 12px;background-image:radial-gradient(rgba(35,94,77,.08) 1px,transparent 1px);background-size:16px 16px;display:flex;align-items:flex-end}.campaign-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.campaign-summary-grid>div{border:1px solid #dfe9e6;background:#fff;border-radius:12px;padding:10px;min-width:0}.campaign-summary-grid span,.campaign-summary-grid strong{display:block}.campaign-summary-grid span{font-size:7px;color:var(--muted)}.campaign-summary-grid strong{font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-checklist{display:grid;gap:7px;margin-bottom:13px}.compose-checklist>div{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border-radius:12px;border:1px solid #e1eae7;background:#fff}.compose-checklist i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eef3f1;color:#82938f;font-style:normal;font-size:9px;font-weight:900}.compose-checklist strong,.compose-checklist small{display:block}.compose-checklist strong{font-size:9px}.compose-checklist small{font-size:7px;color:var(--muted)}.compose-checklist b{font-size:7px;color:#9a6b00;background:#fff4d9;padding:5px 7px;border-radius:999px}.compose-checklist>div.complete{border-color:#c9eade;background:#f5fcfa}.compose-checklist>div.complete i{background:#13a77b;color:#fff}.compose-checklist>div.complete b{color:#087458;background:#def6ed}.compose-reset-button{display:block;margin:8px auto 0}.compose-background-note{display:flex;align-items:flex-start;gap:6px;color:#728780;font-size:8px;line-height:1.8;margin:10px 3px 0}.compose-background-note svg{width:15px;height:15px;flex:0 0 auto;margin-top:1px}.compose-progress-card{background:#fff}.compose-progress-card .progress-track{height:9px}.compose-progress-card .progress-track i{background:linear-gradient(90deg,#0b8565,#29c99b)}

@media(max-width:1260px){.compose-hero{align-items:flex-start}.compose-hero-actions{min-width:350px;grid-template-columns:1fr}.campaign-workspace-v2{grid-template-columns:minmax(0,1fr) 340px}.quick-send-layout{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1080px){.compose-hero{display:grid}.compose-hero-actions{min-width:0;grid-template-columns:1fr 1fr}.quick-send-layout{grid-template-columns:1fr}.quick-phone-preview{min-height:330px}.compose-phone-canvas{min-height:220px}.campaign-workspace-v2{grid-template-columns:1fr}.campaign-review-column{position:static}.campaign-review-column .compose-review-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:13px}.campaign-review-column .compose-card-head{grid-column:1/-1}.campaign-review-column .campaign-preview-window{grid-row:2/7}.campaign-review-column .compose-send-button,.campaign-review-column .compose-reset-button,.campaign-review-column .compose-background-note,.campaign-review-column .compose-progress-card{grid-column:2}.campaign-review-column .compose-reset-button{justify-self:center}.campaign-review-column .campaign-summary-grid,.campaign-review-column .compose-checklist{grid-column:2}}
@media(max-width:820px){.compose-page .content{padding:10px 8px 25px}.compose-hero{padding:20px;border-radius:18px;margin-bottom:12px;gap:17px}.compose-hero-copy h2{font-size:21px}.compose-hero-actions{grid-template-columns:1fr}.compose-hero-link{padding:11px}.compose-section{padding:14px;border-radius:18px;margin-bottom:12px}.compose-section-head{align-items:flex-start;margin-bottom:16px}.compose-section-title{align-items:flex-start}.compose-step-badge{width:42px;height:42px;border-radius:13px;font-size:11px}.compose-section-title h3{font-size:17px}.compose-security-chip{display:none}.quick-send-form-card,.compose-card{padding:13px;border-radius:16px}.quick-phone-preview{min-height:300px}.compose-phone-canvas{min-height:190px}.compose-header-metrics>span{min-width:62px;padding:7px}.compose-steps{grid-template-columns:1fr 1fr 1fr;gap:6px;padding:9px}.compose-steps>i{display:none}.compose-steps>div{justify-content:center}.compose-steps>div>span{width:27px;height:27px}.compose-steps>div small{display:none}.compose-card-head{align-items:flex-start;flex-wrap:wrap}.compose-card-actions{width:100%;justify-content:flex-start}.recipient-format-cards{grid-template-columns:1fr}.contact-picker-toolbar{grid-template-columns:1fr 1fr}.contact-picker-toolbar .input-shell{grid-column:1/-1}.contact-picker{grid-template-columns:1fr}.recipient-list-head{align-items:flex-start;flex-direction:column}.compact-search{width:100%}.recipient-table{max-height:320px}.campaign-review-column .compose-review-card{display:block}.campaign-review-column .campaign-preview-window,.campaign-review-column .campaign-summary-grid,.campaign-review-column .compose-checklist,.campaign-review-column .compose-send-button,.campaign-review-column .compose-reset-button,.campaign-review-column .compose-background-note,.campaign-review-column .compose-progress-card{grid-column:auto;grid-row:auto}.compose-action-row>*{flex:1 1 auto}.compose-mode-switch button span{font-size:9px}.compose-mode-switch button small{display:none}}
@media(max-width:520px){.compose-hero-copy h2{font-size:19px}.compose-hero-copy p{font-size:10px}.compose-hero-link small{display:none}.compose-section-head{display:block}.compose-header-metrics{margin-top:10px}.compose-form-row{grid-template-columns:1fr}.compose-phone-preview{display:none}.compose-steps>div{display:grid;justify-items:center;gap:3px;text-align:center}.compose-steps strong{font-size:8px}.compose-mode-switch{gap:3px}.compose-mode-switch button{padding:9px 5px;gap:5px}.compose-mode-switch button svg{width:18px;height:18px}.compose-import-box{padding:10px}.compose-import-box .import-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.compose-import-box .import-tabs::-webkit-scrollbar{display:none}.compose-dropzone{min-height:125px!important}.format-card{grid-template-columns:37px minmax(0,1fr) 22px}.format-card-icon{width:37px;height:37px}.campaign-summary-grid{grid-template-columns:1fr 1fr}.campaign-preview-body{min-height:135px}.compose-action-row{align-items:stretch;flex-direction:column}.compose-action-row>*{width:100%}.compose-card-actions{gap:6px}.compose-card-actions .text-button{font-size:8px}.compose-field input,.compose-field textarea,.compose-field select,.input-shell input{font-size:16px!important}.compose-checklist>div{grid-template-columns:27px minmax(0,1fr) auto}.compose-checklist small{display:none}}

/* ==========================================================================
   Wasl Chat v3.3.0 — unified workspace redesign
   ========================================================================== */
:root{--brand:#0b9d72;--brand-deep:#07563f;--brand-ink:#092a22;--canvas:#f3f6f5;--card:#fff;--subtle:#f7faf9;--stroke:#dce7e3;--soft-shadow:0 12px 35px rgba(8,48,38,.065)}
body[class*="page-"] .content{display:flex;flex-direction:column;gap:18px}
.page-intro{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 30px;border-radius:26px;background:linear-gradient(125deg,#082a22 0,#0a6049 64%,#0da979 100%);color:#fff;box-shadow:0 22px 55px rgba(7,70,52,.15)}
.page-intro:after{content:"";position:absolute;left:-75px;top:-125px;width:260px;height:260px;border:52px solid rgba(255,255,255,.06);border-radius:50%}
.page-intro>div{position:relative;z-index:1}.page-intro h2{margin:5px 0 7px;font-size:26px;letter-spacing:-.45px}.page-intro p{margin:0;color:#ccebe2;max-width:760px;font-size:12px;line-height:1.9}.page-intro .eyebrow{color:#74e8c6}.compact-intro{padding:22px 26px}.compact-intro h2{font-size:22px}.page-intro-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;position:relative;z-index:2}.page-intro .secondary-button{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.5)}
.section-label{display:block;color:#6a817b;font-size:8px;font-weight:800;letter-spacing:1.7px;margin-bottom:4px}.panel-link{font-size:10px!important;border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:10px}.data-page-panel{padding:20px 21px}.data-page-panel>.preview-table-wrap{margin-top:13px}.system-tip{display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid #cce9df;background:#eefaf6;border-radius:15px;color:#225a4a}.system-tip>span{color:#10a677;font-size:18px}.system-tip strong,.system-tip small{display:block}.system-tip strong{font-size:11px}.system-tip small{font-size:9px;color:#638078;margin-top:2px}
.quick-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 15px;display:flex;align-items:center;gap:11px;box-shadow:0 7px 24px rgba(9,50,39,.04)}.quick-action-card:hover{border-color:#a8d3c6;transform:translateY(-2px);box-shadow:var(--soft-shadow)}.quick-action-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green-dark);font-size:18px}.quick-action-card div{min-width:0;flex:1}.quick-action-card strong,.quick-action-card small{display:block}.quick-action-card strong{font-size:12px}.quick-action-card small{font-size:9px;color:var(--muted);margin-top:2px}.quick-action-card>b{color:#88a29b}.dashboard-stats{margin:0}.dashboard-columns{gap:16px}.dashboard-panel{min-height:360px}
.workspace-drawer,.filter-drawer{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(8,45,36,.035);overflow:hidden}.workspace-drawer>summary,.filter-drawer>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#244a40;font-weight:800}.workspace-drawer>summary::-webkit-details-marker,.filter-drawer>summary::-webkit-details-marker{display:none}.workspace-drawer>summary span b,.workspace-drawer>summary span small{display:block}.workspace-drawer>summary span b{font-size:12px}.workspace-drawer>summary span small,.filter-drawer>summary small{font-size:9px;color:var(--muted);font-weight:500}.workspace-drawer>summary i{width:32px;height:32px;border-radius:10px;background:var(--green-soft);display:grid;place-items:center;font-style:normal;color:var(--green-dark);font-size:18px}.workspace-drawer[open]>summary,.filter-drawer[open]>summary{border-bottom:1px solid var(--line);background:#f8fbfa}.workspace-drawer[open]>summary i{transform:rotate(45deg)}.drawer-content,.filter-drawer-body{padding:17px}.contacts-create-grid{display:grid;grid-template-columns:1fr .75fr;gap:17px}.surface-form{border:1px solid var(--line);border-radius:16px;background:#fbfdfc;padding:17px}.form-section-title{margin-bottom:15px}.form-section-title strong,.form-section-title small{display:block}.form-section-title strong{font-size:13px}.form-section-title small{font-size:9px;color:var(--muted);margin-top:3px}.import-surface{display:flex;flex-direction:column}.import-surface .dropzone{flex:1;min-height:175px}
.filter-drawer{margin-bottom:13px;background:#fbfdfc}.filter-drawer>summary{padding:11px 13px;font-size:10px}.filter-drawer>summary:after{content:"⌄";width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf5f2;color:#4e6c64;margin-right:auto}.filter-drawer[open]>summary:after{transform:rotate(180deg)}.filter-grid.compact-filter-grid{grid-template-columns:minmax(240px,1fr) minmax(150px,.4fr) auto auto}.filter-drawer .filter-grid{margin:0}.filter-drawer input,.filter-drawer select{margin:0!important}
.templates-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.55fr);gap:18px;align-items:start}.template-editor-panel{min-width:0}.template-preview-panel{position:sticky;top:96px}.template-editor-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.templates-list-panel{margin-top:0}.template-body-cell{max-width:330px}.template-button-row{grid-template-columns:135px minmax(150px,1fr) minmax(170px,1fr) auto!important}.small-button{min-height:32px!important;padding:6px 9px!important;font-size:8px!important}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.security-badge{white-space:nowrap}
.users-layout{display:block}.user-form-redesign{max-width:1050px;margin:auto}.permissions-section{border-top:1px solid var(--line);margin-top:10px;padding-top:16px}.permissions-grid{grid-template-columns:repeat(3,1fr)}
.settings-layout-v330{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.55fr);gap:18px;align-items:start}.settings-main-panel{padding:0;overflow:hidden}.settings-main-panel form{margin:0}.settings-section{padding:22px;border-bottom:1px solid var(--line)}.settings-section:last-of-type{border-bottom:0}.settings-section-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.settings-section-head>span{width:36px;height:36px;border-radius:11px;background:#e7f7f1;color:#087458;display:grid;place-items:center;font-size:10px;font-weight:800}.settings-section-head h3,.settings-section-head p{margin:0}.settings-section-head h3{font-size:14px}.settings-section-head p{font-size:9px;color:var(--muted);margin-top:3px}.settings-sticky-actions{position:sticky;bottom:0;z-index:3;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:13px 20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.settings-sticky-actions small{margin-right:auto}.settings-side-stack{display:flex;flex-direction:column;gap:18px}.button-stack{display:flex;flex-direction:column;gap:8px;margin:15px 0}.settings-side-stack .diagnostic-card{margin:0}.settings-side-stack .webhook-card{position:sticky;top:95px}
.login-v330 .login-visual{background:linear-gradient(145deg,#061c17 0,#09382e 54%,#0c6f54 100%)}.login-v330 .visual-copy{max-width:620px}.login-v330 .visual-copy h1{font-size:48px;line-height:1.25;letter-spacing:-1.5px}.login-feature-list{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.login-feature-list span{border:1px solid rgba(126,232,201,.18);background:rgba(255,255,255,.06);padding:8px 11px;border-radius:999px;font-size:10px;color:#d1eee5}.login-form-heading h2{margin-bottom:4px}.login-form-heading p{margin-top:0}.tenant-login-card{max-width:470px;padding:34px}.login-card-links{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:15px}
.pricing-v330 .pricing-shell{max-width:1260px}.pricing-v330 .pricing-hero{max-width:760px;margin-inline:auto}.pricing-card-head{min-height:105px}.pricing-v330 .pricing-card ul li{display:flex;gap:8px;align-items:flex-start}.pricing-v330 .pricing-card ul li span{color:var(--green);font-weight:800}.meta-verification-service{margin:24px 0 50px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:linear-gradient(125deg,#082b23,#0a6049);color:#fff;border-radius:26px;padding:27px 30px;box-shadow:0 20px 50px rgba(7,65,49,.15)}.verification-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#19b985;font-size:27px;font-weight:800}.meta-verification-service h2{margin:3px 0 6px}.meta-verification-service p{margin:0;color:#cae8df;font-size:11px;line-height:1.8}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.service-tags span{font-size:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);padding:6px 9px;border-radius:999px}.meta-verification-service .primary-button{white-space:nowrap;background:#fff;color:#075d45}
.campaign-details-modal{width:min(1020px,94vw)}
@media(max-width:1150px){.quick-action-grid{grid-template-columns:repeat(2,1fr)}.templates-workspace,.settings-layout-v330{grid-template-columns:1fr}.template-preview-panel,.settings-side-stack .webhook-card{position:static}.contacts-create-grid{grid-template-columns:1fr}.permissions-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body[class*="page-"] .content{gap:12px}.page-intro,.compact-intro{padding:18px;border-radius:19px;display:block}.page-intro h2,.compact-intro h2{font-size:19px}.page-intro p{font-size:10px}.page-intro-actions{margin-top:14px}.quick-action-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-action-card{padding:11px}.quick-action-icon{width:34px;height:34px}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.workspace-drawer>summary,.filter-drawer>summary{padding:12px}.drawer-content,.filter-drawer-body{padding:12px}.filter-grid.compact-filter-grid,.filter-drawer .filter-grid{display:grid;grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}.templates-workspace,.settings-layout-v330{display:block}.template-preview-panel{margin-top:12px}.template-button-row{grid-template-columns:1fr!important}.permissions-grid{grid-template-columns:1fr}.settings-section{padding:16px}.settings-sticky-actions{padding:11px 14px}.settings-side-stack{margin-top:12px}.meta-verification-service{grid-template-columns:1fr;padding:22px}.login-v330 .login-visual{display:none}.tenant-login-card{padding:25px}.data-page-panel{padding:14px}.page-users .preview-table-wrap,.page-contacts .preview-table-wrap,.page-campaigns .preview-table-wrap,.page-logs .preview-table-wrap,.page-audit .preview-table-wrap,.page-templates .preview-table-wrap{border-radius:12px}.page-users .data-table,.page-contacts .data-table,.page-campaigns .data-table,.page-logs .data-table,.page-audit .data-table,.page-templates .data-table{min-width:760px}}
@media(max-width:460px){.quick-action-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.page-intro-actions>*{flex:1}.meta-verification-service .primary-button{width:100%}.settings-sticky-actions>*{width:100%}.settings-sticky-actions small{width:100%;margin:0}.login-card-links{display:block}.login-card-links span{display:block;margin-top:8px}}
.surface-form label,.settings-main-panel label,.template-editor-panel label,.crm-contact-modal label{display:block;font-size:11px;font-weight:700;margin-bottom:13px}.surface-form input,.surface-form select,.surface-form textarea,.settings-main-panel input,.settings-main-panel select,.settings-main-panel textarea,.template-editor-panel input,.template-editor-panel select,.template-editor-panel textarea,.crm-contact-modal input,.crm-contact-modal select,.crm-contact-modal textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;color:var(--text);outline:0}.surface-form label small,.settings-main-panel label small,.template-editor-panel label small,.crm-contact-modal label small{display:block;color:var(--muted);font-weight:400;font-size:8px;margin-top:4px}.surface-form .check-line input,.template-editor-panel .check-line input{width:auto;margin:0}.template-editor-panel .advanced-box textarea{margin-top:10px}.page-contacts .content,.page-templates .content,.page-campaigns .content,.page-logs .content,.page-users .content,.page-audit .content,.page-settings .content,.page-dashboard .content{max-width:1780px}.page-users .workspace-drawer,.page-contacts .workspace-drawer{margin-bottom:0}
.meta-verification-service .service-price{display:flex;align-items:baseline;gap:8px;margin-top:12px}.meta-verification-service .service-price strong{font-size:21px;color:#fff}.meta-verification-service .service-price span{font-size:9px;color:#b9ddd2}
@media(max-width:760px){.meta-verification-service .service-price{flex-wrap:wrap}}