/* TS WhatsApp — WatZap-inspired CRM UI 2026
   Visual layer only. No backend, database, API, webhook, or business-flow changes. */
:root{
  --wz-green:#08a66c;
  --wz-green-hover:#078c5c;
  --wz-green-soft:#eaf8f2;
  --wz-green-line:#ccebdd;
  --wz-blue:#377dff;
  --wz-red:#e84b4b;
  --wz-amber:#d98a16;
  --wz-bg:#f6f7f9;
  --wz-surface:#ffffff;
  --wz-surface-2:#f9fafb;
  --wz-surface-3:#f1f3f5;
  --wz-sidebar:#ffffff;
  --wz-line:#e5e7eb;
  --wz-line-strong:#d8dde3;
  --wz-text:#172026;
  --wz-muted:#6f7b85;
  --wz-muted-2:#98a2aa;
  --wz-radius:14px;
  --wz-radius-sm:10px;
  --wz-shadow:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.04);
  --wz-shadow-float:0 16px 46px rgba(16,24,40,.14);
}
html[data-theme="light"]{
  --bg:var(--wz-bg);--panel:var(--wz-surface);--panel-2:var(--wz-surface-2);--panel-3:var(--wz-surface-3);--sidebar:var(--wz-sidebar);
  --border:var(--wz-line);--border-soft:#edf0f2;--text:var(--wz-text);--muted:var(--wz-muted);--muted2:var(--wz-muted-2);
  --green:var(--wz-green);--green-2:var(--wz-green-hover);--green-soft:var(--wz-green-soft);--green-border:var(--wz-green-line);
  --shadow:var(--wz-shadow-float);
}
html[data-theme="dark"]{
  --wz-bg:#0d1114;--wz-surface:#12181c;--wz-surface-2:#171e23;--wz-surface-3:#1d252b;--wz-sidebar:#0a0f12;
  --wz-line:#253039;--wz-line-strong:#33414b;--wz-text:#eef3f5;--wz-muted:#9aa7ae;--wz-muted-2:#728087;
  --wz-green:#20bd80;--wz-green-hover:#18a76f;--wz-green-soft:rgba(32,189,128,.12);--wz-green-line:rgba(32,189,128,.25);
  --wz-shadow:0 1px 2px rgba(0,0,0,.16),0 10px 28px rgba(0,0,0,.18);--wz-shadow-float:0 18px 52px rgba(0,0,0,.38);
  --bg:var(--wz-bg);--panel:var(--wz-surface);--panel-2:var(--wz-surface-2);--panel-3:var(--wz-surface-3);--sidebar:var(--wz-sidebar);
  --border:var(--wz-line);--border-soft:#1e282f;--text:var(--wz-text);--muted:var(--wz-muted);--muted2:var(--wz-muted-2);
  --green:var(--wz-green);--green-2:var(--wz-green-hover);--green-soft:var(--wz-green-soft);--green-border:var(--wz-green-line);--shadow:var(--wz-shadow-float);
}

/* foundation */
html,body{background:var(--wz-bg)!important;color:var(--wz-text)!important}
body{font-size:13px!important;line-height:1.5!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-size:13px!important}
a{text-underline-offset:3px}
.app-shell{grid-template-columns:236px minmax(0,1fr)!important;background:var(--wz-bg)!important}
.workspace{background:var(--wz-bg)!important;min-width:0}

/* sidebar — clean SaaS navigation */
.sidebar{padding:18px 12px 14px!important;background:var(--wz-sidebar)!important;border-right:1px solid var(--wz-line)!important;box-shadow:none!important}
.brand-row{padding:0 0 15px!important;gap:8px!important;background:transparent!important;border:0!important;position:static!important}
.brand-row .brand{padding:0 4px!important;gap:10px!important;text-decoration:none!important}
.brand-mark.brand-logo{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;background:#eefaf5!important;border:1px solid #d8f0e5!important;box-shadow:none!important;padding:5px!important}
.brand-mark.brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.brand-copy b{font-size:14px!important;font-weight:780!important;letter-spacing:-.2px!important;color:var(--wz-text)!important}
.brand-copy span{font-size:10.5px!important;color:var(--wz-muted)!important;margin-top:3px!important}
.sidebar-collapse{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:9px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important;color:var(--wz-muted)!important;box-shadow:none!important}
.sidebar-collapse:hover{background:var(--wz-surface-3)!important;color:var(--wz-text)!important;transform:none!important}
.sidebar-label{padding:13px 9px 7px!important;font-size:9.5px!important;line-height:1!important;font-weight:800!important;letter-spacing:.9px!important;color:var(--wz-muted-2)!important}
.side-nav{gap:3px!important}
.nav-item{min-height:40px!important;padding:9px 10px!important;border-radius:10px!important;gap:10px!important;color:var(--wz-muted)!important;font-size:13px!important;font-weight:650!important;transition:background .14s ease,color .14s ease!important}
.nav-item:hover{background:var(--wz-surface-3)!important;color:var(--wz-text)!important}
.nav-item.active{background:var(--wz-green-soft)!important;color:var(--wz-green)!important;font-weight:760!important}
.nav-item.active:before{display:none!important}
.nav-icon{width:18px!important;height:18px!important}.nav-icon svg{width:18px!important;height:18px!important;stroke-width:1.8!important}
.nav-badge{margin-left:auto!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:var(--wz-green)!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
.cloud-status{margin:10px 2px 10px!important;padding:10px!important;border-radius:11px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important}
.cloud-status b{font-size:11.5px!important;color:var(--wz-text)!important}.cloud-status small{font-size:10px!important;color:var(--wz-muted)!important}
.status-dot{width:7px!important;height:7px!important;background:#1fc485!important;box-shadow:0 0 0 3px rgba(31,196,133,.12)!important}

/* collapsed sidebar */
body.sidebar-collapsed .app-shell{grid-template-columns:72px minmax(0,1fr)!important}
body.sidebar-collapsed .sidebar{padding-left:9px!important;padding-right:9px!important}
body.sidebar-collapsed .nav-item{min-height:42px!important;padding:10px!important;border-radius:10px!important}
body.sidebar-collapsed .nav-item[data-label]:hover:after{left:55px!important;background:var(--wz-surface)!important;border:1px solid var(--wz-line)!important;color:var(--wz-text)!important;box-shadow:var(--wz-shadow-float)!important}

/* topbar */
.topbar{height:66px!important;padding:0 24px!important;background:color-mix(in srgb,var(--wz-surface) 94%,transparent)!important;border-bottom:1px solid var(--wz-line)!important;backdrop-filter:blur(16px)!important;box-shadow:none!important;gap:14px!important}
.breadcrumb{gap:8px!important;font-size:12px!important;color:var(--wz-muted)!important;white-space:nowrap!important}
.breadcrumb strong{color:var(--wz-text)!important;font-weight:720!important}.breadcrumb b{color:var(--wz-muted-2)!important}
.workspace-switcher,.workspace-static{min-height:42px!important;padding:5px 7px 5px 10px!important;border-radius:11px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important;box-shadow:none!important}
.workspace-switcher>span,.workspace-static>span{font-size:9px!important;letter-spacing:.55px!important;color:var(--wz-muted-2)!important}
.workspace-switcher select{min-width:170px!important;max-width:245px!important;height:32px!important;min-height:32px!important;padding:4px 28px 4px 8px!important;background:transparent!important;border:0!important;color:var(--wz-text)!important;font-size:12px!important;font-weight:760!important}
.workspace-static b{font-size:12px!important;color:var(--wz-text)!important}
.topbar-search{max-width:460px!important;margin-left:0!important;flex:1!important}
.topbar-search input{height:40px!important;min-height:40px!important;padding:9px 13px!important;border-radius:10px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important;color:var(--wz-text)!important;box-shadow:none!important}
.topbar-search input:focus{background:var(--wz-surface)!important;border-color:#a9dcca!important;box-shadow:0 0 0 3px rgba(8,166,108,.08)!important}
.topbar-right{gap:8px!important}.notif-chip,.help-chip{height:38px!important;min-height:38px!important;padding:0 11px!important;border-radius:10px!important;background:var(--wz-surface)!important;border:1px solid var(--wz-line)!important;color:var(--wz-muted)!important;font-size:11px!important;text-decoration:none!important;box-shadow:none!important}
.notif-chip{min-width:38px!important;padding:0!important;display:grid!important;place-items:center!important;position:relative!important}.notif-chip em{position:absolute!important;right:-4px!important;top:-5px!important}
.help-chip:hover,.notif-chip:hover{background:var(--wz-surface-2)!important;color:var(--wz-text)!important}
.account-trigger{min-height:42px!important;padding:4px 7px 4px 4px!important;border-radius:11px!important;border:1px solid transparent!important;color:var(--wz-text)!important}
.account-trigger:hover,.account-menu.open .account-trigger{background:var(--wz-surface-2)!important;border-color:var(--wz-line)!important}
.avatar{width:34px!important;height:34px!important;background:var(--wz-surface-3)!important;border:1px solid var(--wz-line)!important;color:var(--wz-text)!important;box-shadow:none!important}
.user-copy b{font-size:11.5px!important}.user-copy span{font-size:10px!important;color:var(--wz-muted)!important}
.account-dropdown{border-radius:14px!important;border:1px solid var(--wz-line)!important;background:var(--wz-surface)!important;box-shadow:var(--wz-shadow-float)!important}
.theme-switch button,.account-links a{font-size:12px!important}

/* main content */
.content{max-width:1500px!important;width:100%!important;padding:22px 24px 40px!important}
.page-heading{margin-bottom:20px!important}.page-heading h1{margin:0 0 5px!important;font-size:21px!important;line-height:1.18!important;font-weight:790!important;letter-spacing:-.65px!important;color:var(--wz-text)!important}.page-heading p{font-size:12.5px!important;line-height:1.55!important;color:var(--wz-muted)!important}
.eyebrow{font-size:9px!important;line-height:1.2!important;letter-spacing:.9px!important;font-weight:850!important;color:var(--wz-green)!important}

/* cards / sections */
.card,.contact-profile-head,.campaign-hero,.health-summary,.update-hero{background:var(--wz-surface)!important;border:1px solid var(--wz-line)!important;border-radius:var(--wz-radius)!important;box-shadow:var(--wz-shadow)!important}
.card{padding:20px!important}.card h2,.card h3,.card h4{color:var(--wz-text)!important}.card h3{font-size:15px!important;margin-bottom:13px!important;letter-spacing:-.15px!important}.muted,.small,.subtle{color:var(--wz-muted)!important}
.section-heading{margin:22px 0 12px!important}.section-heading h2,.section-heading h3{font-size:16px!important}.section-heading p{font-size:12px!important}
.notice{padding:11px 13px!important;border-radius:10px!important;font-size:12px!important;line-height:1.5!important;box-shadow:none!important}
.notice.ok{background:#effaf5!important;border-color:#cfeedd!important;color:#217a59!important}.notice.bad{background:#fff2f2!important;border-color:#f4caca!important;color:#a83535!important}.notice.info{background:#f0f5ff!important;border-color:#d7e3ff!important;color:#3861a8!important}
html[data-theme="dark"] .notice.ok{background:rgba(32,189,128,.10)!important;border-color:rgba(32,189,128,.25)!important;color:#85dfbd!important}
html[data-theme="dark"] .notice.bad{background:rgba(232,75,75,.10)!important;border-color:rgba(232,75,75,.26)!important;color:#f1a1a1!important}

/* controls */
.btn,button{min-height:34px!important;padding:7px 11px!important;border-radius:9px!important;background:var(--wz-green)!important;border:1px solid var(--wz-green)!important;color:#fff!important;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;transform:none!important}
.btn:hover,button:hover{background:var(--wz-green-hover)!important;border-color:var(--wz-green-hover)!important;transform:none!important}
.btn.secondary,button.secondary{background:var(--wz-surface-2)!important;border-color:var(--wz-line)!important;color:var(--wz-text)!important}.btn.secondary:hover,button.secondary:hover{background:var(--wz-surface-3)!important;border-color:var(--wz-line-strong)!important}
.btn.ghost,button.ghost{background:transparent!important;border-color:var(--wz-line)!important;color:var(--wz-muted)!important}.btn.ghost:hover,button.ghost:hover{background:var(--wz-surface-2)!important;color:var(--wz-text)!important}
.btn.danger,button.danger{background:#fff4f4!important;border-color:#f1c8c8!important;color:#b73d3d!important}.btn.danger:hover,button.danger:hover{background:#ffeaea!important}
html[data-theme="dark"] .btn.danger,html[data-theme="dark"] button.danger{background:rgba(232,75,75,.10)!important;border-color:rgba(232,75,75,.25)!important;color:#f19c9c!important}
.btn.small-btn,button.small-btn{min-height:32px!important;padding:6px 10px!important;font-size:11px!important}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea{min-height:36px!important;padding:9px 11px!important;border-radius:9px!important;background:var(--wz-surface)!important;border:1px solid var(--wz-line-strong)!important;color:var(--wz-text)!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:var(--wz-muted-2)!important}input:focus,select:focus,textarea:focus{border-color:#80cfb2!important;box-shadow:0 0 0 3px rgba(8,166,108,.08)!important}
label{margin:10px 0 6px!important;font-size:11.5px!important;color:var(--wz-text)!important;font-weight:700!important}.form-help{font-size:11px!important;color:var(--wz-muted)!important}
.pill{padding:4px 8px!important;border-radius:999px!important;background:var(--wz-surface-3)!important;border-color:var(--wz-line)!important;color:var(--wz-muted)!important;font-size:10.5px!important;font-weight:760!important}.pill.green{background:var(--wz-green-soft)!important;border-color:var(--wz-green-line)!important;color:var(--wz-green)!important}.pill.red{background:#fff2f2!important;border-color:#f2cccc!important;color:#c64e4e!important}.pill.yellow{background:#fff8e8!important;border-color:#eeddaa!important;color:#a76c17!important}
html[data-theme="dark"] .pill.red{background:rgba(232,75,75,.10)!important;border-color:rgba(232,75,75,.25)!important;color:#f29c9c!important}html[data-theme="dark"] .pill.yellow{background:rgba(217,138,22,.10)!important;border-color:rgba(217,138,22,.23)!important;color:#e7bb74!important}

/* tables & lists */
.table-wrap,table{background:var(--wz-surface)!important;border-color:var(--wz-line)!important;border-radius:12px!important;box-shadow:none!important}
th{padding:11px 13px!important;background:var(--wz-surface-2)!important;color:var(--wz-muted)!important;border-bottom:1px solid var(--wz-line)!important;font-size:10px!important;letter-spacing:.45px!important}
td{padding:12px 13px!important;color:var(--wz-text)!important;border-bottom:1px solid var(--wz-line)!important;font-size:12.5px!important}tbody tr:hover td{background:var(--wz-surface-2)!important}td a{color:var(--wz-green)!important}
.list-row,.note-item{border-bottom-color:var(--wz-line)!important}.list-row{padding:12px 0!important}
.pagination a{border-color:var(--wz-line)!important;background:var(--wz-surface)!important;color:var(--wz-muted)!important}.pagination a.active{background:var(--wz-green)!important;border-color:var(--wz-green)!important;color:#fff!important}

/* dashboard — WatZap-like operational cards */
.dashboard-live-overview{display:grid!important;gap:16px!important}.dashboard-overview-group{background:transparent!important;border:0!important;padding:0!important}
.dashboard-overview-heading{margin-bottom:10px!important}.dashboard-overview-heading h3{margin:3px 0 2px!important;font-size:15px!important;color:var(--wz-text)!important}.dashboard-overview-heading p{font-size:11.5px!important}
.attention-grid,.stats-grid{gap:10px!important}.attention-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.attention-grid a,.stats-grid .stat-card{min-height:102px!important;padding:15px!important;border-radius:12px!important;background:var(--wz-surface)!important;border:1px solid var(--wz-line)!important;box-shadow:var(--wz-shadow)!important;text-decoration:none!important}
.attention-grid a:hover,.stats-grid .stat-card:hover{border-color:#cfd6dc!important;box-shadow:0 8px 24px rgba(16,24,40,.06)!important}
.attention-grid b,.stat-number{font-size:23px!important;line-height:1!important;letter-spacing:-.7px!important;color:var(--wz-text)!important;font-weight:790!important}.attention-grid span,.stat-label{margin-top:8px!important;font-size:11px!important;line-height:1.35!important;color:var(--wz-muted)!important;text-transform:none!important;letter-spacing:0!important}.stat-foot{font-size:10px!important;color:var(--wz-muted-2)!important;margin-top:7px!important}
.dashboard-grid{gap:14px!important}.task-list a,.quick-grid a,.dashboard-team-grid a,.dashboard-task-row{border-color:var(--wz-line)!important;background:var(--wz-surface-2)!important;border-radius:10px!important;color:var(--wz-text)!important;text-decoration:none!important}.task-list a:hover,.quick-grid a:hover,.dashboard-team-grid a:hover,.dashboard-task-row:hover{background:var(--wz-surface-3)!important}

/* management / settings pages */
.profile-grid,.dashboard-grid,.report-grid,.report-grid-3{gap:14px!important}.status-panel{border-radius:10px!important;font-size:11.5px!important}.status-panel.ok{background:var(--wz-green-soft)!important;border-color:var(--wz-green-line)!important;color:#27795b!important}.status-panel.bad{background:#fff2f2!important;border-color:#f2cccc!important;color:#a83f3f!important}
.update-hero{padding:18px 20px!important;margin-bottom:14px!important}.update-hero h2{font-size:20px!important;letter-spacing:-.5px!important}.update-hero p{font-size:12px!important;color:var(--wz-muted)!important}

/* ===== Team Inbox — primary WatZap-inspired surface ===== */
.page-inbox{overflow:hidden!important}
.page-inbox .app-shell{grid-template-columns:236px minmax(0,1fr)!important;height:100dvh!important;min-height:100dvh!important}
.page-inbox .topbar{height:58px!important;padding:0 14px!important}.page-inbox .breadcrumb{display:none!important}.page-inbox .topbar-search{max-width:390px!important}.page-inbox .workspace-switcher,.page-inbox .workspace-static{height:40px!important;min-height:40px!important}
.page-inbox .content{max-width:none!important;height:calc(100dvh - 58px)!important;max-height:calc(100dvh - 58px)!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden!important}
.page-inbox .page-heading{display:none!important}.page-inbox .content>.notice{margin:0!important;flex:0 0 auto!important}
.inbox-account-selector{flex:0 0 auto!important;min-height:56px!important;padding:8px 11px!important;border-radius:12px!important;background:var(--wz-surface)!important;border:1px solid var(--wz-line)!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}
.inbox-account-current{min-width:0!important}.inbox-account-current .eyebrow{font-size:8px!important}.inbox-account-current b{display:block!important;margin-top:2px!important;font-size:12px!important;line-height:1.25!important;color:var(--wz-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.inbox-account-current small{display:block!important;margin-top:2px!important;font-size:9.5px!important;color:var(--wz-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.inbox-account-picker{display:flex!important;align-items:center!important;gap:8px!important}.inbox-account-picker label{margin:0!important;font-size:10px!important;color:var(--wz-muted)!important}.inbox-account-picker select{min-width:200px!important;height:36px!important;min-height:36px!important;font-size:11px!important}.inbox-account-static span{font-size:9px!important}.inbox-account-static b{font-size:11px!important}
.page-inbox .inbox-v2{--inbox-rail:154px;--inbox-list:326px;flex:1 1 auto!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:var(--inbox-rail) var(--inbox-list) minmax(0,1fr)!important;overflow:hidden!important;border:1px solid var(--wz-line)!important;border-radius:13px!important;background:var(--wz-surface)!important;box-shadow:var(--wz-shadow)!important}
.inbox-v2-rail{min-width:0!important;padding:12px 8px 10px!important;background:var(--wz-surface-2)!important;border-right:1px solid var(--wz-line)!important;overflow:auto!important}
.inbox-rail-head{padding:0 5px 10px!important}.inbox-rail-head h2{font-size:13px!important;margin:2px 0 0!important;color:var(--wz-text)!important}.inbox-new-chat{width:30px!important;height:30px!important;min-height:30px!important;border-radius:9px!important;background:var(--wz-green)!important;color:#fff!important;font-size:17px!important;box-shadow:none!important}
.inbox-views{gap:2px!important}.inbox-view-link{min-height:34px!important;padding:7px 8px!important;border-radius:9px!important;grid-template-columns:18px minmax(0,1fr) auto!important;gap:7px!important;color:var(--wz-muted)!important;font-size:10.5px!important;font-weight:650!important;text-decoration:none!important}.inbox-view-link:hover{background:var(--wz-surface-3)!important;color:var(--wz-text)!important}.inbox-view-link.active{background:var(--wz-green-soft)!important;color:var(--wz-green)!important}.inbox-view-link em{min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:var(--wz-surface-3)!important;color:var(--wz-muted)!important;font-size:9px!important;font-style:normal!important;display:grid!important;place-items:center!important}.inbox-view-link.active em{background:#d7f1e6!important;color:#078a5a!important}.inbox-view-icon{font-size:11px!important;color:inherit!important}
.inbox-task-rail,.inbox-rail-section{margin-top:12px!important;padding-top:10px!important;border-top:1px solid var(--wz-line)!important}.inbox-task-title,.inbox-rail-section>span{font-size:8px!important;letter-spacing:.7px!important;color:var(--wz-muted-2)!important}.inbox-task-mini{padding:8px!important;margin-top:5px!important;border-radius:9px!important;background:var(--wz-surface)!important;border:1px solid var(--wz-line)!important}.inbox-task-mini b{font-size:9.5px!important}.inbox-task-mini span,.inbox-task-mini small{font-size:8.5px!important}.inbox-rail-section a{display:block!important;padding:6px 5px!important;border-radius:7px!important;font-size:9.5px!important;color:var(--wz-muted)!important;text-decoration:none!important}.inbox-rail-section a:hover{background:var(--wz-surface-3)!important;color:var(--wz-text)!important}.inbox-rail-footer{padding:10px 5px 0!important;border-top:1px solid var(--wz-line)!important}.inbox-rail-footer b{font-size:9.5px!important}.inbox-rail-footer small{font-size:8px!important;color:var(--wz-muted)!important}
.inbox-v2-list-panel{min-width:0!important;display:flex!important;flex-direction:column!important;background:var(--wz-surface)!important;border-right:1px solid var(--wz-line)!important;overflow:hidden!important}
.inbox-list-head{height:58px!important;min-height:58px!important;padding:10px 12px!important;background:var(--wz-surface)!important;border-bottom:1px solid var(--wz-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.inbox-list-head h2{font-size:13px!important;margin:0 0 2px!important;color:var(--wz-text)!important}.inbox-list-head span{font-size:9.5px!important;color:var(--wz-muted)!important}.icon-btn{width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:9px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important;color:var(--wz-muted)!important;font-size:12px!important}.icon-btn:hover,.icon-btn.active{background:var(--wz-surface-3)!important;color:var(--wz-text)!important;border-color:var(--wz-line-strong)!important}
.inbox-search{margin:8px 10px!important;height:38px!important;min-height:38px!important;padding:0 7px 0 10px!important;border-radius:10px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important}.inbox-search>span{font-size:13px!important;color:var(--wz-muted-2)!important}.inbox-search input{height:34px!important;min-height:34px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important}.inbox-search button{min-height:25px!important;height:25px!important;padding:0 7px!important;border-radius:7px!important;background:transparent!important;border:1px solid var(--wz-line)!important;color:var(--wz-muted)!important;font-size:8.5px!important}
.inbox-filter-drawer,.inbox-bulk-bar{margin:0 10px 8px!important;padding:8px!important;border-radius:10px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important}.inbox-filter-drawer select,.inbox-bulk-bar select{height:32px!important;min-height:32px!important;font-size:10px!important}.inbox-filter-drawer button,.inbox-bulk-bar button{height:32px!important;min-height:32px!important;font-size:10px!important}
.inbox-conversation-list{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;background:var(--wz-surface)!important}
.inbox-conversation{position:relative!important;background:var(--wz-surface)!important;border-bottom:1px solid var(--wz-line)!important}.inbox-conversation:hover{background:var(--wz-surface-2)!important}.inbox-conversation.active{background:var(--wz-green-soft)!important}.inbox-conversation.active:before{content:""!important;position:absolute!important;left:0!important;top:10px!important;bottom:10px!important;width:3px!important;border-radius:0 4px 4px 0!important;background:var(--wz-green)!important}.inbox-conversation.unread .inbox-row-title b{font-weight:800!important;color:var(--wz-text)!important}
.inbox-row-check{width:24px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important}.inbox-row-check input{width:14px!important;height:14px!important;min-height:14px!important}.inbox-row-link{min-height:76px!important;padding:10px 9px 10px 4px!important;gap:9px!important;color:inherit!important;text-decoration:none!important}.inbox-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;background:#e9f7f1!important;border:1px solid #d0eddf!important;color:#13865e!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}.inbox-avatar.large{width:42px!important;height:42px!important}.inbox-avatar.xlarge{width:54px!important;height:54px!important;font-size:15px!important}.inbox-row-main{min-width:0!important}.inbox-row-title{gap:7px!important}.inbox-row-title b{font-size:11px!important;color:var(--wz-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.inbox-row-title time{font-size:8.5px!important;color:var(--wz-muted-2)!important;white-space:nowrap!important}.inbox-row-preview{margin-top:3px!important;gap:4px!important;font-size:9.5px!important;color:var(--wz-muted)!important;white-space:nowrap!important;overflow:hidden!important}.inbox-row-preview span:last-child{overflow:hidden!important;text-overflow:ellipsis!important}.inbox-row-preview .direction{font-size:9px!important;color:var(--wz-muted-2)!important}.inbox-row-meta{margin-top:5px!important;gap:4px!important;white-space:nowrap!important;overflow:hidden!important}.inbox-row-meta>span{font-size:7.8px!important;color:var(--wz-muted-2)!important}.status-chip{padding:2px 5px!important;border-radius:999px!important;font-size:7.6px!important}.inbox-row-flags{min-width:20px!important;gap:4px!important}.inbox-row-flags em{min-width:18px!important;height:18px!important;border-radius:999px!important;background:var(--wz-green)!important;color:#fff!important;font-size:8.5px!important;font-style:normal!important;display:grid!important;place-items:center!important;padding:0 4px!important}.priority-dot{width:6px!important;height:6px!important;background:#f2a33b!important}
.inbox-empty-list{padding:38px 18px!important;color:var(--wz-muted)!important}.inbox-empty-list b{font-size:11px!important}.inbox-empty-list span{font-size:9.5px!important}
.inbox-v2-main{min-width:0!important;position:relative!important;overflow:hidden!important;background:var(--wz-bg)!important}.inbox-v2-empty{height:100%!important;background:var(--wz-bg)!important;color:var(--wz-muted)!important}.inbox-v2-empty h2{font-size:16px!important;color:var(--wz-text)!important}.inbox-v2-empty p{font-size:11px!important;max-width:480px!important}.inbox-v2-empty>div:last-child{font-size:9px!important}
.inbox-chat-layout{--detail-width:296px!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) var(--detail-width)!important;background:var(--wz-bg)!important}.inbox-v2.details-expanded .inbox-chat-layout{--detail-width:380px!important}.inbox-v2.details-collapsed .inbox-chat-layout{grid-template-columns:minmax(0,1fr) 0!important}
.inbox-chat-workspace{min-width:0!important;min-height:0!important;display:grid!important;grid-template-rows:58px minmax(0,1fr) auto!important;background:var(--wz-bg)!important}
.inbox-chat-head{height:58px!important;min-height:58px!important;padding:8px 11px!important;background:var(--wz-surface)!important;border-bottom:1px solid var(--wz-line)!important;box-shadow:none!important}.inbox-chat-person{gap:9px!important}.inbox-chat-person h2{font-size:11.5px!important;line-height:1.25!important;color:var(--wz-text)!important;margin:0 0 2px!important}.inbox-chat-person p{font-size:8.8px!important;color:var(--wz-muted)!important;max-width:min(44vw,620px)!important}.inbox-chat-actions{gap:5px!important}.window-chip{padding:4px 7px!important;border-radius:7px!important;font-size:8px!important}
.inbox-message-wall{min-height:0!important;overflow:auto!important;padding:18px clamp(14px,2vw,28px) 20px!important;background:#f1f4f3!important;background-image:radial-gradient(rgba(23,32,38,.025) 1px,transparent 1px)!important;background-size:18px 18px!important}.message-day{margin:5px 0 13px!important}.message-day span{padding:4px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;border:1px solid #dfe5e2!important;color:#78827d!important;font-size:8px!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important}.message-row{margin:5px 0!important}.message-bubble{max-width:min(620px,72%)!important;padding:8px 10px 6px!important;border-radius:10px!important;font-size:11.5px!important;line-height:1.45!important;box-shadow:0 1px 1px rgba(0,0,0,.05)!important}.message-row.in .message-bubble{background:#fff!important;border:1px solid #e0e5e2!important;color:#22302a!important;border-top-left-radius:4px!important}.message-row.out .message-bubble{background:#dff6ea!important;border:1px solid #c8ead9!important;color:#173a2c!important;border-top-right-radius:4px!important}.message-meta{margin-top:3px!important;gap:4px!important;font-size:8px!important;color:#718079!important}.message-sender{font-size:8.5px!important}.message-status{font-size:8px!important}.chat-media-image img{border-radius:8px!important;max-width:min(340px,100%)!important}
.inbox-composer{max-height:min(270px,38dvh)!important;background:var(--wz-surface)!important;border-top:1px solid var(--wz-line)!important;box-shadow:none!important}.composer-tabs.modern{height:34px!important;padding:0 10px!important;gap:2px!important;background:var(--wz-surface)!important;border-bottom:1px solid var(--wz-line)!important}.composer-tabs.modern button{height:33px!important;min-height:33px!important;padding:5px 9px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--wz-muted)!important;font-size:9px!important;font-weight:650!important}.composer-tabs.modern button.active{color:var(--wz-green)!important;box-shadow:inset 0 -2px var(--wz-green)!important}.composer-pane.modern{padding:9px 10px 10px!important}.composer-tools{min-height:25px!important}.composer-tools select{height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:9px!important}.composer-tools span{font-size:8.5px!important;color:var(--wz-muted)!important}.composer-input{grid-template-columns:minmax(0,1fr) 40px!important;gap:7px!important}.composer-input textarea{min-height:42px!important;max-height:116px!important;padding:10px 11px!important;border-radius:11px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line-strong)!important;color:var(--wz-text)!important;font-size:11px!important}.send-button{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:11px!important;background:var(--wz-green)!important;border-color:var(--wz-green)!important;font-size:14px!important}.composer-grid-form{gap:7px!important}.composer-grid-form input,.composer-grid-form select,.composer-grid-form textarea,.composer-grid-form button{min-height:35px!important;font-size:10px!important}.composer-closed{padding:7px 9px!important}.composer-closed span,.composer-closed span b{font-size:9px!important}
.inbox-details{min-width:0!important;height:100%!important;overflow:auto!important;padding:0 12px 18px!important;background:var(--wz-surface)!important;border-left:1px solid var(--wz-line)!important}.inbox-details>header{height:58px!important;min-height:58px!important;margin:0 -12px!important;padding:0 10px 0 12px!important;background:var(--wz-surface)!important;border-bottom:1px solid var(--wz-line)!important;position:sticky!important;top:0!important;z-index:3!important}.inbox-details>header h3{font-size:11.5px!important;color:var(--wz-text)!important}.inbox-details>header .eyebrow{font-size:7.5px!important}.detail-person{padding:16px 6px 13px!important;border-bottom:1px solid var(--wz-line)!important}.detail-person h3{font-size:12px!important;color:var(--wz-text)!important}.detail-person span,.detail-person a{font-size:9px!important}.detail-card{padding:13px 3px!important;border-bottom:1px solid var(--wz-line)!important;background:transparent!important}.detail-card h4{margin:0 0 9px!important;font-size:9.5px!important;letter-spacing:.4px!important;color:var(--wz-muted)!important;text-transform:uppercase!important}.detail-field{margin-bottom:9px!important}.detail-field label{font-size:9px!important;color:var(--wz-muted)!important}.detail-field>div{gap:5px!important}.detail-field select,.detail-field button{min-height:32px!important;height:32px!important;font-size:9px!important}.customer-facts>div{padding:7px 0!important;border-bottom:1px solid var(--wz-line)!important}.customer-facts dt{font-size:8px!important;color:var(--wz-muted-2)!important}.customer-facts dd{font-size:9.5px!important;color:var(--wz-text)!important}.note-mini,.followup-mini,.conversation-task-row{padding:7px 0!important;border-bottom:1px solid var(--wz-line)!important}.note-mini p{font-size:9.5px!important}.note-mini span,.followup-mini span,.conversation-task-row small{font-size:8px!important;color:var(--wz-muted)!important}.followup-create{gap:5px!important}.followup-create input{min-height:32px!important;font-size:9px!important}.followup-create button{min-height:32px!important;font-size:9px!important}.snooze-grid{gap:5px!important}.snooze-grid button{min-height:30px!important;background:var(--wz-surface-2)!important;border-color:var(--wz-line)!important;color:var(--wz-muted)!important;font-size:9px!important}.ai-inbox-control,.team-command-card{background:transparent!important}.team-command-presets label span{font-size:9px!important}
html[data-theme="dark"] .inbox-message-wall{background:#0f171a!important;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px)!important}html[data-theme="dark"] .message-day span{background:#182126!important;border-color:#28343b!important;color:#97a4aa!important}
html[data-theme="dark"] .message-row.in .message-bubble{background:#1b252a!important;border-color:#29353b!important;color:#edf3f4!important}html[data-theme="dark"] .message-row.out .message-bubble{background:#0b6855!important;border-color:#177763!important;color:#f0fffa!important}
html[data-theme="dark"] .inbox-avatar{background:#153128!important;border-color:#214c3e!important;color:#7dd4b0!important}
html[data-theme="dark"] .inbox-view-link.active em{background:rgba(32,189,128,.15)!important;color:#70d4ae!important}

/* login */
.auth-body,.auth-login-main{background:var(--wz-surface)!important}.login-saas-shell{background:var(--wz-surface)!important}.login-showcase{background:linear-gradient(145deg,#ecfaf4,#f7fcfa 56%,#eef9f5)!important;border-right:1px solid #dfeee7!important}.login-public-brand strong,.login-showcase-copy h1,.login-access-head h2{color:#172026!important}.login-public-brand small,.login-showcase-copy>p,.login-showcase-footer,.login-access-head p{color:#68767e!important}.login-kicker{color:#078b5b!important}.login-feature-grid>div{background:rgba(255,255,255,.8)!important;border-color:#dcebe4!important;border-radius:12px!important;box-shadow:none!important}.login-feature-grid b{color:#263239!important}.login-feature-grid small{color:#748088!important}.login-access-panel{background:#fff!important}.login-access-card{box-shadow:none!important;border:0!important}.login-input-wrap{border-color:#dce1e5!important;background:#fff!important;border-radius:10px!important}.login-input-wrap input{background:transparent!important;color:#172026!important}.login-submit{background:var(--wz-green)!important;border-color:var(--wz-green)!important;border-radius:10px!important}.login-secure-badge{background:#edf9f3!important;border-color:#d3eddf!important;color:#17845e!important}

/* responsive */
@media(max-width:1400px){
  .attention-grid{grid-template-columns:repeat(3,1fr)!important}
  .page-inbox .inbox-v2{--inbox-rail:138px;--inbox-list:306px}
  .inbox-chat-layout{--detail-width:270px!important}.inbox-v2.details-expanded .inbox-chat-layout{--detail-width:340px!important}
  .topbar-search{max-width:320px!important}.workspace-switcher select{min-width:145px!important;max-width:200px!important}
}
@media(max-width:1180px){
  .app-shell{grid-template-columns:72px minmax(0,1fr)!important}.sidebar{padding-left:9px!important;padding-right:9px!important}.sidebar .brand-copy,.sidebar .sidebar-label,.sidebar .nav-label,.sidebar .cloud-status>div{display:none!important}.sidebar .brand-row{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important}.sidebar .brand{padding:0!important}.sidebar .nav-item{justify-content:center!important;padding:10px!important}.sidebar .nav-badge{position:absolute!important;right:3px!important;top:3px!important}.sidebar-collapse{display:none!important}.topbar-search{display:none!important}
  .page-inbox .inbox-v2{grid-template-columns:292px minmax(0,1fr)!important}.page-inbox .inbox-v2-rail{display:none!important}.inbox-chat-layout{grid-template-columns:minmax(0,1fr)!important}.inbox-details{position:absolute!important;right:8px!important;top:66px!important;bottom:8px!important;width:320px!important;height:auto!important;z-index:30!important;border:1px solid var(--wz-line)!important;border-radius:12px!important;transform:translateX(calc(100% + 24px))!important;box-shadow:var(--wz-shadow-float)!important;transition:transform .18s ease,width .18s ease!important}.inbox-v2.details-open .inbox-details{transform:translateX(0)!important}.inbox-v2.details-expanded .inbox-details{width:min(420px,calc(100vw - 24px))!important}.inbox-v2.details-collapsed .inbox-details{transform:translateX(calc(100% + 24px))!important}
}
@media(max-width:980px){
  .app-shell,.page-inbox .app-shell{display:block!important;height:auto!important}.sidebar,.page-inbox .sidebar{position:fixed!important;left:-250px!important;top:0!important;width:232px!important;z-index:60!important;padding:18px 12px 14px!important;transition:left .2s ease!important;box-shadow:16px 0 42px rgba(0,0,0,.12)!important}.sidebar.open,.sidebar-open .sidebar{left:0!important}.sidebar .brand-copy,.sidebar .nav-label,.sidebar .cloud-status>div,.page-inbox .sidebar .brand-copy,.page-inbox .sidebar .nav-label,.page-inbox .sidebar .cloud-status>div{display:flex!important}.sidebar .sidebar-label,.page-inbox .sidebar .sidebar-label{display:block!important}.sidebar .brand-row,.page-inbox .sidebar .brand-row{display:flex!important;grid-template-columns:none!important;justify-items:normal!important}.sidebar .brand,.page-inbox .sidebar .brand{display:flex!important;justify-items:normal!important;padding:0 4px!important}.sidebar .nav-item,.page-inbox .sidebar .nav-item{justify-content:flex-start!important;padding:9px 10px!important;gap:10px!important}.sidebar .cloud-status,.page-inbox .sidebar .cloud-status{justify-content:flex-start!important}.menu-toggle{display:grid!important;place-items:center!important}.topbar,.page-inbox .topbar{height:58px!important;padding:0 11px!important}.breadcrumb{display:none!important}.workspace-switcher>span,.workspace-static>span{display:none!important}.workspace-switcher select{min-width:0!important;max-width:160px!important}.help-chip,.user-copy{display:none!important}.content{padding:20px 14px 42px!important}.page-heading h1{font-size:20px!important}.attention-grid,.stats-grid,.dashboard-grid,.profile-grid,.report-grid,.report-grid-3{grid-template-columns:1fr 1fr!important}
  .page-inbox .content{height:calc(100dvh - 58px)!important;max-height:calc(100dvh - 58px)!important;padding:5px!important;gap:5px!important}.inbox-account-selector{min-height:50px!important;padding:6px 8px!important}.inbox-account-current small,.inbox-account-picker label{display:none!important}.inbox-account-picker select{min-width:130px!important;max-width:160px!important}.page-inbox .inbox-v2{grid-template-columns:1fr!important;border-radius:10px!important}.inbox-v2-list-panel{width:100%!important}.inbox-v2-main{position:absolute!important;inset:0!important;z-index:8!important;display:none!important}.inbox-v2-main:has(.inbox-chat-layout){display:block!important}.inbox-chat-workspace{grid-template-rows:54px minmax(0,1fr) auto!important}.inbox-chat-head{height:54px!important;min-height:54px!important}.inbox-details{right:5px!important;top:59px!important;bottom:5px!important;width:min(340px,calc(100vw - 10px))!important}.message-bubble{max-width:88%!important}
}
@media(max-width:620px){
  .content{padding-left:10px!important;padding-right:10px!important}.card{padding:15px!important}.attention-grid,.stats-grid,.dashboard-grid,.profile-grid,.report-grid,.report-grid-3{grid-template-columns:1fr!important}.topbar-right{gap:5px!important}.account-trigger{padding-right:4px!important}.workspace-switcher{max-width:46vw!important}.page-inbox .workspace-switcher{display:none!important}.page-inbox .topbar-search{display:none!important}.inbox-account-current b{font-size:10.5px!important}.inbox-account-picker select{width:43vw!important;min-width:0!important}.inbox-row-link{min-height:72px!important}.message-bubble{max-width:92%!important}.composer-tabs.modern{overflow-x:auto!important;white-space:nowrap!important}.composer-tools span{display:none!important}.login-saas-shell{display:block!important}.login-showcase{display:none!important}.login-access-panel{min-height:100vh!important;padding:24px 18px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 11.2.1: compact layout contract. Loaded after legacy component styles. */
body.app-body { --ui-gap:12px; }
body.app-body *,body.app-body *::before,body.app-body *::after { box-sizing:border-box; }
body.app-body [hidden] { display:none!important; }
body.app-body :is(input,select,textarea,button,.btn) { font-family:inherit; }
body.app-body :is(.content,.card,.row,.grid,.section-heading,.actions,.toolbar-primary,.toolbar-mini)>* { min-width:0; }
body.app-body :is(h1,h2,h3,h4,p,small,code) { overflow-wrap:anywhere; }
body.app-body .content h1 { font-size:21px!important;line-height:1.3!important;letter-spacing:-.35px!important; }
body.app-body .content h2 { font-size:17px!important;line-height:1.4!important;letter-spacing:-.2px!important; }
body.app-body .content :is(h3,h4) { font-size:14px!important;line-height:1.45!important;letter-spacing:0!important; }
body.app-body .content :is(p,.muted,.form-help) { font-size:12px!important;line-height:1.6!important; }
body.app-body .content :is(.metric,.device-number,.stat-number,.attention-grid b) { font-size:23px!important;line-height:1.25!important; }
body.app-body .page-heading { margin-bottom:16px!important; }
body.app-body .card { padding:16px!important;border-radius:12px!important; }
body.app-body .section-heading { gap:10px!important;flex-wrap:wrap;margin:16px 0 10px!important; }
body.app-body .section-heading>div:first-child { flex:1 1 200px; }
body.app-body :is(.actions,.inline-actions,.quick-actions,.toolbar-primary,.toolbar-primary>div,.toolbar-primary>form,.toolbar-mini,.device-item-actions,.device-item-actions form,.device-row-actions,.inbox-chat-actions) {
 gap:8px!important;align-items:center;flex-wrap:wrap;
}
body.app-body :is(.actions,.inline-actions,.toolbar-primary>div,.toolbar-primary>form,.toolbar-mini) { display:flex; }
body.app-body :is(.actions,.inline-actions,.toolbar-mini)>form { margin:0;display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
body.app-body :is(button,.btn) { max-width:100%;line-height:1.35!important;text-align:center;text-decoration:none;word-break:normal;white-space:normal; }
body.app-body .content :is(.btn,button):not(.ui-accordion-toggle):not(.icon-btn):not(.send-button):not(.password-reveal-btn) { font-size:12px!important; }
body.app-body .content .btn { color:#fff!important; }
body.app-body .content :is(.btn.secondary,.btn.ghost) { color:var(--text)!important; }
body.app-body .content .btn.danger { color:var(--red)!important; }
body.app-body :is(.actions,.inline-actions,.toolbar-primary,.toolbar-mini) :is(.btn,button) { flex:0 1 auto;margin:0; }
body.app-body :is(input[type=checkbox],input[type=radio]) {
 appearance:auto!important;display:inline-block!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
 max-width:16px!important;max-height:16px!important;padding:0!important;margin:0!important;flex:0 0 16px!important;box-shadow:none!important;vertical-align:middle;accent-color:var(--green);
}
body.app-body :is(.checkbox-line,.check-line,.switch-label,.column-manager label) { display:flex!important;align-items:flex-start!important;gap:8px!important;line-height:1.5; }
body.app-body :is(input[type=checkbox],input[type=radio]):focus-visible { outline:2px solid var(--green);outline-offset:3px; }
body.app-body :is(.btn,button,a,summary):focus-visible { outline:2px solid var(--green)!important;outline-offset:3px; }
body.app-body select { text-overflow:ellipsis;padding-right:28px!important; }
body.app-body input[type=file] { height:auto;white-space:normal;min-width:0;max-width:100%;font-size:12px!important; }
body.app-body textarea { max-width:100%; }
body.app-body :is(.row,.form-grid-2,.filter-extra,.module-search-filters) { gap:12px!important; }
body.app-body .row { grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important; }
body.app-body .form-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
body.app-body :is(.filter-inline,.bulk-actions-bar,.bulk-bar,.search-form,.save-view-form) { display:flex;flex-wrap:wrap;align-items:center;gap:8px!important; }
body.app-body :is(.filter-inline,.bulk-actions-bar,.bulk-bar,.search-form,.save-view-form)>:is(input:not([type=hidden]),select) { width:auto;min-width:0!important;flex:1 1 180px;max-width:100%; }
body.app-body :is(.toolbar-mini,.actions)>select { width:auto;max-width:100%;min-width:0;flex:1 1 160px; }
body.app-body .table-wrap { min-width:0;max-width:100%;overflow:auto!important;overscroll-behavior-x:contain; }
body.app-body .table-wrap table { min-width:680px; }
body.app-body :is(th,td) { padding:10px 12px!important;vertical-align:middle; }
body.app-body td { font-size:12px!important; }
body.app-body td .inline-actions { min-width:125px; }
body.app-body .pagination { flex-wrap:wrap;gap:6px; }
body.app-body .pagination a { min-width:32px;height:32px; }
body.app-body .sidebar { height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain; }
body.app-body .sidebar>* { flex-shrink:0; }
body.app-body .sidebar-spacer { flex:1 0 8px; }
body.app-body .nav-item { min-height:36px!important;padding:8px 10px!important;font-size:12px!important;font-weight:600!important; }
body.app-body .sidebar-label { padding-top:12px!important;font-size:10px!important; }
body.app-body .brand-copy span { white-space:normal;line-height:1.4; }
body.app-body .topbar { gap:10px!important;padding-inline:18px!important; }
body.app-body .workspace-switcher { min-width:0;flex-shrink:1; }
body.app-body .workspace-switcher select { min-width:0!important;width:190px;max-width:100%!important; }
body.app-body .topbar-right { flex-shrink:0;margin-left:auto; }
body.app-body .topbar-search { min-width:80px; }
body.app-body .user-copy b { max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
body.app-body :is(.account-trigger,.menu-toggle,.sidebar-collapse) { background:transparent!important;color:var(--text)!important;border-color:var(--border)!important; }
body.app-body .menu-toggle { width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:6px!important; }
body.app-body .sidebar-collapse { padding:0!important; }
body.app-body .account-trigger { padding:3px!important; }
body.app-body .theme-switch button { padding:6px 5px!important;background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--border)!important; }
body.app-body .theme-switch button.active { background:var(--green-soft)!important;color:var(--green)!important;border-color:var(--green-border)!important; }
/* Accordion controls must not inherit the large primary-button treatment. */
body.app-body .ui-accordion-head { display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;padding:0!important;min-height:32px!important;margin:0!important; }
body.app-body .ui-accordion-head>:first-child { flex:1 1 180px;min-width:0; }
body.app-body .ui-accordion-head :is(h2,h3,h4,p) { margin:0!important; }
body.app-body .ui-accordion-generated-copy>b { font-size:14px!important;line-height:1.5!important; }
body.app-body .ui-accordion-generated-copy small { font-size:11px!important; }
body.app-body .ui-accordion-toggle { flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;margin-left:auto!important;border-radius:8px!important;background:var(--panel-2)!important;color:var(--text)!important;border:1px solid var(--border)!important; }
body.app-body .ui-accordion-toggle::before { font-size:16px!important; }
body.app-body .ui-accordion-section:not(.is-collapsed)>.ui-accordion-head { margin-bottom:14px!important; }
body.app-body .ui-accordion-section.is-collapsed { padding:14px 16px!important; }
html body.app-body main.content>[class].ui-accordion-section+[class].ui-accordion-section { margin-top:14px!important; }
body.app-body :is(.attention-grid,.stats-grid) { grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr))!important;gap:10px!important; }
body.app-body :is(.attention-grid a,.stats-grid .stat-card) { min-height:90px!important;padding:13px!important; }
body.app-body :is(.account-scope-card,.campaign-scope-card,.workspace-summary-hero,.customer-page-toolbar,.device-section-head,.device-list-item,.ai-bot-head,.ai-knowledge-card,.update-hero,.campaign-hero,.contact-profile-head) { gap:12px!important;flex-wrap:wrap; }
body.app-body :is(.account-scope-card,.campaign-scope-card)>form { min-width:0!important;max-width:100%; }
body.app-body :is(.device-item-main,.device-item-copy,.device-head>div,.ai-knowledge-card>div,.customer-card) { min-width:0;overflow-wrap:anywhere; }
body.app-body :is(.device-item-actions,.ai-knowledge-card .actions) { flex-wrap:wrap!important;max-width:100%; }
body.app-body .device-item-actions form button { white-space:normal!important; }
body.app-body dialog { max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto; }
body.app-body :is(pre,.api-example pre) { max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere; }
/* One viewport calculation for the complete inbox, including header and composer. */
body.app-body.page-inbox .workspace { height:100dvh!important;display:grid!important;grid-template-rows:58px minmax(0,1fr)!important;min-height:0!important; }
body.app-body.page-inbox .topbar { height:58px!important;min-height:58px!important; }
body.app-body.page-inbox .content { height:100%!important;max-height:100%!important;min-height:0!important; }
body.app-body.page-inbox .inbox-chat-workspace { grid-template-rows:auto minmax(0,1fr) auto!important; }
body.app-body.page-inbox .inbox-chat-head { height:auto!important;min-height:58px!important;flex-wrap:wrap;gap:8px!important; }
body.app-body.page-inbox .inbox-chat-person { min-width:0;flex:1 1 180px; }
body.app-body.page-inbox .inbox-chat-person h2 { font-size:13px!important; }
body.app-body.page-inbox .inbox-composer { min-height:0!important;max-height:45dvh!important;overflow:auto!important; }
body.app-body.page-inbox .composer-tabs.modern { flex-shrink:0;overflow-x:auto!important; }
body.app-body.page-inbox .composer-tabs.modern button { flex-shrink:0;font-size:11px!important; }
body.app-body.page-inbox .composer-pane.modern { max-height:calc(45dvh - 34px)!important;overflow-y:auto!important; }
body.app-body.page-inbox .composer-input textarea { font-size:13px!important; }
body.app-body.page-inbox .message-bubble { font-size:13px!important;overflow-wrap:anywhere; }
body.app-body.page-inbox .inbox-row-title b { font-size:12px!important; }
body.app-body.page-inbox .inbox-row-preview { font-size:11px!important; }
body.app-body.page-inbox .inbox-chat-layout { --detail-width:270px!important; }
body.app-body.page-inbox .inbox-v2.details-expanded .inbox-chat-layout { --detail-width:320px!important; }
@media(min-width:1181px) and (max-width:1500px) {
 body.app-body .breadcrumb>span,body.app-body .breadcrumb>b { display:none!important; }
 body.app-body .topbar-search { max-width:220px!important; }
 body.app-body.page-inbox .inbox-v2 { --inbox-rail:130px;--inbox-list:270px; }
}
@media(max-width:1180px) {
 body.app-body :is(.contacts-grid,.device-grid,.customer-admin-grid,.customer-detail-grid,.campaign-builder,.template-layout,.ai-layout,.embedded-grid) { grid-template-columns:minmax(0,1fr)!important; }
 body.app-body .content { padding:18px 18px 32px!important; }
}
@media(max-width:980px) {
 body.app-body .app-shell { display:block!important; }
 body.app-body .sidebar { transform:none!important;left:-250px!important;width:232px!important; }
 body.app-body.sidebar-open .sidebar { left:0!important; }
 body.app-body .sidebar-overlay { z-index:50!important; }
 body.app-body .topbar { padding-inline:10px!important;gap:8px!important; }
 body.app-body .workspace-switcher select { width:180px; }
 body.app-body :is(.account-scope-card,.campaign-scope-card) { display:flex!important;flex-direction:column;align-items:stretch!important; }
 body.app-body :is(.account-scope-card,.campaign-scope-card)>form { width:100%!important; }
 body.app-body :is(.form-grid-2,.report-grid-3,.onboarding-mode-grid,.provider-runtime-grid,.settings-grid,.ai-provider-grid,.ai-api-grid) { grid-template-columns:minmax(0,1fr)!important; }
 body.app-body .device-move-grid { grid-template-columns:minmax(0,1fr)!important; }
 body.app-body .device-move-or { height:auto;margin:0; }
}
@media(max-width:620px) {
 body.app-body .content { padding:16px 12px 28px!important; }
 body.app-body .content h1 { font-size:20px!important; }
 body.app-body .card { padding:14px!important; }
 body.app-body :is(.dashboard-grid,.profile-grid,.report-grid,.customer-kpi-grid,.onboarding-rule-grid,.permission-grid,.coex-flow,.device-meta,.ai-test-box) { grid-template-columns:minmax(0,1fr)!important; }
 body.app-body :is(.attention-grid,.stats-grid) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 body.app-body .toolbar-primary>div { width:100%; }
 body.app-body .toolbar-primary>div>.btn { flex:1 1 130px; }
 body.app-body .module-search-main { flex-wrap:wrap; }
 body.app-body .module-search-main input { width:100%;min-width:0!important; }
 body.app-body .module-search-filters { grid-template-columns:minmax(0,1fr)!important; }
 body.app-body :is(.device-list-item,.ai-knowledge-card,.update-hero,.campaign-hero,.contact-profile-head) { flex-direction:column;align-items:stretch!important; }
 body.app-body .account-dropdown { right:10px;max-width:calc(100vw - 20px); }
 body.app-body.page-inbox .inbox-account-selector { gap:8px!important; }
 body.app-body.page-inbox .inbox-account-picker select { width:40vw!important; }
 body.app-body.page-inbox .inbox-chat-actions { justify-content:flex-end; }
 body.app-body.page-inbox .inbox-chat-person p { max-width:65vw!important; }
}
body.app-body .ui-accordion-toggle { position:static!important;transform:none!important;right:auto!important;top:auto!important; }
body.app-body .secret-input { display:flex!important;flex-wrap:wrap;gap:8px!important; }
body.app-body .secret-input input { min-width:0!important;flex:1 1 180px; }
body.app-body .secret-input .icon-btn { width:auto!important;min-width:64px!important;height:auto!important;padding:7px 10px!important; }
body.app-body .device-move-dialog { background:var(--panel)!important;color:var(--text)!important; }
body.app-body .device-move-close { flex:0 0 32px;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--border)!important; }
body.app-body :is(.ai-knowledge-card p,.ai-test-result p,.switch-label) { color:var(--text)!important; }
body.app-body :is(.ai-provider-layout,.ai-knowledge-layout,.ai-api-grid,.ai-bot-grid)>* { min-width:0; }
body.app-body .ai-provider-card { grid-template-columns:minmax(0,1fr) minmax(0,.8fr) auto; }
body.app-body .ai-key-form { max-width:calc(100vw - 24px); }
@media(max-width:1120px) {
 body.app-body :is(.ai-provider-layout,.ai-knowledge-layout,.ai-api-grid,.ai-bot-grid) { grid-template-columns:minmax(0,1fr)!important; }
 body.app-body .ai-provider-card { grid-template-columns:minmax(0,1fr) auto; }
}
@media(max-width:650px) {
 body.app-body .ai-provider-card { grid-template-columns:minmax(0,1fr); }
 body.app-body .ai-provider-card .actions { grid-column:auto;grid-row:auto; }
}

/* 11.2.2 — restrained system UI: flat surfaces, quiet navigation, SVG controls. */
:root { --wz-radius:8px;--wz-radius-sm:6px;--wz-shadow:none;--wz-green:#15805d;--wz-green-hover:#10664a;--wz-green-soft:#edf5f1;--wz-green-line:#d7e7df; }
html[data-theme="light"] { --wz-bg:#f6f7f8;--wz-line:#e2e5e8;--wz-text:#242a30;--wz-muted:#67717b;--wz-shadow:none; }
html[data-theme="dark"] { --wz-shadow:none; }
body.app-body { font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:13px!important; }
body.app-body :is(.card,.device-section-card,.ui-accordion-section,.customer-waba-card,.stat-card,.health-card,.ai-bot-card,.ai-provider-card,.ai-knowledge-card,.customer-card,.settings-hub a,.management-card-grid>a,.update-hero,.campaign-hero,.contact-profile-head) {
 background:var(--panel)!important;background-image:none!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:none!important;
}
body.app-body :is(.card,.stat-card,.device-section-card,.embedded-signup-card,.coex-card)::before,
body.app-body :is(.card,.stat-card,.device-section-card,.embedded-signup-card,.coex-card)::after { display:none!important; }
body.app-body :is(.page-heading h1,.content h1) { font-weight:600!important;letter-spacing:-.3px!important; }
body.app-body .content :is(h2,h3,h4),body.app-body .ui-accordion-generated-copy>b { font-weight:600!important; }
body.app-body .content :is(.stat-number,.metric,.attention-grid b) { font-weight:600!important;letter-spacing:-.4px!important; }
body.app-body .eyebrow { font-size:10px!important;font-weight:500!important;letter-spacing:.4px!important;color:var(--muted)!important; }
body.app-body :is(.btn,button,input,select,textarea) { border-radius:6px!important; }
body.app-body .content :is(.btn,button) { font-weight:500!important; }
body.app-body :is(.btn.secondary,button.secondary,.btn.ghost,button.ghost) { background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important; }
body.app-body :is(.btn.secondary,button.secondary,.btn.ghost,button.ghost):hover { background:var(--panel-2)!important; }
body.app-body :is(.nav-item,.inbox-view-link) { border-radius:5px!important;font-weight:500!important; }
body.app-body .nav-item.active { background:var(--panel-3)!important;color:var(--text)!important;font-weight:600!important; }
body.app-body .sidebar-label { font-size:10px!important;font-weight:500!important;letter-spacing:.6px!important; }
body.app-body .brand-mark.brand-logo { background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important; }
body.app-body .brand-copy b { font-weight:600!important; }
body.app-body .topbar { background:var(--panel)!important;backdrop-filter:none!important; }
body.app-body :is(.workspace-switcher,.workspace-static,.topbar-search input,.cloud-status) { border-radius:6px!important;background:var(--panel-2)!important;box-shadow:none!important; }
body.app-body .ui-accordion-head { background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important; }
body.app-body .ui-accordion-toggle { background:transparent!important;border:0!important;border-radius:4px!important;color:var(--muted)!important; }
body.app-body .ui-accordion-toggle:hover { background:var(--panel-2)!important;color:var(--text)!important; }
body.app-body .ui-accordion-toggle::before,body.app-body .ui-accordion-toggle::after { display:none!important;content:none!important; }
body.app-body .ui-line-icon { display:block!important;width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none; }
body.app-body .ui-accordion-toggle[aria-expanded="false"]>.ui-line-icon { transform:rotate(-90deg); }
body.app-body .ui-sidebar-icon { width:18px!important;height:18px!important; }
body.app-body.sidebar-collapsed .ui-sidebar-icon { transform:rotate(180deg); }
body.app-body .section-number,body.app-body .ui-accordion-section.is-collapsed .section-number {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:22px!important;min-width:16px!important;flex:0 0 16px!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font-size:0!important;box-shadow:none!important;
}
body.app-body .section-number::before,body.app-body .section-number::after { display:none!important;content:none!important; }
body.app-body .ui-disclosure { list-style:none!important; }
body.app-body .ui-disclosure::-webkit-details-marker { display:none!important; }
body.app-body .ui-disclosure::marker { content:""; }
body.app-body .ui-disclosure::after { display:none!important;content:none!important; }
body.app-body .ui-disclosure>.ui-line-icon { margin-left:auto;transition:transform .15s ease; }
body.app-body details[open]>.ui-disclosure>.ui-line-icon { transform:rotate(180deg); }
body.app-body .ui-disclosure>span:empty { display:none!important; }
body.app-body :is(.tabs,.composer-tabs.modern) { gap:0!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;box-shadow:none!important; }
body.app-body :is(.tabs>a,.tabs>button,.composer-tabs.modern>button) {
 min-height:36px!important;height:auto!important;padding:8px 12px!important;background:transparent!important;color:var(--muted)!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;font-size:12px!important;font-weight:500!important;box-shadow:none!important;
}
body.app-body :is(.tabs>a.active,.tabs>button.active,.composer-tabs.modern>button.active) { color:var(--text)!important;border-bottom-color:var(--green)!important;box-shadow:none!important; }
body.app-body :is(.tabs>a,.tabs>button,.composer-tabs.modern>button):hover { color:var(--text)!important;background:var(--panel-2)!important; }
body.app-body .tabs { display:flex;flex-wrap:wrap; }
body.app-body :is(.device-flow-strip,.onboard-checks,.provider-status-grid,.setup-steps) { gap:10px!important; }
body.app-body :is(.pill,.status-chip) { border-radius:4px!important;box-shadow:none!important;font-weight:500!important; }
body.app-body .inbox-message-wall { background:var(--panel-2)!important;background-image:none!important; }
body.app-body .message-bubble { box-shadow:none!important;border-radius:7px!important; }
body.app-body .inbox-v2 { border-radius:8px!important;box-shadow:none!important; }
body.app-body th { text-transform:none!important;letter-spacing:0!important;font-size:11px!important;font-weight:600!important; }
body.app-body tbody tr:nth-child(even) td { background:transparent; }
body.app-body .device-more>summary { display:inline-flex!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border-radius:6px!important;background:var(--panel)!important;border:1px solid var(--border)!important;color:var(--text)!important;font-weight:500!important; }
body.app-body select:not([multiple]):not([size]) {
 appearance:none!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2375808a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 9px center!important;background-size:14px 14px!important;padding-right:30px!important;
}
body.app-body.page-inbox .composer-tabs.modern { height:37px!important;min-height:37px!important; }
body.app-body.page-inbox .composer-tabs.modern button { min-height:36px!important;height:36px!important; }


/* 11.2.4: one header grid, no absolute positioning or inherited negative margins. */
html body.app-body main.content .ui-accordion-section.ts-disclosure {
 box-sizing:border-box!important;padding:16px!important;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure.is-collapsed {
 display:block!important;min-height:0!important;cursor:pointer;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure>.ui-accordion-head {
 display:grid!important;grid-template-columns:minmax(0,1fr) 28px!important;
 grid-column:1 / -1!important;align-items:center!important;align-content:center!important;
 justify-content:normal!important;gap:16px!important;position:static!important;
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 min-width:0!important;min-height:40px!important;height:auto!important;
 margin:0!important;padding:0!important;transform:none!important;cursor:pointer;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure:not(.is-collapsed)>.ui-accordion-head {
 margin:0 0 14px!important;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure>.ui-accordion-head>.ui-disclosure-copy {
 grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;
 flex-wrap:wrap!important;gap:8px 12px!important;min-width:0!important;width:100%!important;
 margin:0!important;padding:0!important;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure .ui-disclosure-copy>:first-child {
 flex:1 1 220px;min-width:0;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure>.ui-accordion-head>:is(.ui-accordion-toggle,.ui-line-icon) {
 grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:end!important;
 position:static!important;inset:auto!important;transform:none!important;float:none!important;
 box-sizing:border-box!important;display:grid!important;place-items:center!important;
 width:28px!important;min-width:28px!important;max-width:28px!important;
 height:28px!important;min-height:28px!important;max-height:28px!important;
 margin:0!important;padding:5px!important;flex:none!important;
 border:1px solid var(--border)!important;border-radius:5px!important;
 background:var(--panel)!important;color:var(--muted)!important;font-size:0!important;line-height:1!important;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure>.ui-accordion-head>.ui-accordion-toggle>.ui-line-icon {
 box-sizing:border-box!important;width:16px!important;height:16px!important;min-width:16px!important;
 margin:0!important;padding:0!important;border:0!important;transform:none!important;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure .ui-accordion-toggle::before,
html body.app-body main.content .ui-accordion-section.ts-disclosure .ui-accordion-toggle::after {
 content:none!important;display:none!important;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure .ui-accordion-toggle[aria-expanded="true"] .ui-plus-stem,
html body.app-body main.content .ui-accordion-section.ts-disclosure[open]>.ui-accordion-head>.ui-line-icon .ui-plus-stem {
 display:none!important;
}
html body.app-body main.content .ui-accordion-section.ts-disclosure>.ui-accordion-head:focus-visible {
 outline:2px solid var(--green);outline-offset:4px;
}

/* 11.2.5: sidebar state is controlled by the saved user preference on every page. */
@media(min-width:981px) {
 html body.app-body:not(.sidebar-collapsed) .app-shell { grid-template-columns:236px minmax(0,1fr)!important; }
 html body.app-body.sidebar-collapsed .app-shell { grid-template-columns:72px minmax(0,1fr)!important; }
 html body.app-body .sidebar-collapse { display:grid!important;place-items:center!important; }
 html body.app-body:not(.sidebar-collapsed) .sidebar { padding:18px 12px 14px!important; }
 html body.app-body:not(.sidebar-collapsed) .sidebar .brand-copy,
 html body.app-body:not(.sidebar-collapsed) .sidebar .nav-label,
 html body.app-body:not(.sidebar-collapsed) .sidebar .cloud-status>div { display:flex!important; }
 html body.app-body:not(.sidebar-collapsed) .sidebar .sidebar-label { display:block!important; }
 html body.app-body:not(.sidebar-collapsed) .sidebar .brand-row { display:flex!important;gap:8px!important; }
 html body.app-body:not(.sidebar-collapsed) .sidebar .brand { display:flex!important;gap:10px!important;padding:0 4px!important;min-width:0; }
 html body.app-body:not(.sidebar-collapsed) .sidebar .nav-item { justify-content:flex-start!important;padding:8px 10px!important;gap:10px!important; }
 html body.app-body:not(.sidebar-collapsed) .sidebar .nav-badge { position:static!important;margin-left:auto!important; }
 html body.app-body:not(.sidebar-collapsed) .sidebar .cloud-status { justify-content:flex-start!important;padding:10px!important;gap:10px!important; }
 html body.app-body.sidebar-collapsed .sidebar :is(.brand-copy,.sidebar-label,.nav-label),
 html body.app-body.sidebar-collapsed .sidebar .cloud-status>div { display:none!important; }
 html body.app-body.sidebar-collapsed .sidebar .brand-row { display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:8px!important; }
 html body.app-body.sidebar-collapsed .sidebar .brand { padding:0!important; }
 html body.app-body.sidebar-collapsed .sidebar .nav-item { justify-content:center!important;gap:0!important; }
}

/* 11.2.6: restore composite grids after accordion enhancement. */
html body.app-body main.content :is(.dashboard-grid,.report-grid-3,.users-ops-grid,.guide-layout,.customer-summary-grid).ui-accordion-section:not(.is-collapsed) {
 display:grid!important;gap:14px!important;align-items:start!important;overflow:visible!important;
}
html body.app-body main.content :is(.dashboard-grid,.users-ops-grid).ui-accordion-section:not(.is-collapsed) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
html body.app-body main.content .report-grid-3.ui-accordion-section:not(.is-collapsed) { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
html body.app-body main.content .customer-summary-grid.ui-accordion-section:not(.is-collapsed) { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
html body.app-body main.content .guide-layout.ui-accordion-section:not(.is-collapsed) { grid-template-columns:200px minmax(0,1fr)!important; }
html body.app-body main.content :is(.dashboard-grid,.report-grid-3,.users-ops-grid,.guide-layout,.customer-summary-grid).ui-accordion-section>.ui-accordion-head {
 grid-column:1 / -1!important;margin:0!important;min-height:40px!important;
}
/* Sibling spacing belongs to the grid gap, not to individual cards. */
html body.app-body main.content :is(.dashboard-grid,.report-grid-3,.users-ops-grid,.guide-layout,.customer-summary-grid).ui-accordion-section>:not(.ui-accordion-head) {
 margin:0!important;min-width:0!important;max-width:100%!important;width:auto!important;
 height:auto!important;min-height:0!important;align-self:stretch!important;grid-row:auto!important;
}
html body.app-body main.content .guide-layout.ui-accordion-section>.guide-nav {
 grid-column:1!important;align-self:start!important;position:static!important;display:grid;gap:4px!important;
 padding:0!important;border:0!important;
}
html body.app-body main.content .guide-layout.ui-accordion-section>.guide-content { grid-column:2!important;display:grid;gap:14px!important; }
html body.app-body main.content .guide-nav a { display:block;padding:10px 12px!important;margin:0;text-decoration:none!important;border-radius:5px;line-height:1.4; }
html body.app-body main.content .guide-nav a:hover { background:var(--panel-2)!important;color:var(--text)!important; }
html body.app-body main.content .guide-content>.guide-section { margin:0!important;scroll-margin-top:86px; }
html body.app-body main.content .guide-section ol { margin:12px 0 0;padding-left:22px; }
html body.app-body main.content .guide-section li { margin:7px 0;line-height:1.6; }
html body.app-body main.content .customer-summary-grid.ui-accordion-section>div:not(.ui-accordion-head) {
 padding:14px!important;border:1px solid var(--border)!important;border-radius:6px!important;background:var(--panel-2)!important;
}
html body.app-body main.content .customer-summary-grid>div:not(.ui-accordion-head)>span { font-size:11px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important; }
html body.app-body main.content .customer-summary-grid>div:not(.ui-accordion-head)>strong { font-size:23px!important;font-weight:600!important;line-height:1.3!important;margin:8px 0 4px!important; }
html body.app-body main.content .report-grid-3 .list-row { margin:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;gap:12px!important; }
html body.app-body main.content .report-grid-3 .list-row:last-child { border-bottom:0!important; }
html body.app-body main.content .report-grid-3 .list-row>b { margin-left:auto;flex:0 0 auto; }
html body.app-body main.content .dashboard-grid .task-list,
html body.app-body main.content .dashboard-grid .quick-grid { margin:0!important;gap:8px!important; }
html body.app-body main.content .dashboard-grid .quick-grid { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; }
html body.app-body main.content .dashboard-grid :is(.task-list a,.quick-grid a) { min-height:40px!important;padding:10px 12px!important;border-radius:6px!important; }
html body.app-body main.content .users-ops-grid form .row { gap:12px!important; }
@media(max-width:1100px) {
 html body.app-body main.content .customer-summary-grid.ui-accordion-section:not(.is-collapsed) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 html body.app-body main.content .users-ops-grid.ui-accordion-section:not(.is-collapsed) { grid-template-columns:minmax(0,1fr)!important; }
}
@media(max-width:760px) {
 html body.app-body main.content :is(.dashboard-grid,.report-grid-3,.guide-layout).ui-accordion-section:not(.is-collapsed) { grid-template-columns:minmax(0,1fr)!important; }
 html body.app-body main.content .guide-layout.ui-accordion-section>:is(.guide-nav,.guide-content) { grid-column:1!important; }
 html body.app-body main.content .guide-layout.ui-accordion-section>.guide-nav { display:flex!important;flex-wrap:wrap;gap:4px!important;padding-bottom:12px!important;border-bottom:1px solid var(--border)!important; }
}
@media(max-width:400px) {
 html body.app-body main.content .customer-summary-grid.ui-accordion-section:not(.is-collapsed) { grid-template-columns:minmax(0,1fr)!important; }
}

/* TS WhatsApp V11.5.5 — live inbox feedback + bulk select-all */
.page-inbox .inbox-bulk-bar .inbox-select-all{flex:0 0 auto!important;white-space:nowrap!important;background:transparent!important;color:var(--wz-green)!important;border:1px solid rgba(17,151,105,.22)!important;padding:0 9px!important}
.page-inbox .inbox-bulk-bar .inbox-select-all:hover{background:var(--wz-green-soft)!important}
.page-inbox .inbox-v2.inbox-live-loading .inbox-v2-main:before{content:"";position:absolute;z-index:80;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--wz-green),transparent);background-size:45% 100%;animation:ts-inbox-live-slide .75s linear infinite;pointer-events:none}
.page-inbox .inbox-v2.inbox-live-loading .inbox-chat-workspace{opacity:.985}
@keyframes ts-inbox-live-slide{0%{background-position:-55vw 0}100%{background-position:110vw 0}}
.page-inbox .inbox-live-toast{border-radius:10px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line-strong)!important;color:var(--wz-text)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
.page-inbox .inbox-live-toast button{background:var(--wz-green)!important;color:#fff!important;border-color:var(--wz-green)!important}
@media(max-width:760px){.page-inbox .inbox-bulk-bar{flex-wrap:wrap!important}.page-inbox .inbox-bulk-bar select{order:4;flex-basis:100%!important}.page-inbox .inbox-bulk-bar .inbox-select-all{margin-left:auto!important}}

/* =========================================================
   TS WhatsApp V11.5.6 — Professional Human Inbox
   Compact message rhythm, clear customer/agent sides, calmer hierarchy.
   ========================================================= */
body.app-body.page-inbox .content{
  padding:8px 10px 10px!important;
  gap:8px!important;
}
body.app-body.page-inbox .inbox-account-selector{
  min-height:54px!important;
  padding:7px 10px!important;
  margin:0!important;
  border-radius:10px!important;
  background:var(--wz-surface)!important;
  border:1px solid var(--wz-line)!important;
  box-shadow:none!important;
}
body.app-body.page-inbox .wa-account-photo{width:34px!important;height:34px!important;border-radius:10px!important}
body.app-body.page-inbox .inbox-account-current b{font-size:12px!important;line-height:1.2!important}
body.app-body.page-inbox .inbox-account-current small{font-size:9.5px!important;line-height:1.2!important}
body.app-body.page-inbox .inbox-account-picker select{height:32px!important;min-height:32px!important;font-size:10.5px!important;border-radius:8px!important}

body.app-body.page-inbox .inbox-v2.inbox-v3{
  --inbox-rail:156px!important;
  --inbox-list:326px!important;
  border-radius:10px!important;
  border:1px solid var(--wz-line)!important;
  background:var(--wz-surface)!important;
  box-shadow:0 8px 28px rgba(16,24,40,.05)!important;
  overflow:hidden!important;
}
html[data-theme="dark"] body.app-body.page-inbox .inbox-v2.inbox-v3{box-shadow:0 10px 34px rgba(0,0,0,.16)!important}

/* rail: quiet navigation, not a wall of boxes */
body.app-body.page-inbox .inbox-v3 .inbox-v2-rail{padding:10px 8px!important;background:var(--wz-surface)!important;border-right:1px solid var(--wz-line)!important}
body.app-body.page-inbox .inbox-v3 .inbox-rail-head{padding:2px 5px 9px!important;margin:0 0 5px!important}
body.app-body.page-inbox .inbox-v3 .inbox-rail-head h2{font-size:14px!important;line-height:1.15!important}
body.app-body.page-inbox .inbox-v3 .inbox-rail-head small{font-size:9px!important}
body.app-body.page-inbox .inbox-v3 .inbox-view-link{min-height:32px!important;padding:6px 7px!important;border-radius:7px!important;font-size:10.5px!important;gap:6px!important}
body.app-body.page-inbox .inbox-v3 .inbox-view-link.active{background:var(--wz-green-soft)!important;color:var(--wz-green)!important}
body.app-body.page-inbox .inbox-v3 .inbox-rail-section{margin-top:8px!important;padding:8px 5px 0!important;border-top:1px solid var(--wz-line)!important;border-radius:0!important;background:transparent!important}
body.app-body.page-inbox .inbox-v3 .inbox-rail-section>span{font-size:8px!important;letter-spacing:.06em!important}
body.app-body.page-inbox .inbox-v3 .inbox-rail-section a{padding:5px 4px!important;font-size:9.5px!important;border-radius:6px!important}
body.app-body.page-inbox .inbox-v3 .inbox-rail-footer{padding:8px 5px!important;margin-top:7px!important;border-radius:7px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important}

/* conversation list: compact but readable */
body.app-body.page-inbox .inbox-v3 .inbox-v2-list-panel{background:var(--wz-surface)!important;border-right:1px solid var(--wz-line)!important}
body.app-body.page-inbox .inbox-v3 .inbox-list-head{height:50px!important;min-height:50px!important;padding:7px 10px!important;background:var(--wz-surface)!important;border-bottom:1px solid var(--wz-line)!important}
body.app-body.page-inbox .inbox-v3 .inbox-list-head h2{font-size:14px!important;font-weight:700!important}
body.app-body.page-inbox .inbox-v3 .inbox-list-head span{font-size:9px!important;color:var(--wz-muted)!important}
body.app-body.page-inbox .inbox-v3 .inbox-search{height:36px!important;min-height:36px!important;margin:7px 8px!important;padding:0 7px!important;border-radius:9px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important}
body.app-body.page-inbox .inbox-v3 .inbox-search input{height:34px!important;min-height:34px!important;font-size:11px!important;background:transparent!important}
body.app-body.page-inbox .inbox-v3 .inbox-conversation-list{background:var(--wz-surface)!important}
body.app-body.page-inbox .inbox-v3 .inbox-conversation{background:transparent!important;border-bottom:1px solid color-mix(in srgb,var(--wz-line) 76%,transparent)!important}
body.app-body.page-inbox .inbox-v3 .inbox-conversation:hover{background:var(--wz-surface-2)!important}
body.app-body.page-inbox .inbox-v3 .inbox-conversation.active{background:var(--wz-green-soft)!important}
body.app-body.page-inbox .inbox-v3 .inbox-conversation.active:before{top:8px!important;bottom:8px!important;width:2px!important}
body.app-body.page-inbox .inbox-v3 .inbox-row-link{
  min-height:62px!important;
  grid-template-columns:35px minmax(0,1fr) 22px!important;
  gap:8px!important;
  padding:8px 8px 8px 10px!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;
}
body.app-body.page-inbox .inbox-v3 .inbox-avatar{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:10px!important}
body.app-body.page-inbox .inbox-v3 .inbox-row-title b{font-size:11.8px!important;line-height:1.2!important;font-weight:700!important}
body.app-body.page-inbox .inbox-v3 .inbox-row-title time{font-size:8.5px!important}
body.app-body.page-inbox .inbox-v3 .inbox-row-preview{font-size:10px!important;line-height:1.25!important;margin-top:2px!important}
body.app-body.page-inbox .inbox-v3 .inbox-row-meta{margin-top:3px!important;gap:4px!important}
body.app-body.page-inbox .inbox-v3 .inbox-row-meta>span{font-size:8px!important;padding:1px 4px!important;background:transparent!important}

/* chat header */
body.app-body.page-inbox .inbox-v3 .inbox-chat-workspace{grid-template-rows:54px minmax(0,1fr) auto!important;background:var(--wz-bg)!important}
body.app-body.page-inbox .inbox-v3 .inbox-chat-head{
  height:54px!important;min-height:54px!important;
  padding:7px 11px!important;
  background:var(--wz-surface)!important;
  border-bottom:1px solid var(--wz-line)!important;
  box-shadow:none!important;gap:8px!important;
}
body.app-body.page-inbox .inbox-v3 .inbox-chat-person{gap:8px!important;min-width:0!important}
body.app-body.page-inbox .inbox-v3 .inbox-chat-person .inbox-avatar.large{width:34px!important;height:34px!important;border-radius:10px!important;font-size:10px!important}
body.app-body.page-inbox .inbox-v3 .inbox-chat-person h2{font-size:12.5px!important;line-height:1.15!important;margin:0 0 2px!important}
body.app-body.page-inbox .inbox-v3 .inbox-chat-person p{font-size:9px!important;line-height:1.2!important;color:var(--wz-muted)!important}
body.app-body.page-inbox .inbox-v3 .inbox-chat-actions .icon-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:8px!important;font-size:11px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important;box-shadow:none!important;transform:none!important}
body.app-body.page-inbox .inbox-v3 .window-chip{font-size:8px!important;padding:4px 7px!important;border-radius:7px!important}

/* message canvas: real chat rhythm, not card UI */
body.app-body.page-inbox .inbox-v3 .inbox-message-wall{
  padding:14px clamp(14px,1.8vw,28px) 16px!important;
  background:color-mix(in srgb,var(--wz-bg) 74%,var(--wz-surface-2))!important;
  background-image:none!important;
}
body.app-body.page-inbox .inbox-v3 .message-day{margin:3px 0 10px!important}
body.app-body.page-inbox .inbox-v3 .message-day span{font-size:8px!important;padding:3px 8px!important;border-radius:999px!important;background:color-mix(in srgb,var(--wz-surface) 90%,transparent)!important;border:1px solid var(--wz-line)!important;color:var(--wz-muted)!important}
body.app-body.page-inbox .inbox-v3 .message-row{display:flex!important;margin:2px 0!important;width:100%!important}
body.app-body.page-inbox .inbox-v3 .message-row.in{justify-content:flex-start!important;padding-right:18%!important}
body.app-body.page-inbox .inbox-v3 .message-row.out{justify-content:flex-end!important;padding-left:18%!important}
body.app-body.page-inbox .inbox-v3 .message-bubble{
  display:inline-block!important;
  width:fit-content!important;
  min-width:0!important;
  max-width:min(560px,64%)!important;
  padding:6px 9px 5px!important;
  border-radius:11px!important;
  font-size:12.5px!important;
  line-height:1.38!important;
  box-shadow:0 1px 2px rgba(16,24,40,.055)!important;
  overflow-wrap:anywhere!important;
}
body.app-body.page-inbox .inbox-v3 .message-row.in .message-bubble{background:var(--wz-surface)!important;border:1px solid var(--wz-line)!important;color:var(--wz-text)!important;border-top-left-radius:4px!important}
body.app-body.page-inbox .inbox-v3 .message-row.out .message-bubble{background:#dff7eb!important;border:1px solid #c9ecd9!important;color:#173a2c!important;border-top-right-radius:4px!important}
html[data-theme="dark"] body.app-body.page-inbox .inbox-v3 .message-row.in .message-bubble{background:#192227!important;border-color:#29353b!important;color:#eef4f5!important}
html[data-theme="dark"] body.app-body.page-inbox .inbox-v3 .message-row.out .message-bubble{background:#0d6757!important;border-color:#187563!important;color:#f1fffa!important}
body.app-body.page-inbox .inbox-v3 .message-body{display:block!important;width:auto!important;white-space:normal!important}
body.app-body.page-inbox .inbox-v3 .message-meta{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:4px!important;margin-top:2px!important;
  min-height:12px!important;font-size:8.5px!important;line-height:1!important;color:var(--wz-muted)!important;opacity:.9!important;
  white-space:nowrap!important;
}
html[data-theme="dark"] body.app-body.page-inbox .inbox-v3 .message-meta{color:rgba(231,243,242,.62)!important}
body.app-body.page-inbox .inbox-v3 .message-origin{
  max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important;
  font-size:8.3px!important;font-weight:650!important;color:inherit!important;opacity:.9!important;
}
body.app-body.page-inbox .inbox-v3 .message-origin:after{content:"·";margin-left:4px;opacity:.55}
body.app-body.page-inbox .inbox-v3 .message-time{font-variant-numeric:tabular-nums!important}
body.app-body.page-inbox .inbox-v3 .message-status{font-size:9px!important;line-height:1!important;letter-spacing:-1px!important;color:var(--wz-muted)!important}
body.app-body.page-inbox .inbox-v3 .message-status.status-read{color:#1c8fd6!important}
body.app-body.page-inbox .inbox-v3 .message-status.status-failed{width:13px!important;height:13px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#d94a4a!important;color:#fff!important;letter-spacing:0!important}
body.app-body.page-inbox .inbox-v3 .message-delete-form{margin-left:2px!important}
body.app-body.page-inbox .inbox-v3 .message-delete-form button{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font-size:9px!important;opacity:.42!important;transform:none!important}
body.app-body.page-inbox .inbox-v3 .message-delete-form button:hover{opacity:.9!important;background:transparent!important}
body.app-body.page-inbox .inbox-v3 .message-delivery-error{margin-top:5px!important;padding:5px 7px!important;border-radius:7px!important;font-size:9px!important;line-height:1.35!important}
body.app-body.page-inbox .inbox-v3 .chat-media-image img{max-width:min(300px,100%)!important;max-height:260px!important;border-radius:8px!important}

/* composer: one clean input dock */
body.app-body.page-inbox .inbox-v3 .inbox-composer{max-height:230px!important;background:var(--wz-surface)!important;border-top:1px solid var(--wz-line)!important;box-shadow:none!important}
body.app-body.page-inbox .inbox-v3 .composer-tabs.modern{height:32px!important;min-height:32px!important;padding:0 9px!important;background:var(--wz-surface)!important}
body.app-body.page-inbox .inbox-v3 .composer-tabs.modern button{height:31px!important;min-height:31px!important;padding:6px 9px!important;font-size:9.5px!important;font-weight:600!important}
body.app-body.page-inbox .inbox-v3 .composer-pane.modern{padding:7px 9px 9px!important}
body.app-body.page-inbox .inbox-v3 .composer-tools{min-height:24px!important;margin-bottom:4px!important}
body.app-body.page-inbox .inbox-v3 .composer-tools select{height:26px!important;min-height:26px!important;font-size:9px!important;border-radius:7px!important}
body.app-body.page-inbox .inbox-v3 .composer-tools span{font-size:8.5px!important}
body.app-body.page-inbox .inbox-v3 .composer-input{grid-template-columns:minmax(0,1fr) 38px!important;gap:7px!important;align-items:end!important}
body.app-body.page-inbox .inbox-v3 .composer-input textarea{min-height:38px!important;max-height:104px!important;padding:9px 10px!important;border-radius:10px!important;font-size:12px!important;line-height:1.35!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line-strong)!important}
body.app-body.page-inbox .inbox-v3 .send-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:10px!important;font-size:14px!important;box-shadow:none!important;transform:none!important}

/* customer detail: flat information hierarchy */
body.app-body.page-inbox .inbox-v3 .inbox-chat-layout{--detail-width:292px!important}
body.app-body.page-inbox .inbox-v3 .inbox-details{padding:0 11px 16px!important;background:var(--wz-surface)!important;border-left:1px solid var(--wz-line)!important}
body.app-body.page-inbox .inbox-v3 .inbox-details>header{height:54px!important;min-height:54px!important;margin:0 -11px!important;padding:0 10px 0 11px!important;background:var(--wz-surface)!important;border-bottom:1px solid var(--wz-line)!important}
body.app-body.page-inbox .inbox-v3 .detail-person{padding:14px 6px 12px!important;border:0!important;border-bottom:1px solid var(--wz-line)!important;border-radius:0!important;background:transparent!important}
body.app-body.page-inbox .inbox-v3 .detail-card{padding:11px 2px!important;border:0!important;border-bottom:1px solid var(--wz-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.app-body.page-inbox .inbox-v3 .detail-field>div,body.app-body.page-inbox .inbox-v3 .detail-grid-mini>div{padding:6px 7px!important;border-radius:7px!important;background:var(--wz-surface-2)!important;border:1px solid var(--wz-line)!important}

@media(max-width:1500px){
  body.app-body.page-inbox .inbox-v2.inbox-v3{--inbox-rail:148px!important;--inbox-list:312px!important}
  body.app-body.page-inbox .inbox-v3 .message-bubble{max-width:min(540px,68%)!important}
}
@media(max-width:1280px){
  body.app-body.page-inbox .inbox-v2.inbox-v3{grid-template-columns:300px minmax(0,1fr)!important}
  body.app-body.page-inbox .inbox-v3 .message-row.in{padding-right:10%!important}
  body.app-body.page-inbox .inbox-v3 .message-row.out{padding-left:10%!important}
  body.app-body.page-inbox .inbox-v3 .message-bubble{max-width:72%!important}
}
@media(max-width:900px){
  body.app-body.page-inbox .content{padding:5px!important;gap:5px!important}
  body.app-body.page-inbox .inbox-account-selector{min-height:48px!important;padding:6px 8px!important}
  body.app-body.page-inbox .inbox-v3 .inbox-chat-workspace{grid-template-rows:52px minmax(0,1fr) auto!important}
  body.app-body.page-inbox .inbox-v3 .inbox-chat-head{height:52px!important;min-height:52px!important;padding:6px 8px!important}
  body.app-body.page-inbox .inbox-v3 .message-row.in,body.app-body.page-inbox .inbox-v3 .message-row.out{padding-left:0!important;padding-right:0!important}
  body.app-body.page-inbox .inbox-v3 .message-bubble{max-width:84%!important;font-size:12px!important}
  body.app-body.page-inbox .inbox-v3 .inbox-message-wall{padding:10px 8px 12px!important}
  body.app-body.page-inbox .inbox-v3 .composer-tools span{display:none!important}
}