:root{
  --bg:#14161a;--panel:#1b1e23;--panel-2:#20242a;--panel-3:#252a31;--sidebar:#101215;
  --border:#2d333b;--border-soft:#252a31;--text:#f5f7fa;--muted:#a7afb9;--muted2:#7c8591;
  --green:#13a874;--green-2:#0d8d62;--green-soft:rgba(19,168,116,.14);--green-border:rgba(19,168,116,.35);
  --red:#ef6461;--red-soft:rgba(239,100,97,.11);--yellow:#eab84a;--yellow-soft:rgba(234,184,74,.10);--blue:#6b9ff6;
  --shadow:0 18px 55px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{font-size:15px}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
body{font-size:15px;line-height:1.5}
a{color:inherit}button,input,select,textarea{font:inherit}.app-body{overflow-x:hidden}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}

/* Sidebar */
.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid #202329;padding:20px 14px 16px;display:flex;flex-direction:column;z-index:30}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#12b77c,#087e58);color:white;font-size:13px;font-weight:900;letter-spacing:.5px;box-shadow:0 8px 25px rgba(18,168,115,.25)}
.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy b{font-size:15px;white-space:nowrap}.brand-copy span,.auth-brand span{font-size:12px;color:var(--muted);margin-top:4px}
.sidebar-label{font-size:12px;font-weight:800;letter-spacing:1.1px;color:#69717c;padding:10px 11px 9px}.side-nav{display:flex;flex-direction:column;gap:5px}
.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;text-decoration:none;color:#b5bdc7;font-size:14px;font-weight:650;transition:.18s ease}.nav-item:hover{background:#191d22;color:#fff}.nav-item.active{background:var(--green-soft);color:#62ddb4}.nav-item.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:var(--green)}
.nav-icon{display:grid;place-items:center;width:20px;height:20px}.nav-icon svg,.menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-spacer{flex:1}
.cloud-status{display:flex;gap:11px;align-items:center;margin:12px 5px 14px;padding:13px;border:1px solid var(--border);background:#171a1f;border-radius:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#20d18d;box-shadow:0 0 0 4px rgba(32,209,141,.12);display:inline-block;flex:0 0 auto}.status-dot.off{background:#7d8590;box-shadow:0 0 0 4px rgba(125,133,144,.10)}.cloud-status div{display:flex;flex-direction:column}.cloud-status b{font-size:13px}.cloud-status small{font-size:12px;color:var(--muted);margin-top:2px}.logout-link{color:#9ca4ae}

/* Topbar / workspace */
.workspace{min-width:0}.topbar{height:68px;position:sticky;top:0;z-index:20;background:rgba(20,22,26,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.breadcrumb strong{color:#e8ecf1}.breadcrumb b{color:#59616c}.topbar-right{display:flex;align-items:center;gap:18px}.api-chip{display:flex;align-items:center;gap:8px;font-size:12px;color:#c5ccd5;background:#1a1e23;border:1px solid var(--border);padding:8px 12px;border-radius:999px}.user-box{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#34404d,#202630);border:1px solid #414a56;display:grid;place-items:center;font-weight:800;font-size:12px}.user-copy{display:flex;flex-direction:column}.user-copy b{font-size:13px}.user-copy span{font-size:12px;color:var(--muted);margin-top:2px}.menu-toggle{display:none;border:0;background:transparent;color:#dce1e7;padding:7px;cursor:pointer}.content{max-width:1540px;margin:0 auto;padding:32px 38px 64px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.page-heading h1{margin:0 0 7px;font-size:30px;line-height:1.2;letter-spacing:-.5px}.page-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.65;max-width:900px}

/* Generic blocks */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:linear-gradient(180deg,#1d2025,#191c21);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 2px 0 rgba(255,255,255,.01)}.card h2,.card h3{margin-top:0}.card h3{font-size:17px;margin:0 0 16px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card-title-row h3{margin:0}.card-title-row p{margin:5px 0 0}.metric{font-size:32px;font-weight:850;letter-spacing:-1px;margin-top:9px}.muted{color:var(--muted);font-size:13px;line-height:1.65}.small{font-size:12px;color:var(--muted)}.subtle{color:var(--muted2)}
.notice{padding:14px 16px;border-radius:10px;background:var(--yellow-soft);border:1px solid rgba(234,184,74,.32);color:#efd797;margin:0 0 18px;font-size:13px;line-height:1.65}.notice.ok{background:rgba(18,168,115,.10);border-color:rgba(18,168,115,.36);color:#8be4c4}.notice.bad{background:var(--red-soft);border-color:rgba(239,83,80,.34);color:#ffb1ae}.notice.info{background:rgba(107,159,246,.09);border-color:rgba(107,159,246,.28);color:#bcd2ff}.notice code{white-space:normal;word-break:break-word}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.actions.compact{margin:0}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:8px;padding:10px 14px;text-decoration:none;cursor:pointer;font-size:13px;font-weight:800;transition:.16s ease;box-shadow:none;min-height:40px}.btn:hover,button:hover{background:var(--green-2);transform:translateY(-1px)}.btn.secondary,button.secondary{background:#2a3037;color:#d7dce2;border-color:#3a414b}.btn.ghost,button.ghost{background:transparent;color:#c9d0d8;border-color:#39414b}.btn.danger,button.danger{background:#7e3434}.btn.small-btn,button.small-btn{min-height:32px;padding:6px 10px;font-size:12px}.btn.full,button.full{width:100%}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#252a31;border:1px solid #343a43;font-size:12px;font-weight:750;color:#bec5ce}.pill.green{background:var(--green-soft);border-color:var(--green-border);color:#78dfb9}.pill.red{background:var(--red-soft);border-color:rgba(239,100,97,.28);color:#ffaaa8}.pill.gray{background:#252a31;color:#b5bdc7}.pill.yellow{background:var(--yellow-soft);border-color:rgba(234,184,74,.30);color:#efd797}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 12px}.section-heading h2,.section-heading h3{margin:0;font-size:18px}.section-heading p{margin:4px 0 0}

/* Forms */
label{display:block;font-size:13px;font-weight:750;color:#d1d6dd;margin:12px 0 7px}.form-help{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.55}.checkbox-line{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:650;color:#d1d6dd;margin:14px 0}.checkbox-line input{width:16px;height:16px;margin:2px 0 0;flex:0 0 auto}.checkbox-line span{line-height:1.45}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #37404a;border-radius:8px;background:#15181c;color:#eef1f5;outline:none;font-size:14px;transition:.15s;min-height:42px}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:#69727e}input:focus,select:focus,textarea:focus{border-color:#168b64;box-shadow:0 0 0 3px rgba(18,168,115,.10)}input[type=checkbox]{accent-color:var(--green);min-height:auto}select option{background:#171a1f}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.row.tight{gap:10px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}code{background:#111418;border:1px solid #2a2e35;color:#b9c5d2;padding:2px 6px;border-radius:5px;font-size:.92em}

/* Tables */
.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:12px;background:#181b20}.table-wrap table{border:0}.contacts-table{min-width:1220px}table{width:100%;border-collapse:collapse;background:#181b20;border:1px solid var(--border);border-radius:10px;overflow:hidden}th,td{padding:13px 14px;border-bottom:1px solid #292f36;text-align:left;font-size:13px;vertical-align:middle}th{position:sticky;top:0;background:#20242a;color:#a4acb7;text-transform:uppercase;font-size:12px;letter-spacing:.55px;font-weight:800;z-index:2}td{color:#dbe0e6}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#1d2127}td a{color:#75dfba;text-decoration:none;font-weight:750}.address-cell{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-form{display:flex;gap:10px;flex-wrap:wrap;width:100%}.search-form input{max-width:420px}.contacts-grid{grid-template-columns:minmax(420px,.95fr) minmax(480px,1.1fr)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.table-toolbar .search-form{width:auto;flex:1}.bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#191d22;border:1px solid var(--border);border-radius:10px}.bulk-bar .count{font-size:12px;color:var(--muted);margin-right:4px}.cell-checkbox{width:42px;text-align:center}.cell-checkbox input{width:16px;height:16px}.empty-state{padding:42px 20px;text-align:center;color:var(--muted)}

/* Dashboard */
.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-18px;top:-22px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(18,168,115,.09),transparent 67%)}.stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.55px}.stat-number{font-size:31px;font-weight:850;margin-top:8px}.stat-foot{font-size:12px;color:#777f8a;margin-top:6px}.quick-card{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:22px}.quick-copy h3{margin:0 0 5px}.quick-copy p{margin:0}.quick-actions{margin:0}

/* Devices */
.device-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:16px}.device-card{min-height:100%}.device-head{display:flex;align-items:flex-start;gap:13px;position:relative}.device-head h3{margin:1px 0 4px;font-size:17px}.device-head p{margin:0}.wa-badge,.qr-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:900;background:var(--green-soft);border:1px solid var(--green-border);color:#70dfba;flex:0 0 auto}.qr-icon{font-size:24px}.connection-badge{margin-left:auto;font-size:12px;font-weight:800;border:1px solid #3b414a;background:#252a31;color:#b4bcc6;padding:6px 9px;border-radius:999px;white-space:nowrap}.connection-badge.online{background:rgba(18,168,115,.1);border-color:rgba(18,168,115,.35);color:#78dfb9}.connection-badge.offline{background:rgba(239,83,80,.08);border-color:rgba(239,83,80,.25);color:#ffaaa8}.device-number{font-size:28px;font-weight:850;letter-spacing:-.6px;margin-top:22px}.device-name{font-size:13px;color:var(--muted);margin-top:4px}.device-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:18px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--border)}.device-meta>div{background:#191c21;padding:13px;display:flex;flex-direction:column;min-width:0}.device-meta span{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#808995}.device-meta b{font-size:13px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coex-card{position:relative;overflow:hidden}.coex-card:after{content:"";position:absolute;width:250px;height:250px;right:-100px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(18,168,115,.08),transparent 65%);pointer-events:none}.coex-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.coex-step{border:1px solid var(--border);background:#171a1f;border-radius:10px;padding:13px;min-height:116px;display:flex;flex-direction:column}.coex-step .step-no{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:#72dbb8;font-size:12px;font-weight:850}.coex-step b{font-size:13px;margin-top:10px}.coex-step small{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.45}.coex-note{margin-top:16px;padding:13px 0 0;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.65}.coex-note b{color:#78dfb9}.readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.ready-item{display:flex;align-items:center;gap:8px;background:#171a1f;border:1px solid var(--border);border-radius:9px;padding:10px 11px;font-size:12px;color:#c5ccd5}.ready-item .ready-dot{width:9px;height:9px;border-radius:50%;background:#68717c}.ready-item.ok .ready-dot{background:#20d18d}.ready-item.bad .ready-dot{background:#ef6461}.device-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.status-panel{margin-top:12px;padding:12px 13px;border-radius:9px;background:#15191d;border:1px solid var(--border);font-size:12px;color:var(--muted)}.status-panel.ok{color:#8be4c4;border-color:rgba(18,168,115,.30)}.status-panel.bad{color:#ffb1ae;border-color:rgba(239,83,80,.30)}

/* Templates */
.template-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start}.template-list{display:grid;gap:10px}.template-row{display:grid;grid-template-columns:minmax(180px,1.25fr) .65fr .65fr .55fr auto;gap:10px;align-items:center;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:#191c21;cursor:pointer;transition:.15s}.template-row:hover,.template-row.active{background:#1e2328;border-color:#3a444e}.template-name{font-weight:800;font-size:14px}.template-meta{font-size:12px;color:var(--muted)}.template-preview{position:sticky;top:88px}.phone-preview{border-radius:18px;background:#0c1412;border:1px solid #344039;overflow:hidden;box-shadow:var(--shadow)}.phone-preview-head{padding:13px 15px;background:#202c29;border-bottom:1px solid #31413c}.phone-preview-head b{font-size:14px}.phone-preview-head span{display:block;font-size:12px;color:#a8b7b1;margin-top:2px}.wa-wallpaper{padding:20px 14px 24px;min-height:390px;background:radial-gradient(circle at 20% 10%,rgba(45,88,75,.15),transparent 28%),#111916}.wa-template-bubble{max-width:94%;margin:0 auto;background:#1f2c28;border-radius:10px;padding:13px 13px 9px;color:#eef5f2;box-shadow:0 1px 2px rgba(0,0,0,.25)}.wa-template-bubble .tpl-header{font-weight:800;margin-bottom:7px}.wa-template-bubble .tpl-body{white-space:pre-wrap;font-size:13px;line-height:1.55}.wa-template-bubble .tpl-footer{font-size:12px;color:#9fb0aa;margin-top:8px}.wa-template-buttons{display:grid;gap:1px;margin-top:8px}.wa-template-button{text-align:center;padding:9px;background:#1f2c28;border-top:1px solid #33423d;color:#64c8ef;font-size:12px;font-weight:700}.preview-empty{padding:60px 18px;text-align:center;color:#8d9994;font-size:13px}

/* Campaign */
.campaign-builder{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);gap:16px}.campaign-preview-card{position:sticky;top:88px}.recipient-estimate{padding:12px 14px;border-radius:9px;background:#15191d;border:1px solid var(--border);margin-top:12px}.recipient-estimate b{display:block;font-size:22px;margin-top:3px}.status-cell{white-space:nowrap}

/* Inbox / chat */
.inbox-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:620px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#181b20}.inbox-list{border-right:1px solid var(--border);background:#16191d}.inbox-search{padding:14px;border-bottom:1px solid var(--border)}.inbox-item{display:block;padding:13px 14px;border-bottom:1px solid #252a30;text-decoration:none}.inbox-item:hover{background:#1c2025}.inbox-item.active{background:#1d2925}.inbox-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.inbox-item-top b{font-size:14px}.inbox-item-top time{font-size:12px;color:var(--muted)}.inbox-item p{margin:5px 0 0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-empty{display:grid;place-items:center;padding:40px;text-align:center;color:var(--muted)}.chat-panel{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border);background:#1c2025}.chat-header-main b{font-size:15px}.chat-header-main span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.window-chip{font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px;background:#252a31;color:#c0c7d0;border:1px solid #343b44}.window-chip.open{background:var(--green-soft);border-color:var(--green-border);color:#7ee0bf}.chat-scroll{flex:1;min-height:430px;max-height:620px;overflow:auto;padding:20px;background:radial-gradient(circle at 70% 10%,rgba(18,168,115,.05),transparent 30%),#15181c}.bubble{padding:11px 13px;border-radius:12px 12px 12px 4px;margin:8px 0;max-width:72%;background:#23282e;border:1px solid #303741;line-height:1.55;font-size:14px;white-space:normal;word-break:break-word}.bubble.out{margin-left:auto;background:#123c31;border-color:#1c5b49;border-radius:12px 12px 4px 12px}.bubble-meta{display:flex;justify-content:flex-end;gap:5px;margin-top:5px;font-size:12px;color:#8fa19b}.composer{padding:14px 16px;border-top:1px solid var(--border);background:#1b1e23}.composer-row{display:flex;gap:10px;align-items:flex-end}.composer textarea{min-height:46px;max-height:150px}.composer button{flex:0 0 auto}.composer-note{font-size:12px;color:var(--muted);margin-top:7px}.chat-page{max-width:1000px}.chat{max-width:900px}

/* Auth */
.auth-body{min-height:100vh;background:radial-gradient(circle at 50% 0%,#1c2e29 0,#15171b 35%,#101215 100%)}.auth-main{width:min(460px,calc(100% - 32px));margin:0 auto;padding-top:9vh}.auth-brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:38px}.auth-brand>div:last-child{display:flex;flex-direction:column}.auth-title{text-align:center;margin-bottom:20px}.auth-title h1{font-size:28px;margin:0 0 7px}.auth-title p{color:var(--muted);font-size:13px;margin:0}.auth-main .card{padding:24px;box-shadow:var(--shadow)}
.sidebar-overlay{display:none}

@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(3,1fr)}.template-layout{grid-template-columns:1fr}.template-preview{position:static}.campaign-builder{grid-template-columns:1fr}.campaign-preview-card{position:static}.coex-flow{grid-template-columns:1fr 1fr}.readiness{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:250px;transition:left .2s ease}.sidebar-open .sidebar{left:0}.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:25}.menu-toggle{display:grid}.topbar{padding:0 16px}.breadcrumb span,.breadcrumb b{display:none}.api-chip,.user-copy{display:none}.content{padding:26px 18px 52px}.contacts-grid{grid-template-columns:1fr}.search-form input{max-width:none}.quick-card{align-items:flex-start;flex-direction:column}.device-grid{grid-template-columns:1fr}.inbox-shell{grid-template-columns:1fr;min-height:auto}.inbox-list{border-right:0}.inbox-shell .chat-panel{display:none}.inbox-shell.has-chat .inbox-list{display:none}.inbox-shell.has-chat .chat-panel{display:flex}.template-row{grid-template-columns:1fr auto}.template-row .template-meta.hide-mobile{display:none}}
@media(max-width:600px){html{font-size:14px}.stats-grid{grid-template-columns:1fr 1fr}.page-heading h1{font-size:26px}.card{padding:16px}.row,.form-grid-2{grid-template-columns:1fr}.content{padding-left:12px;padding-right:12px}.bubble{max-width:88%}.coex-flow,.readiness{grid-template-columns:1fr}.device-meta{grid-template-columns:1fr}.topbar{height:60px}.table-toolbar{align-items:stretch}.table-toolbar .search-form{width:100%}.bulk-bar{width:100%}.template-row{grid-template-columns:1fr}.template-row .pill{width:max-content}.composer-row{align-items:stretch;flex-direction:column}.composer button{width:100%}}

/* v6 - Settings */
.settings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.settings-health{display:flex;align-items:center;gap:12px;padding:15px 16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.settings-health>div{display:flex;flex-direction:column;min-width:0}.settings-health b{font-size:14px}.settings-health small{font-size:12px;color:var(--muted);margin-top:2px}.settings-health.ok{border-color:var(--green-border)}.settings-form{display:grid;gap:16px}.settings-section{padding:22px}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.settings-section-head h3{margin:3px 0 5px;font-size:19px}.settings-section-head p{margin:0;color:var(--muted);max-width:780px;font-size:13px;line-height:1.55}.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.25px;color:#6fd8b4}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.field{min-width:0}.field label{display:block;font-size:13px;font-weight:750;margin:0 0 7px}.field-source{display:block;font-size:11px;color:#75808c;margin-top:6px}.optional{color:var(--muted);font-weight:500;font-size:11px}.secret-input{display:flex;gap:8px;align-items:stretch}.secret-input input{min-width:0;flex:1}.icon-btn,.mini-btn{width:auto;white-space:nowrap;background:#242a31!important;border:1px solid #343c46!important;color:#d2d8df!important;padding:9px 11px!important;font-size:12px!important}.icon-btn:hover,.mini-btn:hover{background:#2c333b!important}.inline-field-actions{margin-top:7px}.clear-secret{display:flex!important;align-items:center;gap:7px!important;color:var(--muted)!important;font-weight:500!important;font-size:11px!important;margin-top:8px!important}.clear-secret input{width:14px;height:14px;margin:0}.settings-actions-inline{display:flex;gap:9px;align-items:center;margin-top:18px;flex-wrap:wrap}.settings-savebar{position:sticky;bottom:14px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #37433f;background:rgba(26,31,34,.96);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 16px 42px rgba(0,0,0,.34)}.settings-savebar>div{display:flex;flex-direction:column}.settings-savebar b{font-size:14px}.settings-savebar span{font-size:12px;color:var(--muted);margin-top:2px}.danger-zone{border-color:rgba(239,100,97,.22)}button.danger{background:#8f3534;border-color:#a74644}button.danger:hover{background:#a03d3b}.db-note{background:#181b20}.db-note code{font-size:12px}.form-help{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.45}
@media(max-width:980px){.settings-summary{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-savebar{bottom:8px}.settings-section-head{flex-direction:column}.settings-section-head .btn{width:100%;text-align:center}}
@media(max-width:600px){.settings-section{padding:16px}.settings-savebar{align-items:stretch;flex-direction:column}.settings-savebar button{width:100%}.secret-input{flex-direction:column}.secret-input .icon-btn{width:100%}}


/* V7 - WordPress-style contextual bulk actions */
.bulk-actions-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:0;background:transparent;border:0}
.bulk-actions-bar select{width:auto;min-width:190px;max-width:320px;height:40px;min-height:40px;padding:8px 36px 8px 11px;background:#181b20;border:1px solid #3a424c;border-radius:7px;font-size:14px;font-weight:650;color:#e8edf2}
.bulk-actions-bar button{height:40px;min-height:40px;padding:8px 15px;border-radius:7px}
.bulk-selected-count{font-size:13px;color:var(--muted);margin-left:4px;white-space:nowrap}
.bulk-selected-count b{color:#e6ebf1;font-weight:800}
.table-bulk-top{justify-content:flex-start;margin-top:0;margin-bottom:10px}
.cell-checkbox{width:46px;min-width:46px;text-align:center!important}
.cell-checkbox input,.bulk-row-select,.bulk-select-all{width:17px!important;height:17px!important;min-height:auto!important;cursor:pointer}
@media(max-width:600px){.bulk-actions-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.bulk-actions-bar select{width:100%;min-width:0;max-width:none}.bulk-selected-count{grid-column:1/-1;margin-left:0}}


/* ===== IRB CRM V10 ===== */
:root{--v10-gap:16px}body{font-size:15px;line-height:1.5}.content{max-width:1580px;margin:0 auto;width:100%}.page-heading h1{font-size:30px;letter-spacing:-.45px}.page-heading p{font-size:14px;max-width:900px}label{font-size:13.5px}input,select,textarea,button,.btn{font-size:14px;min-height:42px}table{font-size:13.5px}th{font-size:11.5px;letter-spacing:.35px}.topbar-search{flex:1;max-width:520px;margin-left:22px}.topbar-search form,.topbar-search input{width:100%;margin:0}.help-chip{padding:7px 11px;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:12px}.nav-badge{margin-left:auto;min-width:22px;height:22px;border-radius:11px;background:var(--green);color:#04170f;font-style:normal;font-size:11px;font-weight:850;display:grid;place-items:center;padding:0 6px}.toolbar-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.toolbar-primary>div,.toolbar-primary>form{display:flex;gap:8px;flex-wrap:wrap}.compact-filter{padding:12px 14px;margin-bottom:18px}.filter-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-inline>input{min-width:280px;flex:1}.filter-inline select{min-width:150px}.filter-extra{display:flex;gap:8px;flex-wrap:wrap}.filter-toggle{display:none}.table-primary{font-weight:800;color:#ecf3f5}.table-primary+small,td small{display:block;color:var(--muted);margin-top:3px}.pill-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.lead-prospek{background:rgba(44,139,255,.15)!important;border-color:rgba(44,139,255,.28)!important;color:#8bc0ff!important}.lead-pending{background:rgba(244,180,0,.12)!important;border-color:rgba(244,180,0,.28)!important;color:#ffd978!important}.lead-closing{background:rgba(44,205,138,.13)!important;border-color:rgba(44,205,138,.28)!important;color:#73e2b2!important}.lead-cancel{background:rgba(239,100,97,.12)!important;border-color:rgba(239,100,97,.28)!important;color:#ff9996!important}.pagination{display:flex;gap:7px;align-items:center;justify-content:flex-end;margin-top:14px}.pagination a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px}.pagination a.active{background:var(--green);color:#052117;border-color:var(--green)}.pagination span{color:var(--muted);font-size:12px;margin-left:8px}.add-contact-card{margin-top:22px}.contact-profile-head,.campaign-hero,.health-summary,.update-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:var(--panel);border:1px solid var(--border);border-radius:13px;margin-bottom:16px}.contact-profile-head h2,.campaign-hero h2,.update-hero h2{margin:0 0 4px}.contact-profile-head p,.campaign-hero p{margin:0;color:var(--muted)}.profile-grid,.dashboard-grid,.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.timeline{display:grid;gap:0}.timeline-item{position:relative;padding:0 0 18px 24px;border-left:1px solid var(--border);margin-left:7px}.timeline-item:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--green)}.timeline-item b{display:block}.timeline-item span{font-size:12px;color:var(--muted)}.note-item,.list-row{border-bottom:1px solid var(--border);padding:12px 0}.note-item:last-child,.list-row:last-child{border-bottom:0}.note-item p,.list-row p{margin:4px 0}.note-item small,.list-row small{color:var(--muted)}.list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.wizard-steps{display:flex;gap:8px;margin:0 0 16px}.wizard-steps span{padding:8px 12px;border-radius:9px;border:1px solid var(--border);color:var(--muted)}.wizard-steps .active{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.mapping-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.narrow-card{max-width:720px}.stats-mini,.attention-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.stats-mini a,.attention-grid a{display:flex;flex-direction:column;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.stats-mini b,.attention-grid b{font-size:24px}.stats-mini span,.attention-grid span{color:var(--muted);font-size:12px}.danger-stat{border-color:rgba(239,100,97,.3)!important}.row-alert{background:rgba(239,100,97,.045)}.inline-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.permission-grid label{display:flex;gap:8px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:8px}.permission-grid input{min-height:auto;width:16px;height:16px}.user-list-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding:12px 0}.user-list-row>div:last-child{display:flex;gap:7px;align-items:center}.user-list-row small{display:block;color:var(--muted)}.task-list,.quick-grid{display:grid;gap:8px}.task-list a,.quick-grid a,.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:9px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search-big{display:flex;gap:8px;margin-bottom:16px}.global-search-big input{flex:1}.search-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.search-result{display:block;padding:10px 0;border-bottom:1px solid var(--border)}.search-result b,.search-result span{display:block}.search-result span{font-size:12px;color:var(--muted)}.inbox-page{display:grid;grid-template-columns:420px minmax(0,1fr);height:calc(100vh - 225px);min-height:620px;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--panel)}.conversation-list{overflow:auto;border-right:1px solid var(--border)}.conversation-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:13px 14px;border-bottom:1px solid var(--border);align-items:center}.conversation-item:hover,.conversation-item.unread{background:#1a1f24}.conversation-item.unread b{color:#fff}.conversation-item em{min-width:22px;height:22px;background:var(--green);color:#032218;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}.conv-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#273038;font-weight:850}.conv-copy>div{display:flex;justify-content:space-between;gap:8px}.conv-copy span,.conv-copy small,.conv-copy time{display:block;color:var(--muted);font-size:11.5px}.chat-empty{display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);padding:30px}.chat-empty-icon{width:72px;height:72px;border-radius:20px;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-weight:900;font-size:22px}.chat-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.chat-panel{border:1px solid var(--border);border-radius:13px;background:var(--panel);overflow:hidden}.chat-header{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-header h2{margin:4px 0 2px}.chat-header p{margin:0;color:var(--muted);font-size:12px}.chat-header-actions{display:flex;gap:8px;align-items:center}.chat-header-actions form{display:flex;gap:6px}.chat-messages{height:520px;overflow:auto;padding:20px;background:linear-gradient(135deg,#11171a,#13191d);display:flex;flex-direction:column;gap:8px}.bubble{padding:9px 11px;border-radius:10px;max-width:72%;font-size:14px}.bubble.in{align-self:flex-start;background:#20272c}.bubble.out{align-self:flex-end;background:#075e54}.bubble span,.bubble small{display:block;font-size:10.5px;color:#b9c3c7;margin-top:4px}.composer-tabs{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:auto}.composer-tabs button{background:transparent;border:0;border-right:1px solid var(--border);border-radius:0;color:var(--muted)}.composer-tabs button.active{color:var(--green);background:var(--green-soft)}.composer-pane{display:none;padding:14px}.composer-pane.active{display:block}.chat-side .card{position:sticky;top:78px}.full{width:100%;text-align:center}.template-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px}.template-list{display:grid;gap:8px}.template-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#181d21;border:1px solid var(--border);color:inherit}.template-row.active{border-color:var(--green);background:var(--green-soft)}.template-row small{display:block;color:var(--muted)}.template-phone{min-height:520px}.devices-v10{grid-template-columns:1.1fr .9fr}.device-list-v10{display:grid;gap:10px}.device-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-radius:11px}.device-line{display:flex;align-items:center;gap:8px}.device-mini-meta{font-size:11px;color:var(--muted);margin-top:5px}.tiny-error{font-size:11px;color:#ff9b98;margin-top:6px}.device-item-actions{display:flex;gap:6px;align-items:center}.device-item-actions form{display:flex;gap:6px}.campaign-health{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-bottom:16px}.campaign-health>div{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.campaign-health span,.campaign-health b{display:block}.campaign-health span{font-size:11px;color:var(--muted)}.campaign-health b{font-size:22px}.schedule-box{display:flex;gap:8px;align-items:end;margin-top:12px}.schedule-box>*{flex:1}.error-cell{max-width:360px}.settings-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.settings-hub a{padding:14px 15px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.settings-hub b,.settings-hub span{display:block}.settings-hub span{font-size:11px;color:var(--muted);margin-top:3px}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.health-card{display:flex;gap:11px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.health-card.ok{border-color:var(--green-border)}.health-card.bad{border-color:rgba(239,100,97,.28)}.health-card b,.health-card small{display:block}.health-card small{color:var(--muted)}.tabs{display:flex;gap:5px;margin-bottom:12px}.tabs a{padding:8px 11px;border-radius:8px;border:1px solid var(--border)}.tabs a.active{background:var(--green-soft);color:var(--green)}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.guide-nav{position:sticky;top:76px;align-self:start;display:grid;gap:4px}.guide-nav a{padding:9px 11px;border-radius:8px;color:var(--muted)}.guide-nav a:hover{background:var(--panel);color:#fff}.guide-content{display:grid;gap:14px}.guide-section ol{padding-left:22px}.guide-section li{margin:8px 0}.auth-card{max-width:480px}.checkbox-line.mini{margin:0;padding:0}.checkbox-line.mini input{min-height:auto}.table-toolbar,.section-heading{gap:12px}
@media(max-width:1200px){.campaign-health{grid-template-columns:repeat(5,minmax(0,1fr))}.settings-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-page{grid-template-columns:360px 1fr}.chat-shell{grid-template-columns:1fr}.chat-side .card{position:static}.template-layout{grid-template-columns:1fr}.attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.profile-grid,.dashboard-grid,.report-grid,.search-results-grid,.health-grid,.devices-v10{grid-template-columns:1fr}.topbar-search{display:none}.settings-hub{grid-template-columns:1fr}.attention-grid,.stats-mini{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-page{grid-template-columns:1fr;height:auto}.chat-empty{display:none}.campaign-health{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-layout{grid-template-columns:1fr}.guide-nav{position:static;display:flex;overflow:auto}.filter-extra{display:none;width:100%}.filter-extra.open{display:flex}.filter-toggle{display:inline-flex}.filter-inline>input{min-width:200px}.chat-messages{height:440px}}
.notif-chip{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:9px}.notif-chip em{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:#e95855;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center}.notification-row{display:flex;gap:12px;padding:13px 4px;border-bottom:1px solid var(--border)}.notification-row.unread{background:rgba(36,190,129,.04)}.notification-row b,.notification-row p,.notification-row small{display:block;margin:0}.notification-row p{color:var(--muted);margin-top:3px}.notification-row small{color:#6f7b84;margin-top:4px}

/* V10 saved views / column manager */
.toolbar-mini{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar-mini select{width:auto;min-width:170px}.column-manager{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--panel,#171b20);border:1px solid var(--border,#303740);padding:12px 14px;border-radius:12px;margin:-4px 0 12px}.column-manager label{display:flex;gap:6px;align-items:center;font-size:14px}.save-view-form{display:flex;gap:8px;align-items:center;margin-top:10px}.save-view-form input{max-width:240px}
.setup-checklist{margin-bottom:18px}.setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.setup-steps a{padding:12px;border:1px solid var(--border,#303740);border-radius:12px;text-decoration:none;color:inherit}.setup-steps a.done{opacity:.72}.setup-steps a span{font-weight:800;margin-right:8px;color:#20c997}@media(max-width:900px){.setup-steps{grid-template-columns:1fr 1fr}}
.chat-media-image img{max-width:min(360px,100%);max-height:360px;border-radius:10px;display:block;margin-bottom:6px}.bubble video{max-width:min(420px,100%);border-radius:10px;display:block;margin-bottom:6px}.bubble audio{max-width:320px;display:block;margin:6px 0}.chat-document{display:inline-block;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.07);margin-bottom:6px}

/* =========================================================
   V10.0.2 — account dropdown, themes, desktop sidebar collapse
   ========================================================= */
.brand-row{display:flex;align-items:center;gap:8px;padding:0 0 8px}.brand-row .brand{flex:1;min-width:0;padding:0 4px 16px;text-decoration:none}.brand-row .brand:hover .brand-copy b{color:#fff}.sidebar-collapse{width:31px;min-width:31px;height:31px;min-height:31px;padding:0;border-radius:8px;border:1px solid var(--border);background:#171a1f;color:var(--muted);font-size:22px;font-weight:500;line-height:1;box-shadow:none}.sidebar-collapse:hover{background:#20252b;color:var(--text);transform:none}.app-shell{transition:grid-template-columns .18s ease}.sidebar{transition:width .18s ease,padding .18s ease}.nav-label,.brand-copy,.cloud-status>div,.sidebar-label{transition:opacity .12s ease}

body.sidebar-collapsed .app-shell{grid-template-columns:78px minmax(0,1fr)}
body.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}
body.sidebar-collapsed .brand-row{display:grid;grid-template-columns:1fr;justify-items:center;gap:5px}
body.sidebar-collapsed .brand-row .brand{padding:0 0 3px;display:grid;justify-items:center}
body.sidebar-collapsed .brand-mark{width:38px;height:38px;border-radius:10px}
body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .sidebar-label,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .cloud-status>div{display:none}
body.sidebar-collapsed .sidebar-collapse{width:30px;min-width:30px;height:28px;min-height:28px}
body.sidebar-collapsed .nav-item{justify-content:center;padding:11px 8px;gap:0}
body.sidebar-collapsed .nav-item.active:before{left:-10px}
body.sidebar-collapsed .nav-icon{width:22px;height:22px}
body.sidebar-collapsed .cloud-status{justify-content:center;padding:12px 8px;margin-left:2px;margin-right:2px}
body.sidebar-collapsed .nav-badge{position:absolute;right:4px;top:4px;min-width:17px;height:17px;font-size:9px;padding:0 4px}
body.sidebar-collapsed .nav-item[data-label]:hover:after{content:attr(data-label);position:absolute;left:58px;top:50%;transform:translateY(-50%);z-index:100;background:#252a31;border:1px solid #3a414a;color:#fff;padding:7px 9px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:var(--shadow);pointer-events:none}

.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:10px;padding:5px 7px 5px 5px;min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);box-shadow:none}.account-trigger:hover,.account-menu.open .account-trigger{background:var(--panel-2);border-color:var(--border);transform:none}.account-chevron{width:18px;height:18px;display:grid;place-items:center;color:var(--muted)}.account-chevron svg,.account-dropdown svg,.theme-switch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-menu.open .account-chevron{transform:rotate(180deg)}
.account-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:290px;background:#1b1e23;border:1px solid var(--border);border-radius:13px;box-shadow:0 22px 60px rgba(0,0,0,.42);padding:12px;z-index:80}.account-dropdown[hidden]{display:none!important}.account-head{display:flex;align-items:center;gap:11px;padding:4px 3px 13px;border-bottom:1px solid var(--border-soft)}.avatar.large{width:40px;height:40px}.account-head b,.account-head span{display:block}.account-head b{font-size:14px}.account-head span{font-size:12px;color:var(--muted);margin-top:2px;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-section{padding:12px 2px;border-bottom:1px solid var(--border-soft)}.account-label{display:block;color:var(--muted);font-size:11px;font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:.6px}.theme-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.theme-switch button{min-height:34px;padding:6px 5px;border:1px solid var(--border);background:#171a1f;color:var(--muted);border-radius:8px;font-size:11px;gap:4px}.theme-switch button:hover,.theme-switch button.active{background:var(--green-soft);border-color:var(--green-border);color:#72dfb9;transform:none}.theme-switch button svg{width:15px;height:15px}.account-links{display:grid;padding-top:7px}.account-links a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:9px 8px;border-radius:8px;color:#cbd2da;font-size:13px;font-weight:700}.account-links a:hover{background:#22262c;color:#fff}.account-links a.danger{color:#ff7774}.account-links svg{width:18px;height:18px}

/* Light theme. Existing components keep the same hierarchy with light surfaces. */
html[data-theme="light"]{--bg:#f4f6f8;--panel:#ffffff;--panel-2:#f3f5f7;--panel-3:#e9edf1;--sidebar:#ffffff;--border:#d7dde4;--border-soft:#e5e9ee;--text:#18212b;--muted:#66717d;--muted2:#8a949f;--green:#0e9f6e;--green-2:#0b825b;--green-soft:rgba(14,159,110,.10);--green-border:rgba(14,159,110,.28);--red:#dc4f4c;--red-soft:rgba(220,79,76,.08);--yellow:#b88016;--yellow-soft:rgba(184,128,22,.08);--blue:#3977d4;--shadow:0 18px 50px rgba(24,33,43,.12)}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .sidebar{background:#fff;border-right-color:#e1e5ea}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.94);border-bottom-color:#e5e9ee}
html[data-theme="light"] .brand-row .brand:hover .brand-copy b{color:#111923}
html[data-theme="light"] .sidebar-collapse,html[data-theme="light"] .theme-switch button{background:#f5f7f9}
html[data-theme="light"] .nav-item{color:#52606d}html[data-theme="light"] .nav-item:hover{background:#f2f5f7;color:#17212b}html[data-theme="light"] .nav-item.active{color:#087e58}
html[data-theme="light"] .cloud-status,html[data-theme="light"] .card,html[data-theme="light"] .health-card,html[data-theme="light"] .campaign-health>div,html[data-theme="light"] .settings-hub a{background:#fff}
html[data-theme="light"] .card{background:#fff;box-shadow:0 1px 2px rgba(20,30,40,.03)}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff;color:#17212b;border-color:#cfd6de}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#9aa4ae}
html[data-theme="light"] select option{background:#fff;color:#17212b}
html[data-theme="light"] table,html[data-theme="light"] .table-wrap{background:#fff}html[data-theme="light"] th{background:#f2f5f7;color:#5f6b77}html[data-theme="light"] td{color:#27323d}html[data-theme="light"] th,html[data-theme="light"] td{border-bottom-color:#e3e7eb}html[data-theme="light"] tbody tr:hover td{background:#f7f9fa}
html[data-theme="light"] code{background:#eef2f5;border-color:#dce2e7;color:#394753}
html[data-theme="light"] .bulk-bar,html[data-theme="light"] .column-manager{background:#fff}
html[data-theme="light"] .conversation-list,html[data-theme="light"] .inbox-page,html[data-theme="light"] .chat-panel{background:#fff}html[data-theme="light"] .conversation-item:hover,html[data-theme="light"] .conversation-item.unread{background:#f4f7f8}html[data-theme="light"] .conv-avatar{background:#e9eef2}
html[data-theme="light"] .chat-messages{background:linear-gradient(135deg,#edf2f3,#f5f8f9)}html[data-theme="light"] .bubble.in{background:#fff;border:1px solid #dfe5e9}html[data-theme="light"] .bubble.out{background:#d8f7e9;color:#163228}
html[data-theme="light"] .account-dropdown{background:#fff;box-shadow:0 22px 55px rgba(24,33,43,.16)}html[data-theme="light"] .account-links a{color:#3d4a56}html[data-theme="light"] .account-links a:hover{background:#f2f5f7;color:#17212b}
html[data-theme="light"] body.sidebar-collapsed .nav-item[data-label]:hover:after{background:#fff;border-color:#d7dde4;color:#17212b}
html[data-theme="light"] .notice.info{color:#3265aa}

@media(max-width:980px){
  .sidebar-collapse{display:none}
  body.sidebar-collapsed .app-shell{grid-template-columns:1fr}
  body.sidebar-collapsed .sidebar{padding:20px 14px 16px}
  body.sidebar-collapsed .brand-row{display:flex;grid-template-columns:none;justify-items:normal;gap:8px}
  body.sidebar-collapsed .brand-row .brand{padding:0 4px 16px;display:flex;justify-items:normal}
  body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .sidebar-label,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .cloud-status>div{display:flex}
  body.sidebar-collapsed .sidebar-label{display:block}
  body.sidebar-collapsed .nav-item{justify-content:flex-start;padding:11px 12px;gap:12px}
  body.sidebar-collapsed .cloud-status{justify-content:flex-start;padding:13px;margin:12px 5px 14px}
  body.sidebar-collapsed .nav-item[data-label]:hover:after{display:none}
  .account-dropdown{position:fixed;right:12px;top:62px;width:min(310px,calc(100vw - 24px))}
}
@media(max-width:620px){.help-chip{display:none}.account-trigger .user-copy,.account-trigger .account-chevron{display:none}.topbar-right{gap:8px}.theme-switch button span{display:none}.theme-switch button{padding:7px}}

/* V10.1 Official Meta Embedded Signup */
.embedded-signup-card{position:relative;overflow:hidden}.embedded-signup-card:before{content:"";position:absolute;inset:-120px auto auto -100px;width:360px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(19,190,135,.12),transparent 68%);pointer-events:none}.embedded-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.embedded-head h2{margin:.25rem 0 .45rem}.embedded-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;margin-top:18px}.embedded-connect-panel,.embedded-checklist{border:1px solid var(--line);border-radius:14px;background:var(--panel-2,rgba(255,255,255,.025));padding:18px}.eligibility-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:16px;font-size:13px}.eligibility-list>div{padding:9px 10px;border-radius:9px;background:rgba(21,185,132,.08);border:1px solid rgba(21,185,132,.18)}.check-line{display:flex;align-items:flex-start;gap:9px;margin:10px 0;font-weight:500}.check-line input{width:auto;margin-top:3px}.embedded-primary{width:100%;margin-top:10px;min-height:46px;font-size:15px}.embedded-status{margin-top:12px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);font-size:13px;color:var(--muted)}.embedded-status.ok{border-color:rgba(21,185,132,.3);background:rgba(21,185,132,.08);color:var(--text)}.embedded-status.warn{border-color:rgba(240,173,45,.35);background:rgba(240,173,45,.08);color:var(--text)}.embedded-status.bad{border-color:rgba(235,87,87,.4);background:rgba(235,87,87,.08);color:var(--text)}.embedded-status.loading{opacity:.85}.embedded-chooser{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px}.embedded-chooser select{margin:8px 0}.embedded-checklist h3{margin-top:0}.embedded-checklist ol{padding-left:20px;margin:10px 0 16px}.embedded-checklist li{margin:8px 0;line-height:1.45}.device-list-item .device-item-actions form{display:flex;flex-wrap:wrap;gap:6px}.device-list-item .device-item-actions form button{white-space:nowrap}
@media(max-width:980px){.embedded-grid{grid-template-columns:1fr}.eligibility-list{grid-template-columns:1fr}}


/* V10.1.1 — Device action toolbar cleanup */
.device-list-item{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  align-items:stretch;
  padding:16px;
}
.device-line{flex-wrap:wrap;row-gap:6px}
.device-item-actions{
  display:block;
  width:100%;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.device-item-actions .device-action-form{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  width:100%;
}
.device-item-actions .device-action-form .btn,
.device-item-actions .device-action-form button{
  margin:0;
  min-width:max-content;
  white-space:nowrap;
}
.device-item-actions .device-action-form .device-toggle-btn{margin-left:auto}
@media(max-width:520px){
  .device-item-actions .device-action-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .device-item-actions .device-action-form .btn,
  .device-item-actions .device-action-form button{
    width:100%;
    min-width:0;
  }
  .device-item-actions .device-action-form .device-toggle-btn{margin-left:0}
}
/* V10.1.3 notification + health polish */
.health-summary>div{display:flex;flex-direction:column;gap:3px}.health-summary>div span{display:block;color:var(--muted);font-size:12px}.health-card{scroll-margin-top:92px}
.notification-list{padding-top:4px;padding-bottom:4px}.notification-row{align-items:center;text-decoration:none;border-radius:8px;padding:13px 10px}.notification-row:hover{background:rgba(36,190,129,.07)}.notification-row.unread{background:rgba(36,190,129,.06)}.notification-row .status-dot{flex:0 0 auto}.notification-copy{min-width:0;flex:1}.notification-title{display:flex;align-items:center;gap:8px}.notification-title em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--green);border:1px solid var(--green-border);background:var(--green-soft);border-radius:999px;padding:2px 6px}.notification-copy p{overflow-wrap:anywhere}.notification-arrow{font-size:25px;color:var(--muted);line-height:1}.notification-row:hover .notification-arrow{color:var(--green)}
#webhook-automation,#meta-embedded-signup{scroll-margin-top:92px}

/* V10.2.0 — Device lifecycle, safe disconnect/delete, account switching */
.device-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.device-manager-head h1{margin:0 0 4px;font-size:28px}.device-manager-head p{margin:0}.device-safety-note{display:flex;align-items:flex-start;gap:12px;border-color:rgba(34,197,139,.24);background:rgba(34,197,139,.045)}.device-safety-note>b{white-space:nowrap;color:#7ee3bf}.device-safety-note>span{color:var(--muted);font-size:13px;line-height:1.55}.device-mini-meta{overflow-wrap:anywhere}.tiny-warning{margin-top:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(235,184,74,.28);background:rgba(235,184,74,.07);color:#efd797;font-size:12px}.device-more{position:relative;margin-left:auto}.device-more>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid #39414b;border-radius:8px;background:#242a31;color:#d2d8df;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.device-more>summary::-webkit-details-marker{display:none}.device-more[open]>summary{background:#2c333b}.device-more-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:30;width:205px;padding:8px;background:#171b20;border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 42px rgba(0,0,0,.38);display:grid;gap:6px}.device-more-menu button{width:100%;justify-content:flex-start;margin:0}.device-list-item{position:relative}.device-list-item.archived{opacity:.82;background:rgba(255,255,255,.018)}.removed-devices{margin-top:16px}.removed-devices .device-list-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.removed-devices .device-action-form{display:flex}.device-action-form button:disabled{opacity:.35}.pill.red{background:var(--red-soft);border-color:rgba(239,100,97,.28);color:#ffaaa8}
@media(max-width:760px){.device-manager-head{flex-direction:column}.device-safety-note{flex-direction:column}.device-safety-note>b{white-space:normal}.device-more{margin-left:0}.device-more-menu{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto}.removed-devices .device-list-item{grid-template-columns:1fr}}

/* =========================================================
   V10.3.0 — Inbox V2 / Modern Conversation Workspace
   ========================================================= */
.page-inbox .content{padding:12px 14px 14px;max-width:none;height:calc(100vh - 68px);overflow:hidden}
.page-inbox .page-heading{display:none}
.page-inbox .content>.notice{margin:0 0 10px}
.inbox-v2{--inbox-rail:204px;--inbox-list:390px;display:grid;grid-template-columns:var(--inbox-rail) var(--inbox-list) minmax(0,1fr);height:100%;min-height:620px;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.14)}
.inbox-v2 *{box-sizing:border-box}.inbox-v2 a{text-decoration:none}.inbox-v2 button,.inbox-v2 input,.inbox-v2 select,.inbox-v2 textarea{font:inherit}
.inbox-v2-rail{min-width:0;background:linear-gradient(180deg,#111619,#0f1417);border-right:1px solid var(--border);padding:18px 12px 14px;display:flex;flex-direction:column;overflow:auto}
.inbox-rail-head{display:flex;justify-content:space-between;align-items:center;padding:0 8px 14px}.inbox-rail-head h2{font-size:19px;margin:3px 0 0}.eyebrow{display:block;font-size:9.5px;line-height:1.2;font-weight:900;letter-spacing:.16em;color:var(--green)}
.inbox-new-chat{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--green);color:#062b20!important;font-size:22px;font-weight:700;box-shadow:0 7px 20px rgba(25,202,139,.2)}
.inbox-views{display:grid;gap:3px}.inbox-view-link{display:grid;grid-template-columns:25px 1fr auto;gap:7px;align-items:center;color:var(--muted);padding:9px 10px;border-radius:10px;font-size:12.5px;font-weight:680}.inbox-view-link:hover{background:#181e22;color:#fff}.inbox-view-link.active{background:var(--green-soft);color:var(--green)}.inbox-view-icon{width:22px;text-align:center;font-size:13px}.inbox-view-link em{font-style:normal;font-size:10.5px;min-width:22px;text-align:center;padding:2px 6px;border-radius:20px;background:#20272c;color:#aeb9be}.inbox-view-link.active em{background:rgba(25,202,139,.15);color:var(--green)}
.inbox-rail-section{border-top:1px solid var(--border);margin-top:14px;padding:14px 8px 0;display:grid;gap:5px}.inbox-rail-section>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#6f7c82;margin:0 0 4px}.inbox-rail-section a{padding:7px 6px;color:var(--muted);font-size:11.5px;border-radius:7px}.inbox-rail-section a:hover{background:#181e22;color:#fff}.inbox-rail-footer{margin-top:auto;padding:12px 9px 2px;display:flex;align-items:center;gap:8px}.inbox-rail-footer b,.inbox-rail-footer small{display:block}.inbox-rail-footer b{font-size:10.5px}.inbox-rail-footer small{font-size:9px;color:var(--muted)}

.inbox-v2-list-panel{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#12171a}.inbox-list-head{height:69px;display:flex;align-items:center;justify-content:space-between;padding:13px 14px 10px;border-bottom:1px solid var(--border)}.inbox-list-head h2{font-size:17px;margin:0 0 2px}.inbox-list-head span{font-size:10.5px;color:var(--muted)}
.icon-btn{width:34px;height:34px;min-height:0;padding:0;border-radius:10px;border:1px solid var(--border);background:#181e22;color:#c7d0d4;display:inline-grid;place-items:center;font-size:14px}.icon-btn:hover,.icon-btn.active{border-color:var(--green-border);background:var(--green-soft);color:var(--green)}
.inbox-search{position:relative;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:3px;margin:10px 12px 8px;border:1px solid var(--border);background:#0f1417;border-radius:11px;padding:0 8px}.inbox-search>span{color:#738087;text-align:center}.inbox-search input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:40px;padding:8px 2px!important}.inbox-search button{border:0;background:transparent;color:#6f7d84;padding:0 5px;font-size:9px;min-height:0}.inbox-search:focus-within{border-color:rgba(25,202,139,.5);box-shadow:0 0 0 3px rgba(25,202,139,.06)}
.inbox-filter-drawer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 12px 9px}.inbox-filter-drawer[hidden]{display:none}.inbox-filter-drawer select{min-height:34px;font-size:10.5px;padding:5px 7px}.inbox-filter-drawer button,.inbox-filter-drawer a{min-height:34px;font-size:10px;padding:7px 8px;display:grid;place-items:center}
.inbox-bulk-bar{margin:0 12px 8px;padding:8px 9px;border:1px solid var(--green-border);background:var(--green-soft);border-radius:10px;display:flex;align-items:center;gap:7px}.inbox-bulk-bar[hidden]{display:none}.inbox-bulk-bar b{font-size:10.5px;color:var(--green);white-space:nowrap}.inbox-bulk-bar select{min-height:32px;padding:4px 7px;font-size:10px;min-width:0;flex:1}.inbox-bulk-bar button{min-height:32px;padding:5px 9px;font-size:10px}
.inbox-conversation-list{flex:1;min-height:0;overflow:auto;padding-bottom:30px;scrollbar-width:thin}.inbox-conversation{position:relative;border-bottom:1px solid rgba(255,255,255,.055);transition:.16s ease}.inbox-conversation:hover{background:#171d20}.inbox-conversation.active{background:linear-gradient(90deg,rgba(25,202,139,.12),rgba(25,202,139,.025));box-shadow:inset 3px 0 0 var(--green)}.inbox-conversation.unread{background-color:rgba(255,255,255,.022)}
.inbox-row-link{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:12px 12px 12px 14px;color:inherit;min-height:83px}.inbox-row-check{position:absolute;left:4px;top:5px;z-index:4;opacity:0;transition:.15s}.inbox-conversation:hover .inbox-row-check,.inbox-row-check:has(input:checked){opacity:1}.inbox-row-check input{width:14px;height:14px;min-height:0;accent-color:var(--green)}
.inbox-avatar{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#27343a,#20292e);border:1px solid rgba(255,255,255,.06);font-size:13px;font-weight:850;color:#eaf3f5}.inbox-avatar.large{width:43px;height:43px}.inbox-avatar.xlarge{width:62px;height:62px;font-size:18px}.inbox-avatar i{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#ff5c59;color:#fff;border:2px solid #12171a;font-size:9px;font-style:normal}
.inbox-row-main{min-width:0}.inbox-row-title,.inbox-row-preview{display:flex;align-items:center;gap:6px;min-width:0}.inbox-row-title b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dce5e8}.inbox-conversation.unread .inbox-row-title b{color:#fff;font-weight:850}.inbox-row-title time{margin-left:auto;font-size:9.5px;color:#78868c;white-space:nowrap}.inbox-row-preview{margin-top:4px;color:#8d9aa0;font-size:10.8px}.inbox-row-preview span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-row-preview .direction{font-size:9px;color:#6d7b80}.inbox-row-meta{display:flex;gap:5px;align-items:center;overflow:hidden;margin-top:5px}.inbox-row-meta>span{white-space:nowrap;font-size:8.8px;color:#6f7d83;overflow:hidden;text-overflow:ellipsis}.status-chip{padding:2px 5px;border-radius:5px;background:#1c2428!important;color:#89979c!important}.status-chip.status-baru{color:#68d9ff!important}.status-chip.status-follow-up{color:#ffc56d!important}.status-chip.status-selesai{color:#6ee7ae!important}.inbox-row-flags{align-self:start;padding-top:2px;display:flex;flex-direction:column;align-items:end;gap:6px;color:#f2c25a}.inbox-row-flags em{font-style:normal;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--green);color:#05251b;display:grid;place-items:center;font-size:9px;font-weight:900}.priority-dot{width:7px;height:7px;border-radius:50%;background:#ff9f43;box-shadow:0 0 0 3px rgba(255,159,67,.09)}.priority-urgent .inbox-row-title b{color:#ffd8d7}.priority-urgent{box-shadow:inset -2px 0 0 rgba(255,92,89,.55)}
.inbox-empty-list{padding:48px 24px;text-align:center;color:var(--muted);display:grid;justify-items:center;gap:6px}.inbox-empty-list div{width:54px;height:54px;border-radius:16px;background:#1b2226;display:grid;place-items:center;font-size:22px}.inbox-empty-list b{color:#dce5e8;font-size:13px}.inbox-empty-list span{font-size:10.5px}

.inbox-v2-main{min-width:0;background:#11171a;overflow:hidden}.inbox-v2-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;color:var(--muted)}.inbox-empty-logo{width:74px;height:74px;border-radius:23px;background:linear-gradient(145deg,var(--green-soft),rgba(43,194,250,.08));display:grid;place-items:center;color:var(--green);font-size:20px;font-weight:900;border:1px solid var(--green-border);margin-bottom:14px}.inbox-v2-empty h2{color:#e5edef;margin:0 0 8px}.inbox-v2-empty p{max-width:560px;margin:0;line-height:1.7;font-size:12px}.inbox-v2-empty>div:last-child{margin-top:18px;font-size:10px}.inbox-v2-empty>div:last-child span{display:inline-block;border:1px solid var(--border);background:#171d21;padding:3px 6px;border-radius:5px;margin:0 3px;color:#aab7bc}
.inbox-chat-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 304px}.inbox-chat-workspace{min-width:0;height:100%;display:grid;grid-template-rows:69px minmax(0,1fr) auto;border-right:1px solid var(--border)}.inbox-chat-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:rgba(18,23,26,.94);backdrop-filter:blur(8px)}.inbox-chat-person{display:flex;gap:10px;align-items:center;min-width:0}.inbox-chat-person h2{font-size:14px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-chat-person p{margin:0;font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-chat-person p span{margin:0 3px;color:#4d5a60}.inbox-chat-actions{display:flex;align-items:center;gap:6px}.inline-form{display:flex;gap:5px}.window-chip{font-size:8.5px;font-weight:900;padding:5px 8px;border-radius:8px;letter-spacing:.06em;white-space:nowrap}.window-chip.open{background:rgba(25,202,139,.1);color:#6ee7ae;border:1px solid rgba(25,202,139,.2)}.window-chip.closed{background:rgba(255,191,82,.09);color:#ffc56d;border:1px solid rgba(255,191,82,.16)}
.inbox-message-wall{min-height:0;overflow:auto;padding:18px 22px 24px;background:radial-gradient(circle at 18% 0,rgba(25,202,139,.035),transparent 27%),linear-gradient(150deg,#101619,#11181b 55%,#0f1518);scrollbar-width:thin}.message-day{text-align:center;margin:8px 0 14px}.message-day span{font-size:9px;color:#849197;background:#1b2226;border:1px solid rgba(255,255,255,.05);padding:5px 9px;border-radius:14px}.message-row{display:flex;margin:3px 0}.message-row.in{justify-content:flex-start}.message-row.out{justify-content:flex-end}.message-bubble{position:relative;max-width:min(680px,76%);padding:9px 11px 6px;border-radius:12px;font-size:12.5px;line-height:1.5;box-shadow:0 2px 7px rgba(0,0,0,.09)}.message-row.in .message-bubble{background:#20282c;border:1px solid rgba(255,255,255,.04);border-top-left-radius:4px}.message-row.out .message-bubble{background:linear-gradient(145deg,#086d60,#086156);color:#f1fffb;border-top-right-radius:4px}.message-body{word-wrap:break-word}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;color:rgba(225,240,240,.62);font-size:8.5px}.message-status{font-size:10px}.message-status.status-read{color:#77dfff}.no-messages{height:100%;display:grid;place-items:center;align-content:center;color:var(--muted);gap:4px}.no-messages b{color:#dce6e8}.no-messages span{font-size:10px}
.inbox-composer{background:#141a1e;border-top:1px solid var(--border)}.composer-tabs.modern{border:0;border-bottom:1px solid rgba(255,255,255,.05);padding:0 10px;height:35px}.composer-tabs.modern button{min-height:34px;padding:7px 10px;font-size:9.5px;border:0!important;background:transparent!important}.composer-tabs.modern button.active{color:var(--green)!important;box-shadow:inset 0 -2px 0 var(--green)}.composer-pane.modern{padding:9px 11px 11px}.message-compose-form{display:grid;gap:7px}.composer-tools{display:flex;justify-content:space-between;align-items:center;gap:8px}.composer-tools select{width:auto;min-height:28px;padding:3px 7px;font-size:9.5px;border-radius:7px}.composer-tools span{font-size:8.5px;color:#637178}.composer-input{display:grid;grid-template-columns:1fr 40px;gap:8px;align-items:end}.composer-input textarea{min-height:42px;max-height:140px;resize:none;border-radius:12px;padding:10px 12px!important;line-height:1.45}.send-button{width:40px;height:40px;min-height:40px;border-radius:12px!important;padding:0!important;font-size:16px!important}.composer-grid-form{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(180px,1fr) auto;gap:8px;align-items:end}.composer-grid-form textarea,.composer-grid-form input,.composer-grid-form select{min-height:38px}.composer-grid-form button{min-height:38px}.composer-closed{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;border:1px solid rgba(255,191,82,.16);background:rgba(255,191,82,.055);padding:8px 10px;border-radius:10px}.composer-closed>div{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,191,82,.1);color:#ffc56d}.composer-closed span{font-size:9.5px;color:#a9b4b8}.composer-closed span b{display:block;color:#e6d3af;font-size:10px}.composer-closed button{min-height:32px;padding:6px 9px;font-size:9px}

.inbox-details{min-width:0;height:100%;overflow:auto;background:#12171a;padding:0 11px 22px;scrollbar-width:thin}.inbox-details>header{height:69px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin:0 -11px;padding:0 12px}.inbox-details>header h3{font-size:13px;margin:3px 0 0}.inbox-details>header [data-inbox-details-close]{display:none}.detail-person{text-align:center;padding:18px 10px 14px;border-bottom:1px solid rgba(255,255,255,.055)}.detail-person .inbox-avatar{margin:0 auto 9px}.detail-person h3{font-size:13px;margin:0 0 3px}.detail-person>span{display:block;color:var(--muted);font-size:9.5px}.detail-person>a{display:inline-block;margin-top:8px;color:var(--green);font-size:9.5px}.detail-card{padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.055)}.detail-card h4{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#849197;margin:0 0 10px}.detail-field{display:grid;gap:4px;margin-bottom:9px}.detail-field label{font-size:9px;color:#7b898f}.detail-field>div{display:grid;grid-template-columns:1fr auto;gap:5px}.detail-field select{min-width:0;min-height:33px;font-size:10px;padding:5px 7px}.detail-field button{min-height:33px;padding:5px 8px;font-size:8.5px}.customer-facts{margin:0;display:grid;gap:7px}.customer-facts>div{display:grid;grid-template-columns:70px 1fr;gap:8px}.customer-facts dt{font-size:9px;color:#68767c}.customer-facts dd{margin:0;font-size:9.5px;color:#c6d0d3;text-align:right;word-break:break-word}.snooze-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.snooze-grid button{min-height:32px;padding:5px 6px;font-size:9px;background:#192024;color:#b8c4c8;border-color:var(--border)}.snooze-active{font-size:9.5px;color:var(--muted)}.followup-mini,.note-mini{padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.followup-mini b,.followup-mini span{display:block;font-size:9.5px}.followup-mini span,.note-mini span{color:var(--muted);font-size:8.5px}.note-mini p{font-size:9.5px;margin:0 0 3px;line-height:1.45}.followup-create{display:grid;gap:5px;margin-top:9px}.followup-create input{min-height:32px;font-size:9px;padding:5px 7px}.followup-create button{min-height:32px;font-size:9px}.muted{color:var(--muted);font-size:9.5px}

.inbox-live-toast{position:fixed;right:22px;bottom:22px;z-index:1100;padding:10px 13px;border-radius:11px;background:#1c272b;border:1px solid var(--green-border);box-shadow:0 12px 35px rgba(0,0,0,.3);font-size:10.5px;color:#dce8e5;display:flex;align-items:center;gap:8px}.inbox-live-toast button{min-height:28px;padding:4px 8px;font-size:9px}

html[data-theme="light"] .inbox-v2{background:#fff;box-shadow:0 16px 42px rgba(40,55,65,.09)}
html[data-theme="light"] .inbox-v2-rail{background:linear-gradient(180deg,#f7f9fa,#f3f6f7)}html[data-theme="light"] .inbox-v2-list-panel,html[data-theme="light"] .inbox-v2-main,html[data-theme="light"] .inbox-details{background:#fff}html[data-theme="light"] .inbox-search{background:#f6f8f9}html[data-theme="light"] .inbox-conversation:hover{background:#f5f8f8}html[data-theme="light"] .inbox-conversation.active{background:linear-gradient(90deg,#e8fbf3,#f7fffb)}html[data-theme="light"] .inbox-row-title b{color:#1d2a30}html[data-theme="light"] .inbox-avatar{background:#e8eef0;color:#2a3b42}html[data-theme="light"] .inbox-message-wall{background:radial-gradient(circle at 18% 0,#e8fbf4,transparent 27%),linear-gradient(150deg,#edf3f4,#f8fbfb)}html[data-theme="light"] .message-row.in .message-bubble{background:#fff;border-color:#dde6e8;color:#26363d}html[data-theme="light"] .message-row.out .message-bubble{background:#d6f7e8;color:#15352b}html[data-theme="light"] .inbox-composer,html[data-theme="light"] .inbox-chat-head{background:#fff}html[data-theme="light"] .detail-card,html[data-theme="light"] .detail-person{border-color:#e8edef}

@media(max-width:1500px){.inbox-v2{--inbox-rail:180px;--inbox-list:355px}.inbox-chat-layout{grid-template-columns:minmax(0,1fr) 280px}.inbox-view-link{font-size:11.5px}.inbox-row-link{padding-left:12px}}
@media(max-width:1280px){.inbox-v2{grid-template-columns:340px minmax(0,1fr)}.inbox-v2-rail{display:none}.inbox-chat-layout{grid-template-columns:minmax(0,1fr)}.inbox-details{position:absolute;right:14px;top:81px;bottom:14px;width:320px;height:auto;z-index:30;border:1px solid var(--border);border-radius:13px;box-shadow:0 18px 60px rgba(0,0,0,.35);transform:translateX(calc(100% + 30px));transition:.2s ease}.inbox-v2.details-open .inbox-details{transform:translateX(0)}.inbox-details>header [data-inbox-details-close]{display:grid}}
@media(max-width:900px){.page-inbox .content{height:calc(100vh - 62px);padding:0}.inbox-v2{border-radius:0;border-left:0;border-right:0;grid-template-columns:1fr}.inbox-v2-list-panel{border-right:0}.inbox-v2-main{display:none}.inbox-v2:has(.inbox-v2-main .inbox-chat-layout) .inbox-v2-list-panel{display:none}.inbox-v2:has(.inbox-v2-main .inbox-chat-layout) .inbox-v2-main{display:block}.inbox-chat-head{padding-left:10px}.inbox-chat-person:before{content:'‹';font-size:25px;color:var(--muted);margin-right:2px}.inbox-chat-person{cursor:pointer}.inbox-details{right:8px;top:74px;bottom:8px;width:min(330px,calc(100vw - 20px))}.window-chip{display:none}.message-bubble{max-width:86%}.composer-tools>span{display:none}.composer-grid-form{grid-template-columns:1fr}.inbox-row-check{opacity:1}}

/* =========================================================
   V10.4.0 — Team Control, User Management & Message Actions
   ========================================================= */
.users-command-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.users-command-header h2{margin:4px 0 6px;font-size:25px}.team-monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.team-member-card{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:16px;padding:16px;min-width:0}.team-member-head{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.team-member-head>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.team-member-head b{font-size:15px}.team-member-head span{font-size:12px;color:var(--muted);margin-top:2px}.presence{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;padding:5px 8px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.presence.online{color:#4ff0b2;background:rgba(31,214,145,.1);border-color:rgba(31,214,145,.25)}.presence.busy{color:#ff7f82;background:rgba(255,83,89,.1);border-color:rgba(255,83,89,.25)}.presence.away{color:#ffc96b;background:rgba(255,187,70,.1);border-color:rgba(255,187,70,.24)}.presence.offline{color:var(--muted)}.team-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.team-metrics span{display:flex;align-items:baseline;gap:6px;padding:9px 10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:11px}.team-metrics b{color:var(--text);font-size:16px}.team-member-actions{display:flex;gap:7px;flex-wrap:wrap}.users-ops-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:18px}.team-command-form textarea{width:100%;margin:10px 0}.assignment-quick-list{display:flex;flex-direction:column;gap:8px}.assignment-quick-list form{display:grid;grid-template-columns:1fr 90px auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--bg-soft)}.assignment-quick-list form>span{display:flex;flex-direction:column;min-width:0}.assignment-quick-list small{color:var(--muted);margin-top:2px}.access-section,.permission-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.scope-options{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.scope-options label{display:flex;gap:7px;align-items:center;border:1px solid var(--border);background:var(--bg-soft);padding:9px 11px;border-radius:10px}.device-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-access-grid label{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.device-access-grid label span{display:flex;flex-direction:column}.device-access-grid small{color:var(--muted);margin-top:2px}.permission-group{padding:12px 0;border-top:1px dashed var(--border)}.permission-group:first-of-type{border-top:0}.permission-group>b{display:block;margin-bottom:9px}.danger-zone{margin-top:18px;padding:14px;border:1px solid rgba(255,92,98,.28);background:rgba(255,80,88,.055);border-radius:12px}.danger-zone h4{margin:0 0 10px}.danger-zone>div{display:flex;gap:8px;flex-wrap:wrap}.user-admin-list{display:flex;flex-direction:column}.user-admin-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.user-admin-row:last-child{border-bottom:0}.user-admin-copy{display:flex;flex-direction:column;min-width:0}.user-admin-copy span,.user-admin-copy small{color:var(--muted);margin-top:2px}.user-admin-actions{display:flex;align-items:center;gap:8px}.metric-danger{color:#ff767a;font-weight:800}.report-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.report-toolbar form{display:flex;align-items:center;gap:8px;margin-left:auto}.report-period{display:flex;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:3px}.report-period a{padding:7px 11px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:700}.report-period a.active{background:var(--accent);color:#05251b}.team-report{margin-bottom:16px}.table-primary+small{display:block}.dashboard-team-control,.dashboard-my-tasks{margin-top:16px}.dashboard-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dashboard-team-grid>a{display:flex;flex-direction:column;text-decoration:none;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--bg-soft)}.dashboard-team-grid span{color:var(--muted);font-size:12px;margin:4px 0}.dashboard-team-grid em{font-style:normal;font-size:11px;color:var(--muted)}.dashboard-team-grid em.danger{color:#ff777b;font-weight:800}.dashboard-task-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--border)}.dashboard-task-row:last-child{border-bottom:0}.dashboard-task-row>div{display:flex;flex-direction:column}.dashboard-task-row small{color:var(--muted);margin-top:2px}

.inbox-task-rail{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 8px;margin-top:8px}.inbox-task-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.inbox-task-title>span{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:800}.inbox-task-title em{font-style:normal;background:var(--accent);color:#05251b;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:10px;font-weight:900}.inbox-task-mini{padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);margin-bottom:7px;display:grid;grid-template-columns:1fr auto;gap:7px}.inbox-task-mini>div:first-child{display:flex;flex-direction:column;min-width:0}.inbox-task-mini b{font-size:11px}.inbox-task-mini span{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.35}.inbox-task-mini small{font-size:9px;color:var(--muted);margin-top:4px}.inbox-task-mini small.late{color:#ff7579;font-weight:800}.inbox-task-mini.priority-urgent,.inbox-task-mini.priority-high{border-color:rgba(255,92,98,.3)}.task-mini-actions{display:flex;align-items:flex-start;gap:4px}.task-mini-actions a,.task-mini-actions button{font-size:9px!important;padding:5px 6px!important;min-height:0!important;border-radius:7px}.task-mini-actions form{display:inline}.message-meta{gap:6px}.message-delete-form{display:inline-flex;margin-left:2px;opacity:0;transition:opacity .15s}.message-bubble:hover .message-delete-form{opacity:1}.message-delete-form button{border:0;background:transparent;color:var(--muted);padding:0 2px;min-height:0;font-size:13px;cursor:pointer}.message-delete-form button:hover{color:#ff777b}.team-command-card{border-color:rgba(31,214,145,.22)!important}.team-command-inbox textarea{width:100%;margin:8px 0}.team-command-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.team-command-presets label{display:block}.team-command-presets input{position:absolute;opacity:0}.team-command-presets span{display:block;border:1px solid var(--border);padding:8px;border-radius:8px;text-align:center;font-size:11px;cursor:pointer}.team-command-presets input:checked+span{border-color:var(--accent);background:rgba(31,214,145,.11);color:var(--accent)}.conversation-task-list{display:flex;flex-direction:column;gap:7px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.conversation-task-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.conversation-task-row>div{display:flex;flex-direction:column}.conversation-task-row small{color:var(--muted);font-size:10px;margin-top:2px}

@media(max-width:1200px){.team-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-ops-grid{grid-template-columns:1fr}.dashboard-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.users-command-header{align-items:flex-start;flex-direction:column}.team-monitor-grid,.device-access-grid,.dashboard-team-grid{grid-template-columns:1fr}.team-member-head{grid-template-columns:auto 1fr}.team-member-head .presence{grid-column:1/-1;justify-self:start}.user-admin-row{grid-template-columns:auto 1fr}.user-admin-actions{grid-column:1/-1;justify-content:flex-end}.report-toolbar form{margin-left:0;width:100%}.report-toolbar form select{flex:1}.assignment-quick-list form{grid-template-columns:1fr auto}.assignment-quick-list select{grid-row:2}.message-delete-form{opacity:1}}
.team-activity-card{margin-top:16px}.team-activity-stream{display:flex;flex-direction:column;max-height:460px;overflow:auto}.team-activity-stream>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--border)}.team-activity-stream>div:last-child{border-bottom:0}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px;box-shadow:0 0 0 4px rgba(31,214,145,.08)}.team-activity-stream b{font-size:12px}.team-activity-stream p{margin:3px 0 0;color:var(--muted);font-size:11px}.team-activity-stream time{font-size:10px;color:var(--muted);white-space:nowrap}
.message-sender{color:var(--muted);font-size:9px}


/* V10.4.1 — Provider / Customer / Sales device management */
.device-page-v11{display:grid;gap:24px;padding-bottom:28px}.device-page-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:8px 0 2px}.device-page-hero h1{font-size:32px;letter-spacing:-.55px;margin:5px 0 7px}.device-page-hero p{max-width:930px;margin:0;color:var(--muted);line-height:1.65}.device-hero-actions,.device-section-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.device-flow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.device-flow-strip>a{display:flex;gap:12px;align-items:center;padding:15px 16px;border:1px solid var(--border);border-radius:13px;background:var(--panel);min-height:78px}.device-flow-strip>a:hover{border-color:var(--green-border);background:var(--green-soft)}.device-flow-strip>a>b{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);border:1px solid var(--green-border);color:var(--green);font-size:14px}.device-flow-strip strong,.device-flow-strip small{display:block}.device-flow-strip strong{font-size:13px;color:var(--text)}.device-flow-strip small{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.3}.device-section-card{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:24px;box-shadow:0 10px 28px rgba(0,0,0,.08);scroll-margin-top:84px}.device-section-card+.device-section-card{margin-top:0}.device-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border)}.device-section-head>div:first-child{display:flex;gap:14px;align-items:flex-start}.device-section-head h2{font-size:22px;margin:3px 0 6px;letter-spacing:-.25px}.device-section-head p{margin:0;color:var(--muted);line-height:1.55;max-width:900px}.section-number{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--green-soft);border:1px solid var(--green-border);color:var(--green);font-weight:900;font-size:12px}.provider-card{border-color:rgba(38,205,143,.25);background:linear-gradient(180deg,rgba(38,205,143,.035),var(--panel) 34%)}.provider-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.provider-status-grid>div{padding:15px 16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.018);min-width:0}.provider-status-grid>div.wide{grid-column:span 2}.provider-status-grid span,.provider-status-grid strong,.provider-status-grid small{display:block}.provider-status-grid span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.45px}.provider-status-grid strong{font-size:14px;margin:7px 0 4px;overflow-wrap:anywhere}.provider-status-grid small{font-size:11px;color:var(--muted)}.provider-card .device-section-actions{margin-top:18px}.customer-onboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.embedded-connect-panel.clean,.onboard-guide-card{padding:20px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.018)}.embedded-connect-panel.clean h3,.onboard-guide-card h3{margin:0 0 7px}.onboard-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.onboard-checks>div{padding:9px 10px;border-radius:9px;background:rgba(21,185,132,.07);border:1px solid rgba(21,185,132,.16);font-size:12px}.onboard-guide-card ol{margin:10px 0 16px;padding-left:20px}.onboard-guide-card li{margin:10px 0;color:var(--muted);line-height:1.5}.mini-note{padding:11px 12px;border-radius:10px;border:1px solid rgba(74,144,226,.24);background:rgba(74,144,226,.06);font-size:12px;color:var(--muted);line-height:1.5}.empty-state.roomy{padding:30px;display:grid;gap:5px;text-align:center}.empty-state.roomy b{color:var(--text)}.customer-group-list{display:grid;gap:18px}.customer-waba-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.012)}.customer-waba-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.016)}.customer-waba-card>header>div{display:flex;align-items:center;gap:11px}.customer-waba-card h3{margin:0 0 2px;font-size:16px}.customer-waba-card p{margin:0;color:var(--muted);font-size:11px}.customer-icon{width:38px;height:38px;border-radius:11px;background:var(--green-soft);border:1px solid var(--green-border);color:var(--green);display:grid;place-items:center;font-size:11px;font-weight:900}.sales-number-list{display:grid}.sales-number-row{position:relative;display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(240px,.8fr) auto;gap:18px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--border)}.sales-number-row:last-child{border-bottom:0}.sales-number-main{display:flex;gap:11px;align-items:flex-start;min-width:0}.sales-number-main .status-dot{margin-top:6px;flex:0 0 auto}.sales-phone{display:block;margin:4px 0 2px;font-size:13px}.sales-number-main small,.sales-access small{display:block;color:var(--muted);font-size:11px}.sales-access span,.sales-access strong{display:block}.sales-access span{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.sales-access strong{font-size:12px;margin:4px 0}.sales-number-row .device-item-actions{justify-self:end}.sales-warning{grid-column:1/-1;margin-top:-7px}.management-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.management-card-grid>a{display:flex;gap:11px;align-items:flex-start;padding:16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.015);min-height:108px}.management-card-grid>a:hover{border-color:var(--green-border);background:var(--green-soft)}.management-card-grid>a>span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);font-size:15px}.management-card-grid b,.management-card-grid small{display:block}.management-card-grid b{font-size:13px;margin:1px 0 5px}.management-card-grid small{font-size:11px;line-height:1.45;color:var(--muted)}.advanced-device-card{padding:0}.advanced-device-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.advanced-device-card>summary::-webkit-details-marker{display:none}.advanced-device-card>summary>div{display:flex;gap:14px;align-items:flex-start}.advanced-device-card>summary h2{font-size:18px;margin:3px 0 5px}.advanced-device-card>summary p{margin:0;color:var(--muted);font-size:12px}.muted-no{background:rgba(255,255,255,.025);border-color:var(--border);color:var(--muted)}.advanced-device-body{padding:22px 24px 24px;border-top:1px solid var(--border)}.advanced-device-body form{display:grid;gap:14px}.removed-devices{margin-top:0}.removed-devices .device-section-head{margin-bottom:14px}.device-page-v11 .device-more-menu{z-index:60}
html[data-theme="light"] .device-section-card,html[data-theme="light"] .device-flow-strip>a,html[data-theme="light"] .customer-waba-card,html[data-theme="light"] .embedded-connect-panel.clean,html[data-theme="light"] .onboard-guide-card{background:#fff}
@media(max-width:1280px){.device-flow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-number-row{grid-template-columns:minmax(260px,1fr) minmax(220px,.8fr)}.sales-number-row .device-item-actions{grid-column:1/-1;justify-self:start}}
@media(max-width:900px){.device-page-hero,.device-section-head{flex-direction:column}.customer-onboard-grid{grid-template-columns:1fr}.management-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-number-row{grid-template-columns:1fr}.sales-number-row .device-item-actions{grid-column:auto}.provider-status-grid>div.wide{grid-column:span 2}}
@media(max-width:620px){.device-page-v11{gap:16px}.device-section-card{padding:18px}.device-flow-strip,.provider-status-grid,.management-card-grid,.onboard-checks{grid-template-columns:1fr}.provider-status-grid>div.wide{grid-column:auto}.device-section-head>div:first-child{gap:10px}.section-number{width:36px;height:36px;flex-basis:36px}.customer-waba-card>header{align-items:flex-start}.advanced-device-card>summary{padding:18px}.advanced-device-body{padding:18px}.device-hero-actions,.device-section-actions{width:100%}.device-hero-actions .btn,.device-section-actions .btn{flex:1;text-align:center}}

/* TS WhatsApp V11 — provider/customer onboarding separation */
.onboarding-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.onboarding-mode-card{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.014);min-width:0}.onboarding-mode-card.cloud-mode{border-color:rgba(74,144,226,.24);background:linear-gradient(180deg,rgba(74,144,226,.045),rgba(255,255,255,.012))}.onboarding-mode-card.coexistence-mode{border-color:rgba(38,205,143,.25);background:linear-gradient(180deg,rgba(38,205,143,.045),rgba(255,255,255,.012))}.onboarding-mode-head{display:flex;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--border)}.onboarding-mode-head h3{margin:3px 0 0;font-size:17px}.mode-icon{width:40px;height:40px;flex:0 0 40px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--border);background:rgba(255,255,255,.035);font-size:11px;font-weight:900}.onboarding-mode-card p{margin:0;color:var(--muted);line-height:1.6;min-height:64px}.onboarding-mode-card .embedded-primary{margin-top:auto;width:100%}.coex-sync-box{display:grid;gap:9px;padding:13px;border:1px solid var(--green-border);border-radius:11px;background:var(--green-soft)}.coex-sync-box>b{font-size:12px}.embedded-shared-panel{margin-top:18px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.012)}.embedded-shared-panel .embedded-status{margin:0}.embedded-shared-panel .embedded-chooser{margin-top:12px}.onboarding-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.onboarding-rule-grid>div{padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012)}.onboarding-rule-grid b,.onboarding-rule-grid span{display:block}.onboarding-rule-grid b{font-size:12px;margin-bottom:5px}.onboarding-rule-grid span{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:900px){.onboarding-mode-grid{grid-template-columns:1fr}.onboarding-rule-grid{grid-template-columns:1fr}.onboarding-mode-card p{min-height:0}}

/* =========================================================
   TS WhatsApp V11.0.1 — professional workspace UI polish
   ========================================================= */
.customer-page-v1101,.customer-detail-page{display:grid;gap:22px;padding-bottom:28px}
.customer-page-toolbar,.customer-detail-hero,.provider-meta-hero,.workspace-summary-hero,.provider-empty-workspace,.account-scope-card,.campaign-scope-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.009));box-shadow:0 10px 30px rgba(0,0,0,.08)}
.customer-page-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px}
.customer-page-toolbar h2,.provider-meta-hero h2,.workspace-summary-hero h2,.provider-empty-workspace h2{margin:4px 0 7px;font-size:25px;letter-spacing:-.35px}
.customer-page-toolbar p,.provider-meta-hero p,.workspace-summary-hero p,.provider-empty-workspace p{margin:0;max-width:880px;color:var(--muted);line-height:1.65}
.customer-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;flex:0 0 auto}
.eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:1.15px;color:#59d9ad;text-transform:uppercase}
.clean-heading{margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid var(--border);align-items:flex-start}.clean-heading h3{font-size:19px;margin:4px 0 4px}.clean-heading p{max-width:850px}
.customer-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-summary-grid>div,.customer-kpi-grid>a{min-width:0;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.014);padding:16px 17px;text-decoration:none}
.customer-summary-grid span,.customer-summary-grid small,.customer-kpi-grid span,.customer-kpi-grid small{display:block}.customer-summary-grid span,.customer-kpi-grid span{font-size:10.5px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted);font-weight:800}.customer-summary-grid strong,.customer-kpi-grid strong{display:block;margin:7px 0 3px;font-size:25px;line-height:1;font-weight:900}.customer-summary-grid small,.customer-kpi-grid small{font-size:11px;color:var(--muted)}
.customer-editor-card,.customer-list-shell{padding:24px}.customer-form-v2{display:grid;gap:18px}.form-section{margin:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.012);min-width:0}.form-section legend{padding:0 8px;color:#dde4ea;font-size:12px;font-weight:900;letter-spacing:.25px}.form-section label:first-child{margin-top:0}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:2px}
.customer-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-admin-card{position:relative;min-width:0;padding:19px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.014);transition:border-color .16s ease,background .16s ease,transform .16s ease}.customer-admin-card:hover{border-color:#3a444e;background:rgba(255,255,255,.022)}.customer-admin-card.is-off{opacity:.76}.customer-admin-card.is-deleted{border-style:dashed;background:rgba(239,100,97,.025)}
.customer-admin-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--border)}.customer-title-block{display:flex;align-items:flex-start;gap:12px;min-width:0}.customer-title-block h3{margin:1px 0 4px;font-size:16px;line-height:1.3}.customer-title-block p{margin:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.customer-card-pills{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.customer-meta-line{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0}.customer-meta-line span{display:block;min-width:0;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.016);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-meta-line b{display:block;margin-bottom:2px;font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.customer-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.customer-stats>div{text-align:center;padding:10px 7px;border:1px solid var(--border-soft);border-radius:9px;background:rgba(255,255,255,.01)}.customer-stats b,.customer-stats span{display:block}.customer-stats b{font-size:17px}.customer-stats span{font-size:9.5px;color:var(--muted);margin-top:2px}.customer-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--border)}.customer-card-actions form{margin:0}.disabled-action{opacity:.48;cursor:not-allowed;pointer-events:none}.customer-empty{grid-column:1/-1;border:1px dashed var(--border);border-radius:12px;background:rgba(255,255,255,.008)}
.action-menu{position:relative}.action-menu>summary{list-style:none}.action-menu>summary::-webkit-details-marker{display:none}.action-menu-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:70;display:grid;gap:7px;width:220px;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);box-shadow:0 20px 45px rgba(0,0,0,.35)}.action-menu-popover form{width:100%}.action-menu-popover button{justify-content:flex-start}

.customer-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;border-color:rgba(19,168,116,.25);background:linear-gradient(180deg,rgba(19,168,116,.045),rgba(255,255,255,.01) 72%)}.customer-detail-main{display:grid;gap:16px;min-width:0}.customer-detail-badge{display:flex;gap:14px;align-items:flex-start}.customer-detail-badge h2{margin:4px 0 8px;font-size:27px;letter-spacing:-.4px}.customer-icon.large-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;font-size:14px}.pill-row{display:flex;gap:6px;flex-wrap:wrap}.customer-detail-meta{display:flex;gap:10px;flex-wrap:wrap}.customer-detail-meta span{display:block;min-width:170px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:9px;background:rgba(255,255,255,.014);font-size:12px}.customer-detail-meta b{display:block;margin-bottom:3px;font-size:9.5px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.customer-detail-actions{display:flex;gap:9px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;max-width:420px}
.customer-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.customer-kpi-grid>a:hover{border-color:var(--green-border);background:var(--green-soft);transform:translateY(-1px)}.customer-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:16px}.customer-workflow-card,.customer-health-card{padding:22px}.workflow-steps.vertical-clean{display:grid;gap:9px}.workflow-steps.vertical-clean>a{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid var(--border);border-radius:10px;text-decoration:none;background:rgba(255,255,255,.012)}.workflow-steps.vertical-clean>a:hover{border-color:var(--green-border);background:var(--green-soft)}.workflow-steps.vertical-clean>a>b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--green-soft);border:1px solid var(--green-border);color:var(--green)}.workflow-steps.vertical-clean strong,.workflow-steps.vertical-clean span{display:block}.workflow-steps.vertical-clean strong{font-size:13px}.workflow-steps.vertical-clean span{margin-top:3px;font-size:11px;color:var(--muted)}.workspace-health-list{display:grid;gap:8px}.workspace-health-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:9px;background:rgba(255,255,255,.01)}.workspace-health-list>div>span{font-size:12px;color:var(--muted)}.workspace-health-list b{text-align:right;font-size:15px}.workspace-health-list small{display:block;font-size:9.5px;color:var(--muted);font-weight:500;margin-top:1px}.customer-health-card .mini-note{margin-top:12px}.customer-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;border-color:rgba(239,100,97,.28);background:linear-gradient(180deg,rgba(239,100,97,.055),rgba(255,255,255,.008))}.customer-danger-zone h3{margin:3px 0 4px}.customer-danger-zone p{margin:0;color:var(--muted);max-width:900px}.customer-danger-zone form{flex:0 0 auto;margin:0}

/* Per-account isolation selectors: visible, simple, and impossible to mistake for a mixed inbox/contact list. */
.inbox-account-selector,.account-scope-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:22px;align-items:end;padding:16px 18px;margin-bottom:16px}.inbox-account-selector>div,.account-scope-card>div{min-width:0}.inbox-account-selector b,.account-scope-card b{display:block;margin:3px 0 3px;font-size:14px}.inbox-account-selector small,.account-scope-card small{display:block;color:var(--muted);font-size:11px;line-height:1.45}.inbox-account-selector form,.account-scope-card form{margin:0;padding-left:18px;border-left:1px solid var(--border)}.inbox-account-selector label,.account-scope-card label{margin:0 0 6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.inbox-account-selector select,.account-scope-card select{min-height:40px}

.campaign-scope-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:16px;border-color:rgba(107,159,246,.25);background:linear-gradient(180deg,rgba(107,159,246,.04),rgba(255,255,255,.01))}.campaign-scope-card h3{margin:3px 0 4px}.campaign-scope-card p{margin:0;max-width:920px}.campaign-health{grid-template-columns:repeat(3,minmax(0,1fr))}
.provider-section{padding:22px}.provider-section>.section-head{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}.provider-section>.section-head h3{margin:4px 0 5px}.provider-section>.toolbar-primary{margin:0;padding-top:0}.meta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}.meta-strip>span{display:block;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.012);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.meta-strip b{display:block;margin-top:3px;color:var(--text);font-size:11.5px;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}

.provider-meta-hero,.workspace-summary-hero,.provider-empty-workspace{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;margin-bottom:18px}.provider-meta-hero{border-color:rgba(19,168,116,.26);background:linear-gradient(180deg,rgba(19,168,116,.045),rgba(255,255,255,.01))}.provider-runtime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.provider-runtime-grid>div{padding:13px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.012);min-width:0}.provider-runtime-grid span,.provider-runtime-grid b{display:block}.provider-runtime-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.45px;color:var(--muted)}.provider-runtime-grid b{margin-top:5px;font-size:12px;overflow-wrap:anywhere}.provider-architecture{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.provider-architecture>div{padding:15px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012);min-height:88px}.provider-architecture b,.provider-architecture span{display:block}.provider-architecture b{font-size:12px}.provider-architecture span{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}.provider-architecture i{font-style:normal;color:var(--green);font-size:18px}.workspace-summary-hero{border-color:rgba(19,168,116,.22)}.provider-empty-workspace{display:block;text-align:left;border-style:dashed}.provider-empty-workspace .actions{margin-bottom:0}
.scope-lock{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 9px;border:1px solid var(--green-border);border-radius:999px;background:var(--green-soft);color:#78dfb9;font-size:10px;font-weight:850;white-space:nowrap}.bulk-extra-value{max-width:240px}.checkbox-row{display:flex;align-items:flex-start;gap:8px}.checkbox-row input{width:16px;min-height:auto;margin-top:3px}

/* V11.0.1 clarity tweaks for device actions */
.device-page-v11 .device-item-actions .btn,.device-page-v11 .device-item-actions button{min-height:36px;padding:7px 10px;font-size:11px}.device-page-v11 .device-more>summary{min-height:36px}.customer-waba-card>header .pill{white-space:nowrap}.advanced-device-card{border-style:dashed}.advanced-device-card>summary:hover{background:rgba(255,255,255,.012)}

html[data-theme="light"] .customer-page-toolbar,html[data-theme="light"] .customer-detail-hero,html[data-theme="light"] .provider-meta-hero,html[data-theme="light"] .workspace-summary-hero,html[data-theme="light"] .provider-empty-workspace,html[data-theme="light"] .account-scope-card,html[data-theme="light"] .campaign-scope-card,html[data-theme="light"] .customer-admin-card,html[data-theme="light"] .customer-summary-grid>div,html[data-theme="light"] .customer-kpi-grid>a,html[data-theme="light"] .form-section,html[data-theme="light"] .workflow-steps.vertical-clean>a,html[data-theme="light"] .provider-runtime-grid>div,html[data-theme="light"] .provider-architecture>div,html[data-theme="light"] .meta-strip>span{background:#fff}
html[data-theme="light"] .action-menu-popover{background:#fff;box-shadow:0 20px 45px rgba(24,33,43,.15)}
html[data-theme="light"] .customer-meta-line span,html[data-theme="light"] .customer-stats>div,html[data-theme="light"] .workspace-health-list>div{background:#f8fafb}

@media(max-width:1260px){.customer-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-admin-grid{grid-template-columns:1fr}.provider-runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-architecture{grid-template-columns:1fr 28px 1fr}.provider-architecture>i:nth-of-type(2){display:none}.provider-architecture>div:nth-of-type(3){grid-column:1}.provider-architecture>i:nth-of-type(3){grid-column:2}.provider-architecture>div:nth-of-type(4){grid-column:3}}
@media(max-width:900px){.customer-page-toolbar,.customer-detail-hero,.customer-danger-zone,.provider-meta-hero,.workspace-summary-hero{flex-direction:column;align-items:stretch}.customer-toolbar-actions,.customer-detail-actions{justify-content:flex-start;max-width:none}.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-detail-grid{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr}.inbox-account-selector,.account-scope-card{grid-template-columns:1fr}.inbox-account-selector form,.account-scope-card form{padding:14px 0 0;border-left:0;border-top:1px solid var(--border)}.provider-architecture{grid-template-columns:1fr}.provider-architecture i{transform:rotate(90deg);justify-self:center}.provider-architecture>div:nth-of-type(3),.provider-architecture>i:nth-of-type(3),.provider-architecture>div:nth-of-type(4){grid-column:auto}.provider-architecture>i:nth-of-type(2){display:block}.customer-danger-zone form{align-self:flex-start}}
@media(max-width:620px){.customer-page-v1101,.customer-detail-page{gap:16px}.customer-page-toolbar,.customer-editor-card,.customer-list-shell,.customer-detail-hero{padding:18px}.customer-summary-grid,.customer-kpi-grid,.customer-stats,.meta-strip,.provider-runtime-grid{grid-template-columns:1fr 1fr}.customer-admin-card>header{flex-direction:column}.customer-card-pills{justify-content:flex-start}.customer-meta-line{grid-template-columns:1fr}.customer-card-actions{align-items:stretch}.customer-card-actions>.btn,.customer-card-actions>form,.customer-card-actions>form button,.customer-card-actions>.action-menu{width:100%}.customer-card-actions .action-menu>summary{width:100%}.action-menu-popover{position:static;width:100%;margin-top:7px;box-shadow:none}.form-footer-actions{justify-content:stretch}.form-footer-actions .btn,.form-footer-actions button{flex:1}.campaign-scope-card{align-items:flex-start;flex-direction:column}.campaign-health{grid-template-columns:1fr}.customer-detail-meta{display:grid}.customer-detail-meta span{min-width:0}.provider-empty-workspace,.provider-meta-hero,.workspace-summary-hero{padding:18px}.provider-architecture{gap:8px}}

/* V11.0.1 topbar workspace clarity + remaining module polish */
.workspace-switcher,.workspace-static{display:flex;align-items:center;gap:9px;min-width:0;padding:5px 8px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.015)}.workspace-switcher>span,.workspace-static>span{font-size:9.5px;font-weight:850;letter-spacing:.45px;text-transform:uppercase;color:var(--muted);white-space:nowrap}.workspace-switcher select{width:auto;min-width:180px;max-width:280px;min-height:34px;height:34px;padding:5px 28px 5px 9px;border:0;background:transparent;font-size:12px;font-weight:800;box-shadow:none}.workspace-static b{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.workspace-empty-link{display:inline-flex;align-items:center;min-height:32px;padding:5px 9px;border-radius:7px;background:var(--green-soft);color:#75dfba;text-decoration:none;font-size:11px;font-weight:800}.inbox-v2-notice{margin-bottom:12px}.account-selector{min-width:280px}.import-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.report-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.customer-delete-form{margin-left:auto}.provider-device-page{min-width:0}
html[data-theme="light"] .workspace-switcher,html[data-theme="light"] .workspace-static{background:#fff}
@media(max-width:1180px){.workspace-switcher>span,.workspace-static>span{display:none}.workspace-switcher select{min-width:150px;max-width:210px}.topbar-search{max-width:330px;margin-left:10px}}
@media(max-width:980px){.workspace-switcher,.workspace-static{margin-left:auto}.breadcrumb{display:none}.topbar-search{display:none}}
@media(max-width:700px){.workspace-switcher{max-width:44vw}.workspace-switcher select{min-width:0;max-width:100%;width:100%}.workspace-static{max-width:42vw}.workspace-static b{max-width:100%}.import-stats,.report-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.workspace-switcher,.workspace-static{display:none}.report-grid-3,.import-stats{grid-template-columns:1fr}}
.provider-managed-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012)}.provider-managed-summary>div{display:flex;align-items:center;gap:11px}.provider-managed-summary b,.provider-managed-summary small{display:block}.provider-managed-summary b{font-size:13px}.provider-managed-summary small{margin-top:2px;font-size:11px;color:var(--muted)}
html[data-theme="light"] .provider-managed-summary{background:#f8fafb}


/* =========================================================
   TS WhatsApp V11.0.2 — Inbox layout stabilization
   Account selector lives ABOVE the inbox grid, never inside it.
   ========================================================= */
.page-inbox .content{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 68px);min-height:0;padding:12px 14px 14px;overflow:hidden}
.page-inbox .content>.notice{flex:0 0 auto;margin:0}
.page-inbox .inbox-account-selector{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.009));box-shadow:0 8px 24px rgba(0,0,0,.08)}
.inbox-account-current{min-width:0;display:grid;gap:3px}.inbox-account-current b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-account-current small{color:var(--muted);font-size:10.5px;line-height:1.4}
.inbox-account-picker{display:grid;grid-template-columns:auto minmax(260px,390px);align-items:center;gap:10px;margin:0;padding:0;border:0}.inbox-account-picker label{margin:0;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}.inbox-account-picker select{min-height:38px}
.inbox-account-static{display:grid;gap:2px;min-width:240px;padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.015)}.inbox-account-static span{font-size:9px;text-transform:uppercase;letter-spacing:.45px;color:var(--muted)}.inbox-account-static b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-connect-account{flex:0 0 auto;white-space:nowrap}
.page-inbox .inbox-v2{flex:1 1 auto;height:auto;min-height:0}
.inbox-no-account-state{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 28px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 50% 25%,rgba(19,168,116,.06),transparent 32%),var(--panel);overflow:auto}
.inbox-no-account-icon{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;margin-bottom:14px;border:1px solid var(--green-border);background:var(--green-soft);color:var(--green);font-size:19px;font-weight:900}.inbox-no-account-state h2{margin:7px 0 8px;font-size:22px}.inbox-no-account-state p{max-width:620px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.inbox-no-account-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.inbox-no-account-state>.notice{max-width:620px;margin-top:18px}
html[data-theme="light"] .page-inbox .inbox-account-selector,html[data-theme="light"] .inbox-account-static{background:#fff}
html[data-theme="light"] .inbox-no-account-state{background:radial-gradient(circle at 50% 25%,rgba(19,168,116,.07),transparent 32%),#fff}
@media(max-width:1180px){.page-inbox .inbox-account-selector{gap:14px}.inbox-account-picker{grid-template-columns:1fr;gap:5px;min-width:280px}.inbox-account-picker label{display:block}}
@media(max-width:900px){.page-inbox .content{height:calc(100vh - 62px);padding:8px;gap:8px}.page-inbox .inbox-account-selector{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.page-inbox .inbox-account-picker{min-width:0;width:100%;grid-template-columns:1fr;padding:0;border:0}.inbox-account-static{min-width:0;width:100%}.page-inbox .inbox-v2{border-radius:12px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.inbox-no-account-state{border-radius:12px;padding:32px 18px}}
@media(max-width:520px){.inbox-account-current b{white-space:normal}.inbox-account-picker select{width:100%}.inbox-no-account-state h2{font-size:19px}.inbox-no-account-actions,.inbox-no-account-actions .btn{width:100%}}

/* V11.0.3 — professional empty-workspace and notification lifecycle */
.nav-item.nav-disabled{opacity:.34;cursor:not-allowed;user-select:none;pointer-events:none;background:transparent!important}
.nav-item.nav-disabled .nav-icon{opacity:.75}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.notification-toolbar>.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.notification-toolbar form{margin:0}
.notification-toolbar button:disabled{opacity:.4;cursor:not-allowed}
.provider-empty-workspace{max-width:760px;margin:24px auto;padding:34px}
.provider-empty-workspace h2{margin:8px 0 10px;font-size:24px}
.provider-empty-workspace .actions{margin-top:20px}
html[data-theme="light"] .nav-item.nav-disabled{color:#8b96a1}


/* =========================================================
   TS WhatsApp V11.0.4 — scrollable navigation + section accordion
   ========================================================= */
.sidebar{
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  min-height:0;
}
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:#2c333b;border-radius:999px}
.sidebar::-webkit-scrollbar-thumb:hover{background:#3a434d}
.brand-row{
  position:sticky;
  top:-20px;
  z-index:34;
  background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar) 82%,rgba(16,18,21,.96) 100%);
  padding-top:20px;
}
html[data-theme="light"] .brand-row{background:linear-gradient(180deg,#fff 0%,#fff 82%,rgba(255,255,255,.96) 100%)}

/* Section spacing is deliberate: modules must never look glued together. */
.ui-accordion-section{
  position:relative;
  margin-top:0!important;
  margin-bottom:24px!important;
  scroll-margin-top:92px;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.ui-accordion-section:last-child{margin-bottom:0!important}
.ui-accordion-section>.ui-accordion-head{
  position:relative;
  min-width:0;
  padding-right:54px!important;
  cursor:pointer;
}
.ui-accordion-section>.ui-accordion-head.ui-accordion-generated{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:52px;
  padding:14px 54px 14px 16px!important;
  border-bottom:1px solid var(--border-soft);
}
.ui-accordion-section>.ui-accordion-head.ui-accordion-generated .ui-accordion-generated-copy{display:grid;gap:3px;min-width:0}
.ui-accordion-section>.ui-accordion-head.ui-accordion-generated .ui-accordion-generated-copy b{font-size:14px;color:var(--text)}
.ui-accordion-section>.ui-accordion-head.ui-accordion-generated .ui-accordion-generated-copy small{font-size:10.5px;color:var(--muted);line-height:1.45}
.ui-accordion-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border-radius:9px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.025);
  color:var(--muted);
  box-shadow:none;
  font-size:0;
}
.ui-accordion-toggle:hover{background:var(--panel-3);color:var(--text);transform:translateY(-50%)}
.ui-accordion-toggle:before{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
  transition:transform .18s ease;
}
.ui-accordion-section.is-collapsed>.ui-accordion-head .ui-accordion-toggle:before{transform:rotate(-45deg) translate(-1px,1px)}
.ui-accordion-section.is-collapsed{
  min-height:0!important;
  padding-bottom:0!important;
  box-shadow:none;
}
.ui-accordion-section.is-collapsed> :not(.ui-accordion-head){display:none!important}
.ui-accordion-section.is-collapsed>.ui-accordion-head{margin-bottom:0!important;border-bottom-color:transparent!important}
.ui-accordion-section.is-collapsed:hover{border-color:#39424c}

/* Grid/flex sections can receive a generated header without breaking their layout. */
.ui-accordion-section>.ui-accordion-head{grid-column:1/-1}
.customer-summary-grid.ui-accordion-section>.ui-accordion-head{grid-column:1/-1}
.stats-grid.ui-accordion-section>.ui-accordion-head{grid-column:1/-1}

/* Existing section heads keep their own visual hierarchy; the chevron simply sits at the right. */
.device-section-head.ui-accordion-head,
.section-heading.ui-accordion-head,
.section-head.ui-accordion-head,
.card-title-row.ui-accordion-head{width:100%;box-sizing:border-box}

/* Nested wrappers need consistent breathing room too. */
.content>section+section,
.content>div>section+section,
.content>form>section+section,
.customer-page-v1101>section+section,
.customer-detail-page>section+section{margin-top:20px}

@media(max-width:980px){
  .sidebar{overflow-y:auto;-webkit-overflow-scrolling:touch}
  .brand-row{top:-20px}
  .ui-accordion-section{margin-bottom:18px!important;scroll-margin-top:76px}
  .ui-accordion-section>.ui-accordion-head{padding-right:48px!important}
  .ui-accordion-toggle{right:8px;width:32px;min-width:32px;height:32px;min-height:32px}
}

/* =========================================================
   TS WhatsApp V11.0.5 — reliable accordion spacing/visibility
   ========================================================= */
.ui-accordion-section{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin-top:0!important;
  margin-bottom:26px!important;
  scroll-margin-top:92px;
}
.ui-accordion-section:last-child{margin-bottom:0!important}
.ui-accordion-section>.ui-accordion-head{
  width:100%;
  box-sizing:border-box;
  position:relative;
  padding-right:56px!important;
  cursor:pointer;
  user-select:none;
}
.ui-accordion-section>.ui-accordion-head.ui-accordion-generated{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:56px;
  padding:15px 56px 15px 17px!important;
  border-bottom:1px solid var(--border-soft);
}
.ui-accordion-generated-copy{display:grid;gap:4px;min-width:0}
.ui-accordion-generated-copy>.eyebrow{margin:0}
.ui-accordion-generated-copy>h2,.ui-accordion-generated-copy>h3{margin:0}
.ui-accordion-generated-copy>b{font-size:14px;color:var(--text)}
.ui-accordion-generated-copy>small,.ui-accordion-generated-copy>p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.45}
.ui-accordion-toggle{
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid var(--border)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  font-size:0!important;
}
.ui-accordion-toggle:before{
  content:"";
  width:8px;height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
  transition:transform .18s ease;
}
.ui-accordion-section.is-collapsed>.ui-accordion-head .ui-accordion-toggle:before{transform:rotate(-45deg) translate(-1px,1px)}
.ui-accordion-section.is-collapsed>.ui-accordion-head{margin-bottom:0!important;border-bottom-color:transparent!important}
.ui-accordion-section.is-collapsed{min-height:0!important;padding-bottom:0!important}
.ui-accordion-section>[hidden]{display:none!important}
.ui-accordion-native{overflow:hidden}
.ui-accordion-native>summary{cursor:pointer}

/* Spacing fallback works even before JS initializes. */
main.content>section+section,
main.content>form>section+section,
main.content>div>section+section,
main.content>.customer-page-v1101>section+section,
main.content>.customer-detail-page>section+section{margin-top:24px!important}

@media(max-width:980px){
  .ui-accordion-section{margin-bottom:20px!important;scroll-margin-top:76px}
  .ui-accordion-section>.ui-accordion-head{padding-right:50px!important}
  .ui-accordion-toggle{right:9px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}
}


/* =========================================================
   TS WhatsApp V11.0.6 — independent accordion + universal spacing
   ========================================================= */
/* The accordion is independent: several sections may remain open together. */
.ui-accordion-section{
  margin-top:0!important;
  margin-bottom:34px!important;
}
.ui-accordion-section:last-child{margin-bottom:0!important}

/* Give real visual modules breathing room even before JS enhances them.
   :not() guards keep dense internal grids/tables from being blown apart. */
main.content > :where(section,.card,.device-section-card,.provider-section,.provider-meta-hero,.workspace-summary-hero,.provider-empty-workspace,.customer-page-toolbar,.customer-summary-grid,.customer-editor-card,.customer-list-shell,.compact-filter,.account-scope-card,.campaign-scope-card,.add-contact-card,.form-section,.detail-card,.status-panel,.stats-grid,.health-grid,.settings-grid)
+ :where(section,.card,.device-section-card,.provider-section,.provider-meta-hero,.workspace-summary-hero,.provider-empty-workspace,.customer-page-toolbar,.customer-summary-grid,.customer-editor-card,.customer-list-shell,.compact-filter,.account-scope-card,.campaign-scope-card,.add-contact-card,.form-section,.detail-card,.status-panel,.stats-grid,.health-grid,.settings-grid){
  margin-top:34px!important;
}
main.content > form > :where(section,.card,.form-section,.device-section-card,.provider-section,.detail-card,.status-panel)
+ :where(section,.card,.form-section,.device-section-card,.provider-section,.detail-card,.status-panel),
main.content > div:not(.inbox-v2):not(.table-wrap):not(.stats-grid):not(.health-grid):not(.settings-grid) > :where(section,.card,.form-section,.device-section-card,.provider-section,.detail-card,.status-panel)
+ :where(section,.card,.form-section,.device-section-card,.provider-section,.detail-card,.status-panel){
  margin-top:30px!important;
}

/* Header/body separation inside an open module should never look glued. */
.ui-accordion-section:not(.is-collapsed) > .ui-accordion-head{
  margin-bottom:18px!important;
}
.ui-accordion-section:not(.is-collapsed) > .ui-accordion-head.ui-accordion-generated{
  margin-bottom:0!important;
}
.ui-accordion-section.is-collapsed > .ui-accordion-head{margin-bottom:0!important}

@media(max-width:980px){
  .ui-accordion-section{margin-bottom:26px!important}
  main.content > :where(section,.card,.device-section-card,.provider-section,.provider-meta-hero,.workspace-summary-hero,.provider-empty-workspace,.customer-page-toolbar,.customer-summary-grid,.customer-editor-card,.customer-list-shell,.compact-filter,.account-scope-card,.campaign-scope-card,.add-contact-card,.form-section,.detail-card,.status-panel,.stats-grid,.health-grid,.settings-grid)
  + :where(section,.card,.device-section-card,.provider-section,.provider-meta-hero,.workspace-summary-hero,.provider-empty-workspace,.customer-page-toolbar,.customer-summary-grid,.customer-editor-card,.customer-list-shell,.compact-filter,.account-scope-card,.campaign-scope-card,.add-contact-card,.form-section,.detail-card,.status-panel,.stats-grid,.health-grid,.settings-grid){
    margin-top:26px!important;
  }
  main.content > form > :where(section,.card,.form-section,.device-section-card,.provider-section,.detail-card,.status-panel)
  + :where(section,.card,.form-section,.device-section-card,.provider-section,.detail-card,.status-panel),
  main.content > div:not(.inbox-v2):not(.table-wrap):not(.stats-grid):not(.health-grid):not(.settings-grid) > :where(section,.card,.form-section,.device-section-card,.provider-section,.detail-card,.status-panel)
  + :where(section,.card,.form-section,.device-section-card,.provider-section,.detail-card,.status-panel){
    margin-top:24px!important;
  }
}


/* =========================================================
   TS WhatsApp V11.0.7 — aligned section stack / composite grids
   ========================================================= */
/* A section is a full row. Composite grids remain grids INSIDE that row. */
.ui-accordion-section{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-top:0!important;
  margin-bottom:32px!important;
  align-self:stretch!important;
}
.ui-accordion-section + .ui-accordion-section{margin-top:0!important}
.ui-accordion-section:last-child{margin-bottom:0!important}
.ui-accordion-section > .ui-accordion-head{
  grid-column:1 / -1!important;
  width:100%!important;
  box-sizing:border-box!important;
}
/* These are composition wrappers: their child cards may use columns, but the wrapper itself is one accordion section. */
.template-layout.ui-accordion-section,
.profile-grid.ui-accordion-section,
.dashboard-grid.ui-accordion-section,
.report-grid.ui-accordion-section,
.search-results-grid.ui-accordion-section,
.guide-layout.ui-accordion-section,
.users-ops-grid.ui-accordion-section,
.team-monitor-grid.ui-accordion-section,
.customer-admin-grid.ui-accordion-section,
.customer-detail-grid.ui-accordion-section,
.customer-kpi-grid.ui-accordion-section,
.device-access-grid.ui-accordion-section,
.management-card-grid.ui-accordion-section,
.mapping-grid.ui-accordion-section,
.onboarding-mode-grid.ui-accordion-section,
.onboarding-rule-grid.ui-accordion-section,
.permission-grid.ui-accordion-section,
.provider-runtime-grid.ui-accordion-section,
.provider-status-grid.ui-accordion-section,
.quick-grid.ui-accordion-section,
.snooze-grid.ui-accordion-section,
.dashboard-team-grid.ui-accordion-section,
.attention-grid.ui-accordion-section,
.grid.ui-accordion-section,
.report-grid-3.ui-accordion-section,
.campaign-builder.ui-accordion-section,
.chat-shell.ui-accordion-section,
.device-grid.ui-accordion-section,
.customer-onboard-grid.ui-accordion-section,
.embedded-grid.ui-accordion-section{
  position:relative;
  clear:both;
  align-items:start;
}
/* Never let a nested card inside a composite layout inherit old accordion margins. */
.ui-accordion-section > :where(.card,section,aside,.detail-card,.status-panel){
  margin-top:0;
}
/* Consistent visual separation between the accordion header and its open content. */
.ui-accordion-section:not(.is-collapsed) > .ui-accordion-head{margin-bottom:18px!important}
.ui-accordion-section:not(.is-collapsed) > .ui-accordion-head.ui-accordion-generated{margin-bottom:18px!important}
/* The generated header is a complete row in any grid-based section. */
.ui-accordion-head.ui-accordion-generated{min-height:68px}
@media(max-width:980px){
  .ui-accordion-section{margin-bottom:24px!important}
  .ui-accordion-section:not(.is-collapsed) > .ui-accordion-head,
  .ui-accordion-section:not(.is-collapsed) > .ui-accordion-head.ui-accordion-generated{margin-bottom:14px!important}
}


/* =========================================================
   TS WhatsApp V11.0.8 — universal section surface + dashboard live overview
   ========================================================= */
/* Every enhanced section must look like a deliberate module. No plain/transparent
   accordion rows mixed with colored cards. */
.ui-accordion-section{
  background:linear-gradient(180deg,#1d2025 0%,#191c21 100%)!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  padding:18px!important;
  box-shadow:0 2px 0 rgba(255,255,255,.01)!important;
  overflow:hidden;
}
.ui-accordion-section.is-collapsed{
  background:linear-gradient(180deg,#1c1f24 0%,#191c21 100%)!important;
  padding:0 18px!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
}
.ui-accordion-section.is-collapsed > .ui-accordion-head{
  width:100%!important;
  min-height:70px!important;
  display:flex!important;
  align-items:center!important;
}
.ui-accordion-section:not(.is-collapsed) > .ui-accordion-head.ui-accordion-generated{
  margin:-18px -18px 18px!important;
  width:calc(100% + 36px)!important;
  padding-left:18px!important;
  padding-right:64px!important;
  background:rgba(255,255,255,.018);
}
.ui-accordion-section.is-collapsed > .ui-accordion-head.ui-accordion-generated{
  margin:0 -18px!important;
  width:calc(100% + 36px)!important;
  padding-left:18px!important;
  padding-right:64px!important;
  background:transparent;
}
/* Existing card sections already have a header; keep the same surface instead of
   stacking a second floating-looking header color. */
.card.ui-accordion-section,
.device-section-card.ui-accordion-section,
.provider-section.ui-accordion-section,
.customer-editor-card.ui-accordion-section,
.customer-list-shell.ui-accordion-section,
.account-scope-card.ui-accordion-section,
.campaign-scope-card.ui-accordion-section,
.add-contact-card.ui-accordion-section,
.detail-card.ui-accordion-section,
.status-panel.ui-accordion-section{
  background:linear-gradient(180deg,#1d2025 0%,#191c21 100%)!important;
}
html[data-theme="light"] .ui-accordion-section{
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fb 100%)!important;
  box-shadow:0 2px 0 rgba(20,30,40,.025)!important;
}

/* Dashboard: attention + KPI numbers are intentionally NOT accordions. They stay
   visible and are grouped into one clean surface instead of scattered tiles. */
.dashboard-live-overview{
  display:grid;
  gap:22px;
  margin:0 0 32px;
  padding:20px;
  background:linear-gradient(180deg,#1d2025,#191c21);
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 2px 0 rgba(255,255,255,.01);
}
.dashboard-overview-group{display:grid;gap:14px;min-width:0}
.dashboard-overview-group + .dashboard-overview-group{padding-top:20px;border-top:1px solid var(--border-soft)}
.dashboard-overview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dashboard-overview-heading h3{margin:3px 0 3px;font-size:17px}
.dashboard-overview-heading p{margin:0}
.dashboard-live-overview .attention-grid,
.dashboard-live-overview .stats-grid{margin:0!important}
.dashboard-attention-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.dashboard-attention-tiles>a{
  min-height:92px;
  justify-content:center;
  background:#171a1f!important;
  border-color:#303741!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.dashboard-attention-tiles>a:hover{background:#1b2025!important;border-color:#3c4651!important;transform:translateY(-1px)}
.dashboard-attention-tiles>a>b{line-height:1;font-size:27px}
.dashboard-stat-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.dashboard-stat-tiles>.stat-card{
  min-width:0;
  min-height:105px;
  padding:15px 16px;
  background:#171a1f;
  border:1px solid #303741;
  border-radius:12px;
  overflow:hidden;
}
.dashboard-stat-tiles .stat-number{font-size:28px;margin-top:7px}
.dashboard-stat-tiles .stat-foot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .dashboard-live-overview{background:linear-gradient(180deg,#fff,#f7f9fb)}
html[data-theme="light"] .dashboard-attention-tiles>a,
html[data-theme="light"] .dashboard-stat-tiles>.stat-card{background:#fff!important;border-color:#d9dee5!important}

@media(max-width:1250px){
  .dashboard-attention-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dashboard-stat-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .dashboard-live-overview{padding:16px;gap:18px;margin-bottom:24px}
  .dashboard-attention-tiles,.dashboard-stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ui-accordion-section{padding:16px!important}
  .ui-accordion-section.is-collapsed{padding:0 16px!important;min-height:66px!important}
  .ui-accordion-section:not(.is-collapsed) > .ui-accordion-head.ui-accordion-generated{
    margin:-16px -16px 14px!important;width:calc(100% + 32px)!important;padding-left:16px!important;
  }
  .ui-accordion-section.is-collapsed > .ui-accordion-head.ui-accordion-generated{
    margin:0 -16px!important;width:calc(100% + 32px)!important;padding-left:16px!important;
  }
}
@media(max-width:520px){
  .dashboard-attention-tiles,.dashboard-stat-tiles{grid-template-columns:1fr!important}
}
/* Restore the intended grid layout when a composite wrapper itself is enhanced as an accordion. */
:where(.template-layout,.profile-grid,.dashboard-grid,.report-grid,.search-results-grid,.users-ops-grid,.team-monitor-grid,.customer-admin-grid,.customer-detail-grid,.customer-kpi-grid,.device-access-grid,.management-card-grid,.mapping-grid,.onboarding-mode-grid,.onboarding-rule-grid,.permission-grid,.provider-runtime-grid,.provider-status-grid,.quick-grid,.snooze-grid,.dashboard-team-grid,.attention-grid,.grid,.report-grid-3,.campaign-builder,.chat-shell,.device-grid,.customer-onboard-grid,.embedded-grid).ui-accordion-section:not(.is-collapsed){
  display:grid!important;
}


/* =========================================================
   TS WhatsApp V11.0.9 — alignment cleanup + customer/table polish
   Removes ragged / slanted-looking card compositions across pages.
   ========================================================= */

/* Core stacked sections: always stretch and stay vertically aligned */
main.content,
.customer-page-v1101,
.customer-detail-page,
.device-page-v11,
.page-heading,
.provider-meta-page,
.report-page,
.settings-page,
.health-page{
  align-items:stretch;
}

.dashboard-grid,
.report-grid,
.profile-grid,
.customer-admin-grid,
.customer-detail-grid,
.template-layout,
.search-results-grid,
.management-card-grid,
.provider-runtime-grid,
.provider-status-grid,
.campaign-health,
.quick-grid,
.team-monitor-grid,
.users-ops-grid,
.report-grid-3,
.mapping-grid,
.customer-summary-grid,
.customer-kpi-grid,
.customer-stats,
.meta-strip,
.stats-grid,
.health-grid,
.settings-hub,
.settings-grid{
  align-items:stretch;
}

.dashboard-grid > *,
.report-grid > *,
.profile-grid > *,
.customer-admin-grid > *,
.customer-detail-grid > *,
.template-layout > *,
.search-results-grid > *,
.management-card-grid > *,
.provider-runtime-grid > *,
.provider-status-grid > *,
.campaign-health > *,
.quick-grid > *,
.team-monitor-grid > *,
.users-ops-grid > *,
.report-grid-3 > *,
.mapping-grid > *,
.customer-summary-grid > *,
.customer-kpi-grid > *,
.customer-stats > *,
.meta-strip > *,
.stats-grid > *,
.health-grid > *,
.settings-hub > *,
.settings-grid > *{
  min-width:0;
}

/* Customer detail page: use a clean two-column shell, action buttons in a tidy stack */
.customer-detail-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 250px;
  gap:20px;
  align-items:start;
}
.customer-detail-main{gap:14px !important}
.customer-detail-badge{min-width:0}
.customer-detail-badge > div{min-width:0}
.customer-detail-badge h2{
  line-height:1.2;
  overflow-wrap:anywhere;
}
.customer-detail-meta{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.customer-detail-meta span{
  min-width:0 !important;
  white-space:normal;
  overflow-wrap:anywhere;
  min-height:72px;
}
.customer-detail-actions{
  display:grid !important;
  grid-template-columns:1fr;
  gap:10px;
  max-width:none !important;
  width:100%;
  align-content:start;
  justify-content:stretch !important;
}
.customer-detail-actions > .btn,
.customer-detail-actions > a,
.customer-detail-actions > button,
.customer-detail-actions > form,
.customer-detail-actions > form > button{
  width:100%;
  justify-content:center;
  text-align:center;
}

/* Customer listing cards: make action rows stable instead of ragged wrapping */
.customer-admin-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.customer-admin-card > header,
.customer-meta-line,
.customer-stats{
  flex:0 0 auto;
}
.customer-card-actions{
  margin-top:auto;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:stretch !important;
}
.customer-card-actions > .btn,
.customer-card-actions > a,
.customer-card-actions > span,
.customer-card-actions > form,
.customer-card-actions > details,
.customer-card-actions > .action-menu{
  width:100%;
  min-width:0;
  margin:0 !important;
}
.customer-card-actions > form > button,
.customer-card-actions > .btn,
.customer-card-actions > a,
.customer-card-actions > span,
.customer-card-actions > details > summary{
  width:100%;
  justify-content:center;
  text-align:center;
}
.customer-card-actions .customer-delete-form{
  grid-column:1 / -1;
}
.customer-card-actions .action-menu-popover{
  min-width:220px;
}

/* Universal accordion/section surfaces should look equally solid */
.ui-accordion-section,
.customer-page-toolbar,
.customer-editor-card,
.customer-list-shell,
.customer-detail-hero,
.customer-workflow-card,
.customer-health-card,
.customer-danger-zone,
.device-section-card,
.provider-meta-hero,
.workspace-summary-hero,
.provider-empty-workspace,
.compact-filter,
.account-scope-card,
.campaign-scope-card,
.add-contact-card,
.card,
.form-section,
.status-panel,
.health-card,
.update-hero,
.contact-profile-head,
.campaign-hero,
.health-summary{
  border-radius:16px;
}

/* Dashboard tiles and quick cards stay tidy */
.dashboard-live-overview,
.dashboard-grid > .card,
.dashboard-team-control,
.dashboard-my-tasks{
  min-width:0;
}
.dashboard-grid > .card{
  height:100%;
}
.task-list a,
.quick-grid a,
.metric-row,
.management-card-grid > a,
.workflow-steps.vertical-clean > a,
.dashboard-team-grid > a,
.dashboard-task-row,
.customer-kpi-grid > a,
.customer-summary-grid > div,
.customer-stats > div,
.provider-runtime-grid > div,
.provider-status-grid > div,
.meta-strip > span{
  border-radius:12px;
}

/* Table polish: no broken alignment, better wrapping, sticky headers kept neat */
.table-wrap{
  overflow:auto;
  border-radius:14px;
}
.table-wrap table,
main.content > table,
.card > table{
  width:100%;
  min-width:960px;
  table-layout:auto;
}
.table-wrap table th,
.table-wrap table td,
main.content > table th,
main.content > table td,
.card > table th,
.card > table td{
  vertical-align:top;
  white-space:normal;
  overflow-wrap:anywhere;
}
.table-wrap table td > .inline-actions,
.table-wrap table td > .device-item-actions,
.table-wrap table td > .user-admin-actions,
.table-wrap table td > .chat-header-actions,
main.content > table td > .inline-actions,
.card > table td > .inline-actions{
  justify-content:flex-start;
  align-items:flex-start;
  flex-wrap:wrap;
}
.table-wrap table tbody tr:nth-child(even) td,
main.content > table tbody tr:nth-child(even) td,
.card > table tbody tr:nth-child(even) td{
  background:rgba(255,255,255,.008);
}
.table-wrap table tbody tr:hover td,
main.content > table tbody tr:hover td,
.card > table tbody tr:hover td{
  background:#1d2127;
}

/* Prevent compact nested cards from looking detached or off-grid */
.customer-meta-line span,
.customer-detail-meta span,
.workspace-health-list > div,
.customer-summary-grid > div,
.customer-kpi-grid > a,
.customer-stats > div,
.provider-runtime-grid > div,
.provider-status-grid > div,
.meta-strip > span{
  min-height:74px;
}

@media (max-width: 1180px){
  .customer-detail-hero{grid-template-columns:1fr !important;}
  .customer-detail-actions{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width: 900px){
  .customer-detail-meta{grid-template-columns:1fr !important;}
  .customer-card-actions{grid-template-columns:1fr !important;}
  .customer-detail-actions{grid-template-columns:1fr !important;}
  .table-wrap table,
  main.content > table,
  .card > table{min-width:780px;}
}
@media (max-width: 620px){
  .dashboard-grid,
  .report-grid,
  .profile-grid,
  .customer-admin-grid,
  .customer-detail-grid,
  .template-layout,
  .search-results-grid,
  .management-card-grid,
  .provider-runtime-grid,
  .provider-status-grid,
  .campaign-health,
  .team-monitor-grid,
  .users-ops-grid,
  .report-grid-3,
  .mapping-grid,
  .customer-summary-grid,
  .customer-kpi-grid,
  .customer-stats,
  .meta-strip,
  .stats-grid,
  .health-grid,
  .settings-hub,
  .settings-grid,
  .quick-grid{
    grid-template-columns:1fr !important;
  }
  .customer-detail-actions,
  .customer-card-actions{
    gap:9px;
  }
}


/* =========================================================
   TS WhatsApp V11.0.12 — compact professional rhythm
   Global fix: vertically centered collapsed section headers,
   normal section spacing, tighter sidebar, lighter typography.
   ========================================================= */

/* ---------- 1. One spacing system only: no stacked gaps ---------- */
.ui-accordion-section{
  margin:0!important;
}
.ui-accordion-section + .ui-accordion-section{
  margin-top:16px!important;
}

/* Page wrappers that already use CSS grid rely on ONE 16px gap only. */
.device-page-v11,
.customer-page-v1101,
.customer-detail-page,
.guide-content,
.settings-form{
  gap:16px!important;
  row-gap:16px!important;
}
.device-page-v11 > .ui-accordion-section + .ui-accordion-section,
.customer-page-v1101 > .ui-accordion-section + .ui-accordion-section,
.customer-detail-page > .ui-accordion-section + .ui-accordion-section,
.guide-content > .ui-accordion-section + .ui-accordion-section,
.settings-form > .ui-accordion-section + .ui-accordion-section{
  margin-top:0!important;
}

/* Neutralize legacy sibling margins that used to stack with accordion spacing. */
main.content > .ui-accordion-section + .ui-accordion-section,
main.content > form > .ui-accordion-section + .ui-accordion-section,
main.content > div > .ui-accordion-section + .ui-accordion-section{
  margin-top:16px!important;
}
.device-page-v11 > .ui-accordion-section + .ui-accordion-section,
.customer-page-v1101 > .ui-accordion-section + .ui-accordion-section,
.customer-detail-page > .ui-accordion-section + .ui-accordion-section{
  margin-top:0!important;
}

/* Keep ordinary top-level modules compact too. */
main.content > :where(section,.card,.device-section-card,.provider-section,.provider-meta-hero,.workspace-summary-hero,.provider-empty-workspace,.customer-page-toolbar,.customer-summary-grid,.customer-editor-card,.customer-list-shell,.compact-filter,.account-scope-card,.campaign-scope-card,.add-contact-card,.form-section,.detail-card,.status-panel,.stats-grid,.health-grid,.settings-grid)
+ :where(section,.card,.device-section-card,.provider-section,.provider-meta-hero,.workspace-summary-hero,.provider-empty-workspace,.customer-page-toolbar,.customer-summary-grid,.customer-editor-card,.customer-list-shell,.compact-filter,.account-scope-card,.campaign-scope-card,.add-contact-card,.form-section,.detail-card,.status-panel,.stats-grid,.health-grid,.settings-grid){
  margin-top:16px!important;
}

/* ---------- 2. Collapsed section content is genuinely vertically centered ---------- */
.ui-accordion-section.is-collapsed{
  min-height:66px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
}
.ui-accordion-section.is-collapsed > .ui-accordion-head{
  min-height:64px!important;
  height:auto!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-bottom:0!important;
  display:flex!important;
  align-items:center!important;
  align-content:center!important;
}
.ui-accordion-section.is-collapsed > .ui-accordion-head.ui-accordion-generated{
  margin:0 -16px!important;
  width:calc(100% + 32px)!important;
  padding-left:16px!important;
  padding-right:58px!important;
}
.ui-accordion-section.is-collapsed > :where(.device-section-head,.section-heading,.section-head,.card-title-row,.clean-heading){
  min-height:64px!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}
.ui-accordion-section.is-collapsed > .device-section-head > div:first-child,
.ui-accordion-section.is-collapsed > .section-heading > div:first-child,
.ui-accordion-section.is-collapsed > .section-head > div:first-child,
.ui-accordion-section.is-collapsed > .card-title-row > div:first-child,
.ui-accordion-section.is-collapsed > .clean-heading > div:first-child{
  align-items:center!important;
  align-self:center!important;
}
.ui-accordion-section.is-collapsed :where(h2,h3,p,.eyebrow){
  margin-top:0!important;
}
.ui-accordion-section.is-collapsed :where(h2,h3){
  margin-bottom:2px!important;
  line-height:1.25!important;
}
.ui-accordion-section.is-collapsed p{
  margin-bottom:0!important;
  line-height:1.4!important;
}
.ui-accordion-section.is-collapsed .section-number{
  align-self:center!important;
}

/* Open section remains comfortable, but not oversized. */
.ui-accordion-section{
  padding:16px!important;
  border-radius:13px!important;
}
.ui-accordion-section:not(.is-collapsed) > .ui-accordion-head.ui-accordion-generated{
  margin:-16px -16px 14px!important;
  width:calc(100% + 32px)!important;
  padding-left:16px!important;
  padding-right:58px!important;
}
.ui-accordion-section:not(.is-collapsed) > .ui-accordion-head{
  margin-bottom:14px!important;
}
.ui-accordion-head.ui-accordion-generated{
  min-height:62px!important;
}
.ui-accordion-toggle{
  right:10px!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
}

/* Device page specifically: compact header geometry, vertical center when closed. */
.device-section-card{padding:20px!important}
.device-section-head{
  gap:16px!important;
  padding-bottom:16px!important;
  margin-bottom:16px!important;
  align-items:center!important;
}
.device-section-head > div:first-child{
  align-items:center!important;
  gap:12px!important;
}
.device-section-head h2{
  margin:2px 0 4px!important;
  font-size:20px!important;
  font-weight:650!important;
}
.device-section-head p{line-height:1.45!important}
.section-number{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  font-weight:700!important;
}
.ui-accordion-section.is-collapsed.device-section-card{
  padding:0 16px!important;
}
.ui-accordion-section.is-collapsed > .device-section-head{
  padding:0!important;
  margin:0!important;
  min-height:64px!important;
}

/* ---------- 3. Sidebar: denser, cleaner, still scrollable ---------- */
.sidebar{
  padding:14px 11px 12px!important;
}
.brand-row{
  top:-14px!important;
  padding-top:14px!important;
  padding-bottom:4px!important;
}
.brand-row .brand{
  padding:0 3px 10px!important;
}
.brand-mark{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
  font-weight:750!important;
}
.brand-copy b{font-size:14px!important;font-weight:650!important}
.brand-copy span{font-size:10.5px!important;margin-top:3px!important}
.sidebar-label{
  padding:8px 9px 4px!important;
  font-size:9.5px!important;
  font-weight:650!important;
  letter-spacing:1px!important;
}
.side-nav{
  gap:2px!important;
}
.nav-item{
  min-height:36px!important;
  gap:10px!important;
  padding:7px 9px!important;
  border-radius:9px!important;
  font-size:12.5px!important;
  font-weight:560!important;
  line-height:1.25!important;
}
.nav-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}
.nav-icon svg{
  width:18px!important;
  height:18px!important;
  stroke-width:1.7!important;
}
.nav-item.active:before{
  left:-11px!important;
  top:7px!important;
  bottom:7px!important;
}
.sidebar-spacer{min-height:10px}
.cloud-status{
  margin:8px 3px 8px!important;
  padding:10px!important;
}
.cloud-status b{font-size:11.5px!important;font-weight:600!important}
.cloud-status small{font-size:10px!important}
.logout-link{margin-top:0!important}

/* ---------- 4. Typography: cleaner hierarchy, less unnecessary bold ---------- */
.page-heading h1{
  font-weight:650!important;
  letter-spacing:-.35px!important;
}
:where(.card,.ui-accordion-section,.device-section-card,.provider-section,.customer-page-v1101,.customer-detail-page) :where(h2,h3){
  font-weight:650;
}
.eyebrow{
  font-weight:650!important;
  letter-spacing:.9px!important;
}
.ui-accordion-generated-copy b{
  font-weight:600!important;
}
.ui-accordion-generated-copy small{
  font-weight:400!important;
}
.ui-accordion-section p b,
.ui-accordion-section p strong,
.device-section-head p b,
.device-section-head p strong{
  font-weight:600!important;
}
.btn,button{
  font-weight:650!important;
}
.pill{
  font-weight:600!important;
  font-size:10.5px!important;
}
label,.field label{
  font-weight:600!important;
}
th{
  font-weight:650!important;
}
td a{
  font-weight:600!important;
}
.section-heading h2,.section-heading h3,
.settings-section-head h3,
.customer-detail-badge h2{
  font-weight:650!important;
}

/* Keep essential data emphasis readable without making whole cards shout. */
.metric,.stat-number,.customer-summary-grid strong,.customer-kpi-grid strong{
  font-weight:700!important;
}

@media(max-width:980px){
  .ui-accordion-section + .ui-accordion-section{margin-top:14px!important}
  .device-page-v11,.customer-page-v1101,.customer-detail-page,.guide-content,.settings-form{gap:14px!important;row-gap:14px!important}
  .device-page-v11 > .ui-accordion-section + .ui-accordion-section,
  .customer-page-v1101 > .ui-accordion-section + .ui-accordion-section,
  .customer-detail-page > .ui-accordion-section + .ui-accordion-section{margin-top:0!important}
}

/* Final specificity guards: older V11 spacing rules used several :not() clauses. */
body.app-body main.content > div:not(.device-page-v11):not(.customer-page-v1101):not(.customer-detail-page) > [class].ui-accordion-section + [class].ui-accordion-section,
body.app-body main.content > form > [class].ui-accordion-section + [class].ui-accordion-section,
body.app-body main.content > [class].ui-accordion-section + [class].ui-accordion-section{
  margin-top:16px!important;
}
html body.app-body main.content > div.device-page-v11.provider-device-page > [class].ui-accordion-section + [class].ui-accordion-section,
html body.app-body main.content > div.customer-page-v1101 > [class].ui-accordion-section + [class].ui-accordion-section,
html body.app-body main.content > div.customer-detail-page > [class].ui-accordion-section + [class].ui-accordion-section{
  margin-top:0!important;
}

/* =========================================================
   TS WhatsApp V11.0.13 — dedicated module search + spacing audit
   One predictable vertical rhythm across every normal CRM page.
   ========================================================= */

/* Search is a control, not another accordion section. */
.module-search-shell{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 12px;
  align-items:start;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.module-search-form{min-width:0;display:grid;gap:8px;margin:0}
.module-search-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:5px 6px 5px 12px;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:12px;
}
.module-search-icon{
  flex:0 0 auto;
  color:var(--muted);
  font-size:18px;
  line-height:1;
}
.module-search-main input[type="search"]{
  flex:1;
  min-width:160px;
  min-height:36px;
  padding:6px 4px;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:13.5px;
}
.module-search-main input[type="search"]:focus{outline:0}
.module-search-main > button,
.module-search-main > .btn{min-height:36px;padding:7px 14px}
.module-search-advanced{
  width:max-content;
  max-width:100%;
  margin:0;
  border:0;
}
.module-search-advanced > summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:5px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  color:var(--muted);
  cursor:pointer;
  font-size:11.5px;
  font-weight:550;
  background:rgba(255,255,255,.012);
}
.module-search-advanced > summary::-webkit-details-marker{display:none}
.module-search-advanced > summary:after{content:"⌄";font-size:12px}
.module-search-advanced[open] > summary:after{content:"⌃"}
.module-search-filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:8px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--panel);
}
.module-search-filters select{min-width:150px;min-height:36px;font-size:12px}
.module-search-filters button{min-height:36px;padding:7px 12px;font-size:12px}
.compact-save-view{
  display:flex;
  gap:7px;
  align-items:center;
  margin:0;
}
.compact-save-view input{min-width:150px;min-height:48px}
.compact-save-view button{min-height:48px;white-space:nowrap}

/* Global vertical rhythm: direct page modules never touch each other and never double-gap. */
body.app-body:not(.page-inbox) main.content > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.app-body:not(.page-inbox) main.content > * + *{
  margin-top:16px!important;
}

/* Page wrappers already use grid/flex gap; remove legacy child margins so spacing is exactly 16px. */
:where(.device-page-v11,.customer-page-v1101,.customer-detail-page,.guide-content,.settings-form) > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
:where(.device-page-v11,.customer-page-v1101,.customer-detail-page,.guide-content,.settings-form){
  gap:16px!important;
  row-gap:16px!important;
}

/* Strong final guard for accordion sections no matter which wrapper a menu uses. */
body.app-body main.content :where(.ui-accordion-section) + :where(.ui-accordion-section){
  margin-top:16px!important;
}
body.app-body main.content :where(.device-page-v11,.customer-page-v1101,.customer-detail-page,.guide-content,.settings-form)
  > .ui-accordion-section + .ui-accordion-section{
  margin-top:0!important;
}

/* Table/title/bulk blocks also get a clean sequence without accidental touching. */
.section-heading + .bulk-actions-bar,
.section-heading + .table-wrap,
.bulk-actions-bar + .table-wrap,
.table-wrap + .pagination,
.toolbar-primary + .column-manager,
.column-manager + .module-search-shell{
  margin-top:12px!important;
}

@media(max-width:900px){
  .module-search-shell{grid-template-columns:1fr}
  .compact-save-view{justify-self:start}
  .module-search-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .module-search-filters select,.module-search-filters button{width:100%;min-width:0}
  body.app-body:not(.page-inbox) main.content > * + *{margin-top:14px!important}
  :where(.device-page-v11,.customer-page-v1101,.customer-detail-page,.guide-content,.settings-form){gap:14px!important;row-gap:14px!important}
  body.app-body main.content :where(.ui-accordion-section) + :where(.ui-accordion-section){margin-top:14px!important}
  body.app-body main.content :where(.device-page-v11,.customer-page-v1101,.customer-detail-page,.guide-content,.settings-form) > .ui-accordion-section + .ui-accordion-section{margin-top:0!important}
}
@media(max-width:620px){
  .module-search-main{flex-wrap:wrap;padding:8px 9px}
  .module-search-icon{display:none}
  .module-search-main input[type="search"]{flex:1 1 100%;width:100%}
  .module-search-main > button,.module-search-main > .btn{flex:1}
  .module-search-filters{grid-template-columns:1fr}
  .compact-save-view{width:100%;display:grid;grid-template-columns:1fr auto}
  .compact-save-view input{min-width:0;width:100%}
}