/* AlfaLid 1.6 — final 2026 redesign layer.
   This file intentionally loads LAST and normalizes every product surface to
   the approved large-scale, premium SaaS visual system. */
:root{
  --r26-bg:#f5f7fb;
  --r26-surface:#ffffff;
  --r26-surface-soft:#f9faff;
  --r26-text:#0f1b36;
  --r26-text-2:#34425f;
  --r26-muted:#71809a;
  --r26-muted-2:#98a5b8;
  --r26-line:#e2e8f2;
  --r26-line-strong:#d5deeb;
  --r26-violet:#6446f6;
  --r26-violet-2:#7a3ff2;
  --r26-violet-soft:#f0edff;
  --r26-blue:#316bff;
  --r26-green:#18a76b;
  --r26-green-soft:#ebfaf2;
  --r26-red:#ef4767;
  --r26-red-soft:#fff0f4;
  --r26-amber:#e68a23;
  --r26-nav:#0b1426;
  --r26-nav-2:#0d1930;
  --r26-shadow:0 8px 26px rgba(24,39,75,.055);
  --r26-shadow-md:0 18px 50px rgba(24,39,75,.10);
  --r26-shadow-lg:0 32px 90px rgba(12,24,49,.20);
  --r26-radius:18px;
  --r26-radius-sm:13px;
}

/* ---------- Global readability ---------- */
html,body{min-width:320px}
body:has(.app-shell:not(.hidden)){
  background:var(--r26-bg)!important;
  color:var(--r26-text)!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.app-shell,.app-shell button,.app-shell input,.app-shell select,.app-shell textarea,.app-shell dialog{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
.app-shell{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;min-height:100vh!important;background:var(--r26-bg)!important;font-size:15px!important}
.main-content{grid-column:2!important;min-width:0!important;background:radial-gradient(circle at 78% -12%,rgba(111,83,255,.08),transparent 24%),var(--r26-bg)!important}
.view:not(.inbox-view){width:min(100%,1560px)!important;max-width:1560px!important;margin:0 auto!important;padding:26px 30px 42px!important}
.hidden{display:none!important}

.section-kicker,.eyebrow,.breadcrumb{font-size:11px!important;letter-spacing:.10em!important;font-weight:800!important;color:#6b5cf1!important}
.section-hero{min-height:auto!important;padding:28px 30px!important;margin:0 0 20px!important;border:1px solid var(--r26-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--r26-shadow)!important}
.section-hero h1{margin:6px 0 7px!important;font-size:34px!important;line-height:1.08!important;letter-spacing:-.045em!important;color:var(--r26-text)!important}
.section-hero p{margin:0!important;font-size:15px!important;line-height:1.6!important;color:var(--r26-muted)!important;max-width:800px!important}
.panel{padding:22px!important;border:1px solid var(--r26-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--r26-shadow)!important}
.panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:18px!important}
.panel-head h3,.panel h3{margin:4px 0!important;font-size:19px!important;line-height:1.25!important;letter-spacing:-.025em!important;color:var(--r26-text)!important}
.panel-head p{margin:4px 0 0!important;font-size:13px!important;line-height:1.55!important;color:var(--r26-muted)!important}

.btn{min-height:44px!important;padding:0 16px!important;border-radius:11px!important;font-size:14px!important;font-weight:750!important;line-height:1!important;gap:8px!important;transition:.18s ease!important}
.btn.small{min-height:38px!important;padding:0 13px!important;font-size:12px!important}
.btn.primary,.btn.dark{border-color:transparent!important;background:linear-gradient(115deg,#5a54f4 0%,#7640ec 100%)!important;color:#fff!important;box-shadow:0 8px 20px rgba(94,76,235,.22)!important}
.btn.primary:hover,.btn.dark:hover{transform:translateY(-1px)!important;filter:brightness(1.03)!important}
.btn.ghost,.btn.subtle{background:#fff!important;border:1px solid var(--r26-line-strong)!important;color:#34425d!important;box-shadow:none!important}
.btn.ghost:hover,.btn.subtle:hover{background:#f8f9fc!important;border-color:#bdc9db!important}
.icon-btn,.menu-square{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;border:1px solid var(--r26-line)!important;background:#fff!important;color:#56647d!important;display:grid!important;place-items:center!important;box-shadow:0 2px 9px rgba(23,37,68,.04)!important;cursor:pointer!important}
.icon-btn svg,.menu-square svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.menu-square{font-size:0!important}
.menu-square:before{display:none!important;content:none!important}

.app-shell input,.app-shell textarea,.app-shell select,.modal input,.modal textarea,.modal select,.panel input,.panel textarea,.panel select{
  min-height:46px!important;
  padding:11px 13px!important;
  border:1px solid var(--r26-line-strong)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--r26-text)!important;
  font-size:14px!important;
  outline:0!important;
}
.app-shell textarea,.modal textarea,.panel textarea{min-height:90px!important;line-height:1.5!important}
.app-shell input:focus,.app-shell textarea:focus,.app-shell select:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{
  border-color:#7568f6!important;
  box-shadow:0 0 0 4px rgba(100,70,246,.11)!important;
}
.modal label,.panel label{gap:8px!important;font-size:13px!important;font-weight:700!important;color:#46536b!important}
.status-chip,.badge{min-height:28px!important;padding:0 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:750!important}
.status-chip.success{background:var(--r26-green-soft)!important;color:#0b8654!important}
.status-chip.warning{background:#fff7e9!important;color:#b76b14!important}
.status-chip.danger{background:var(--r26-red-soft)!important;color:#c73352!important}
.status-chip.neutral{background:#f2f4f8!important;color:#78869a!important}
.segmented{padding:4px!important;gap:4px!important;border:1px solid #e7ebf2!important;border-radius:12px!important;background:#f1f3f7!important}
.segmented button{min-height:34px!important;padding:0 13px!important;border-radius:9px!important;font-size:12px!important;font-weight:700!important;color:#758197!important}
.segmented button.active{background:#fff!important;color:#5549e6!important;box-shadow:0 2px 9px rgba(24,39,75,.07)!important}
.search-box{min-height:44px!important;padding:0 12px!important;border:1px solid var(--r26-line)!important;border-radius:12px!important;background:#fff!important;color:#9aa6b8!important}
.search-box input{height:40px!important;min-height:40px!important;padding:0!important;border:0!important;box-shadow:none!important;font-size:14px!important;background:transparent!important}

/* ---------- Brand icons ---------- */
.ac-brand-icon{display:inline-grid!important;place-items:center!important;width:100%!important;height:100%!important;line-height:0!important}
.ac-brand-icon svg,.ac-brand-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.channel-pill{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}

/* ---------- Sidebar ---------- */
.sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:250px!important;
  height:100vh!important;
  padding:18px 12px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,var(--r26-nav) 0%,var(--r26-nav-2) 58%,#0a162b 100%)!important;
  border-right:1px solid rgba(255,255,255,.04)!important;
  color:#c7d1e2!important;
  box-shadow:8px 0 28px rgba(10,18,34,.08)!important;
  z-index:80!important;
}
.sidebar-brand{height:auto!important;display:flex!important;align-items:center!important;gap:11px!important;padding:5px 8px 20px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.sidebar-brand .brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important}
.sidebar-brand strong{display:block!important;font-size:18px!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#fff!important}
.sidebar-brand small{display:block!important;margin-top:4px!important;font-size:10px!important;color:#71809a!important}
.workspace-box{display:flex!important;align-items:center!important;gap:10px!important;min-height:66px!important;margin:14px 2px 12px!important;padding:10px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important}
.workspace-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;background:linear-gradient(135deg,#5863f7,#8650ef)!important;color:#fff!important;font-size:12px!important;font-weight:800!important}
.workspace-box small{display:block!important;margin-bottom:2px!important;font-size:9px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#71829e!important}
.workspace-box select{height:auto!important;min-height:25px!important;padding:0 20px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#f4f6fb!important;font-size:12px!important;font-weight:700!important}
.main-nav{display:grid!important;gap:5px!important;padding:3px 0!important}
.main-nav button{position:relative!important;width:100%!important;min-height:49px!important;padding:7px 10px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#8797b3!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;text-align:left!important;font-size:14px!important;font-weight:650!important;cursor:pointer!important}
.main-nav button:hover{background:rgba(255,255,255,.05)!important;color:#e4e9f3!important}
.main-nav button.active{background:linear-gradient(90deg,rgba(92,80,237,.24),rgba(104,67,235,.15))!important;color:#fff!important;box-shadow:inset 2px 0 #8d7cff!important}
.nav-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;color:#8192b1!important;background:transparent!important}
.nav-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.main-nav button.active .nav-icon{color:#e6e3ff!important;background:transparent!important}
.main-nav b{min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;background:#f45d79!important;color:#fff!important;font-size:10px!important;display:grid!important;place-items:center!important}
.sidebar-promo{display:none!important}
.sidebar-user{margin-top:auto!important;padding:13px 7px 2px!important;border-top:1px solid rgba(255,255,255,.07)!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important}
.sidebar-user .user-avatar{width:38px!important;height:38px!important;font-size:12px!important}
.sidebar-user strong{display:block!important;font-size:12px!important;color:#f4f6fb!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.sidebar-user small{display:block!important;margin-top:3px!important;font-size:9px!important;color:#70809b!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.sidebar-user>button{width:28px!important;height:28px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7e8da8!important}

/* Fixed, clean collapsed sidebar — no broken overlap around the toggle. */
.app-shell.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)!important}
.app-shell.sidebar-collapsed .sidebar{width:88px!important;padding-left:10px!important;padding-right:10px!important}
.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center!important;padding-inline:0!important}
.app-shell.sidebar-collapsed .sidebar-brand>div,
.app-shell.sidebar-collapsed .workspace-box>div,
.app-shell.sidebar-collapsed .main-nav button>span:nth-child(2),
.app-shell.sidebar-collapsed .main-nav button>b,
.app-shell.sidebar-collapsed .sidebar-user>div:nth-child(2),
.app-shell.sidebar-collapsed .sidebar-user>button{display:none!important}
.app-shell.sidebar-collapsed .workspace-box{width:58px!important;min-height:58px!important;margin:14px auto 12px!important;padding:9px!important;justify-content:center!important}
.app-shell.sidebar-collapsed .workspace-avatar{width:38px!important;height:38px!important}
.app-shell.sidebar-collapsed .main-nav button{width:58px!important;min-height:50px!important;margin:0 auto!important;padding:7px!important;grid-template-columns:1fr!important;justify-items:center!important}
.app-shell.sidebar-collapsed .nav-icon{width:32px!important;height:32px!important}
.app-shell.sidebar-collapsed .sidebar-user{grid-template-columns:1fr!important;justify-items:center!important;padding-inline:0!important}
.app-shell.sidebar-collapsed .main-content{grid-column:2!important}

/* ---------- Header ---------- */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  min-height:98px!important;
  height:auto!important;
  padding:12px 24px 11px!important;
  border-bottom:1px solid rgba(221,227,238,.92)!important;
  background:rgba(250,251,254,.94)!important;
  backdrop-filter:blur(18px)!important;
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) auto!important;
  gap:9px 18px!important;
  align-items:center!important;
}
.topbar-search{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
.global-search{width:min(540px,100%)!important;height:44px!important;padding:0 11px!important;border:1px solid var(--r26-line)!important;border-radius:12px!important;background:#fff!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;color:#95a1b5!important;box-shadow:0 2px 9px rgba(25,39,75,.035)!important}
.global-search input{height:40px!important;min-height:40px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:13px!important;color:var(--r26-text)!important}
.global-search kbd{padding:3px 7px!important;border:1px solid #e6eaf1!important;border-radius:7px!important;background:#f5f6f9!important;color:#9aa6b8!important;font-size:9px!important;font-family:inherit!important}
.topbar-actions{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.health-pill{height:40px!important;padding:0 12px!important;border:1px solid var(--r26-line)!important;border-radius:12px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:8px!important}
.health-pill span{width:7px!important;height:7px!important;border-radius:50%!important;background:#28b77e!important;box-shadow:0 0 0 4px #eaf9f3!important}
.health-pill b{font-size:10px!important;color:#647189!important}
.top-user{height:42px!important;padding:3px 9px 3px 4px!important;border:1px solid var(--r26-line)!important;border-radius:12px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:8px!important}
.top-user .user-avatar{width:34px!important;height:34px!important;font-size:12px!important}
.top-user strong{display:block!important;font-size:11px!important;color:#1f2b43!important}
.top-user small{display:block!important;margin-top:1px!important;font-size:8px!important;color:#96a2b4!important}
.top-user i{font-size:10px!important;color:#929db0!important}
.top-add-profile{height:42px!important;padding-inline:17px!important}
.topbar-page-meta{grid-column:1/-1!important;padding-top:3px!important;display:flex!important;align-items:baseline!important;gap:10px!important;min-width:0!important}
.topbar-page-meta .breadcrumb{font-size:9px!important;color:#9aa4b4!important;letter-spacing:.07em!important}
.topbar-page-meta h2{margin:0!important;font-size:15px!important;line-height:1!important;color:#27344d!important}
.topbar-page-meta p{margin:0!important;font-size:11px!important;color:#909caf!important}
.top-popover{font-size:13px!important}

/* ---------- Dashboard ---------- */
#view-dashboard .welcome-card,#view-dashboard #setup-journey,#view-dashboard .connection-flow-surface,#view-dashboard .dashboard-grid-primary{display:none!important}
.dashboard-page-heading{margin:2px 0 18px!important}
.dashboard-page-heading h1{margin:0!important;font-size:35px!important;line-height:1.08!important;letter-spacing:-.05em!important;color:var(--r26-text)!important}
.dashboard-page-heading p{margin:7px 0 0!important;font-size:15px!important;color:var(--r26-muted)!important}
#stats.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 0 16px!important;padding:0!important;border:1px solid var(--r26-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--r26-shadow)!important;overflow:hidden!important}
#stats .metric-card{min-height:102px!important;padding:18px 20px!important;border:0!important;border-right:1px solid #edf0f5!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:13px!important;align-items:center!important}
#stats .metric-card:last-child{border-right:0!important}
#stats .metric-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,#f0edff,#f7f5ff)!important;color:#6b58f3!important;display:grid!important;place-items:center!important}
#stats .metric-2 .metric-icon{background:#edfbf3!important;color:#15a367!important}
#stats .metric-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
#stats .metric-copy{display:flex!important;flex-direction:column!important;min-width:0!important}
#stats .metric-copy span{order:2!important;font-size:12px!important;color:#6f7c91!important}
#stats .metric-copy strong{order:1!important;font-size:25px!important;line-height:1.05!important;letter-spacing:-.04em!important;color:#17233d!important}
#stats .metric-copy small{order:3!important;margin-top:2px!important;font-size:10px!important;color:#98a3b5!important}
.dashboard-grid-secondary{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr)!important;gap:16px!important;margin:0 0 16px!important}
.dashboard-grid-secondary .span-2{grid-column:auto!important}
.dashboard-recent-panel,.dashboard-quick-panel{min-height:330px!important}
.dashboard-conversations{padding:0!important}
.dashboard-conversation{min-height:62px!important;padding:10px 8px!important;border-radius:11px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:11px!important}
.dashboard-conversation .channel-pill{width:42px!important;height:42px!important}
.dashboard-conversation strong{font-size:13px!important;color:#26344e!important}
.dashboard-conversation small{margin-top:3px!important;font-size:11px!important;color:#7d899d!important}
.dashboard-conversation time{font-size:10px!important}
.dashboard-empty-state{min-height:220px!important;margin:0!important;padding:28px!important;border:1px dashed #d9e1ed!important;border-radius:15px!important;background:linear-gradient(145deg,#fbfcff,#f8f8ff)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important}
.dashboard-empty-state .empty-brand-stack{margin:0!important}
.dashboard-empty-state .empty-brand-stack .channel-pill{width:46px!important;height:46px!important}
.dashboard-empty-state strong{font-size:16px!important;color:#1d2a43!important}
.dashboard-empty-state small{max-width:560px!important;font-size:12px!important;line-height:1.55!important;color:#7d899d!important}
.dashboard-quick-actions{padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.dashboard-quick-actions button{min-height:102px!important;padding:15px!important;border:1px solid var(--r26-line)!important;border-radius:14px!important;background:#fff!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 16px!important;gap:12px!important;align-items:center!important;text-align:left!important;cursor:pointer!important}
.dashboard-quick-actions button:after{content:"›";font-size:21px;color:#9aa6b8}
.dashboard-quick-actions button:hover{border-color:#c7bdfb!important;background:#fbfaff!important;transform:translateY(-1px)!important}
.dashboard-quick-actions>button>span{width:44px!important;height:44px!important;border-radius:13px!important;background:#f0edff!important;color:#6653ef!important;display:grid!important;place-items:center!important}
.dashboard-quick-actions>button>span svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.dashboard-quick-actions strong{font-size:13px!important;color:#26344d!important}
.dashboard-quick-actions small{margin-top:4px!important;font-size:11px!important;line-height:1.4!important;color:#7f8ba0!important}
#view-dashboard>.panel:last-child{min-height:270px!important}
#view-dashboard #dashboard-profiles.premium-empty,#dashboard-profiles>.premium-empty{min-height:190px!important}

/* ---------- Profiles ---------- */
.profile-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.profile-card{min-height:230px!important;padding:18px!important;border:1px solid var(--r26-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--r26-shadow)!important}
.profile-card:hover{border-color:#c9c0fb!important;box-shadow:0 14px 34px rgba(35,50,85,.09)!important;transform:translateY(-2px)!important}
.profile-brand-wrap{gap:11px!important}.profile-card .profile-icon{width:50px!important;height:50px!important}.profile-card h3{font-size:17px!important}.profile-card p{font-size:12px!important;line-height:1.5!important}.profile-card small,.profile-meta-row{font-size:11px!important}.profile-card-actions{gap:7px!important}.profile-card-actions .icon-btn{width:38px!important;height:38px!important;min-width:38px!important}
.premium-empty{min-height:280px!important;padding:34px!important;border:1px dashed #d6deea!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#f9f9ff)!important;text-align:center!important}
.premium-empty h3{font-size:20px!important}.premium-empty p{font-size:13px!important;line-height:1.55!important;color:var(--r26-muted)!important}
.empty-brand-stack .channel-pill{width:52px!important;height:52px!important}

/* ---------- Inbox ---------- */
.inbox-view{width:100%!important;max-width:none!important;height:calc(100vh - 99px)!important;min-height:650px!important;padding:16px 20px 18px!important;display:grid!important;grid-template-columns:360px minmax(520px,1fr) 300px!important;gap:12px!important;background:transparent!important;overflow:hidden!important}
.inbox-sidebar,.chat,.inbox-context{border:1px solid var(--r26-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--r26-shadow)!important;overflow:hidden!important}
.inbox-sidebar{display:flex!important;flex-direction:column!important;min-width:0!important}
.inbox-title{padding:18px 18px 9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.inbox-title h3{margin:3px 0 0!important;font-size:22px!important;letter-spacing:-.03em!important;color:var(--r26-text)!important}
.inbox-title .icon-btn{width:38px!important;height:38px!important;min-width:38px!important}
.inbox-sidebar>.search-box{margin:7px 16px 10px!important}
.inbox-tabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;padding:0 16px 11px!important;border-bottom:1px solid #edf0f5!important}
.inbox-tabs button{min-height:34px!important;padding:0 5px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#7c889c!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
.inbox-tabs button.active{background:#f0edff!important;color:#5d4aea!important}
.inbox-channel-filters{padding:8px 14px!important;gap:6px!important;max-height:80px!important;overflow:auto!important}
.inbox-channel-filter{min-height:32px!important;font-size:10px!important}
.conversation-list{padding:0 8px 8px!important;overflow:auto!important}
.conversation{min-height:72px!important;padding:10px 9px!important;border:0!important;border-bottom:1px solid #eef1f6!important;border-radius:10px!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:11px!important}
.conversation:hover,.conversation.active{background:#f3f5ff!important}
.conversation.active{box-shadow:inset 3px 0 #6f59ef!important}
.conversation-avatar .channel-pill,.conversation .conversation-channel{width:46px!important;height:46px!important}
.conversation h4{font-size:13px!important;color:#1d2b44!important}
.conversation p{margin-top:4px!important;font-size:11px!important;color:#77849a!important;max-width:220px!important}
.conversation small{font-size:9px!important;color:#9ba6b6!important}.conversation time{font-size:9px!important}.conversation time b{font-size:8px!important}
.inbox-empty-list{min-height:260px!important;padding:30px 18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important}
.inbox-empty-list .mini-empty-art .channel-pill{width:46px!important;height:46px!important}.inbox-empty-list strong{font-size:16px!important}.inbox-empty-list span{font-size:12px!important;line-height:1.5!important;color:var(--r26-muted)!important}
.chat{display:flex!important;flex-direction:column!important;min-width:0!important}
.chat-placeholder{height:100%!important;min-height:0!important;padding:35px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:radial-gradient(circle at 50% 44%,rgba(113,86,247,.06),transparent 22%),#fff!important}
.chat-placeholder h3{margin:7px 0 7px!important;font-size:23px!important;letter-spacing:-.035em!important;color:#15233f!important}
.chat-placeholder p{max-width:560px!important;margin:0!important;font-size:13px!important;line-height:1.6!important;color:#748198!important}
.empty-messenger-art{width:250px!important;height:150px!important;margin-bottom:15px!important;position:relative!important}
.empty-messenger-art>span{width:66px!important;height:66px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 12px 28px rgba(58,67,120,.14)!important;position:absolute!important;display:grid!important;place-items:center!important}
.empty-messenger-art>span:nth-child(1){left:22px!important;top:50px!important}.empty-messenger-art>span:nth-child(2){right:18px!important;top:42px!important}.empty-messenger-art>span:nth-child(3){left:94px!important;bottom:1px!important}
.empty-messenger-art:before,.empty-messenger-art:after{content:""!important;position:absolute!important;inset:27px 6px 19px!important;border:1px dashed #c9c2ff!important;border-radius:50%!important;transform:rotate(-11deg)!important}.empty-messenger-art:after{inset:40px 27px 10px!important;transform:rotate(15deg)!important;opacity:.7!important}
.empty-chat-action{margin-top:19px!important;min-width:180px!important}
.chat-active{height:100%!important;display:flex!important;flex-direction:column!important;min-height:0!important}.chat-head{height:76px!important;padding:13px 17px!important;border-bottom:1px solid #edf0f5!important}.chat-contact-head .channel-pill{width:44px!important;height:44px!important}.chat-contact-head h3{font-size:15px!important}.chat-contact-head small{font-size:10px!important}.messages{padding:20px 24px!important}.message p{font-size:14px!important;line-height:1.55!important}.message small{font-size:9px!important}.composer{padding:11px 14px 8px!important;gap:8px!important}.composer textarea{min-height:44px!important;font-size:14px!important}.composer-send{width:46px!important;height:44px!important}.composer-tools{padding:0 14px 12px!important;gap:7px!important}.composer-tools button{font-size:10px!important;min-height:31px!important}
.inbox-context{padding:10px!important;display:grid!important;align-content:start!important;gap:10px!important;overflow:auto!important;background:#f8faff!important}
.context-card{padding:15px!important;border:1px solid var(--r26-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.context-card h3{font-size:13px!important;margin:0 0 9px!important}.context-card p{font-size:11px!important;line-height:1.5!important;color:#77849a!important}.context-title-row{gap:10px!important}.context-title-row>.ac-brand-icon{width:44px!important;height:44px!important}.context-b24 small{font-size:10px!important}.context-wide-button{width:100%!important;margin-top:10px!important;min-height:39px!important;font-size:11px!important}.context-line{font-size:11px!important;min-height:25px!important}.plan-context-main strong{font-size:17px!important}.plan-context-main small{font-size:10px!important}.quick-context{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.quick-context button{min-height:70px!important;padding:9px 5px!important;border:1px solid var(--r26-line)!important;border-radius:11px!important;background:#fff!important;font-size:9px!important;color:#536079!important}.quick-context button svg{width:19px!important;height:19px!important}

/* ---------- Integrations ---------- */
.integration-view{display:block!important}
.integration-catalog{display:block!important;min-width:0!important}
.integration-hero{padding:0 0 22px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.integration-hero h1{font-size:35px!important}.integration-hero p{font-size:15px!important;max-width:720px!important}
.integration-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.integration-card{min-height:250px!important;padding:20px!important;border:1px solid var(--r26-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--r26-shadow)!important;display:flex!important;flex-direction:column!important;transition:.18s ease!important}
.integration-card:hover{transform:translateY(-2px)!important;border-color:#c9c0fb!important;box-shadow:0 16px 38px rgba(29,45,80,.10)!important}
.integration-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
.integration-brand{width:66px!important;height:66px!important;display:grid!important;place-items:center!important}.integration-brand>.ac-brand-icon{width:66px!important;height:66px!important}
.integration-status{min-height:27px!important;padding:0 10px!important;border-radius:999px!important;background:#fff1f4!important;color:#cd3452!important;font-size:10px!important;font-weight:750!important;display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
.integration-status i{width:7px!important;height:7px!important;border-radius:50%!important;background:#e64364!important}.integration-status.ok{background:#ebfaf2!important;color:#0c8a56!important}.integration-status.ok i{background:#17aa6b!important}.integration-status.warn{background:#fff7e9!important;color:#b66a15!important}.integration-status.warn i{background:#e28a23!important}
.integration-card-copy{padding:15px 0 16px!important;flex:1!important}.integration-card-copy h3{margin:0!important;font-size:18px!important;letter-spacing:-.025em!important;color:#1a2843!important}.integration-card-copy small{display:block!important;margin-top:4px!important;font-size:12px!important;color:#77849a!important}.integration-card-copy p{margin:12px 0 0!important;font-size:13px!important;line-height:1.55!important;color:#6f7d93!important}
.integration-card-actions{display:flex!important;gap:8px!important}.integration-card-actions .btn{flex:1!important}.integration-manage{width:44px!important;height:44px!important;min-width:44px!important}.integration-manage svg{width:19px!important;height:19px!important}
.integration-detail{margin-top:22px!important;scroll-margin-top:118px!important}
.bitrix-wizard{border:1px solid var(--r26-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--r26-shadow-md)!important;overflow:hidden!important}
.wizard-head{padding:22px 24px!important;border-bottom:1px solid #edf0f5!important}.wizard-head h2{margin:4px 0 6px!important;font-size:22px!important}.official-chip{font-size:11px!important}.wizard-progress{padding:17px 24px!important}.wizard-progress div{font-size:11px!important}.wizard-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}.wizard-step{min-height:330px!important;padding:23px!important}.wizard-step h3{font-size:17px!important}.wizard-step p,.wizard-note,.wizard-checks{font-size:12px!important;line-height:1.55!important}.wizard-footer{padding:14px 24px!important;font-size:11px!important}

/* ---------- Billing / pricing ---------- */
.billing-hero{min-height:auto!important}.billing-hero h1{font-size:34px!important}
.current-plan-card{min-height:126px!important;padding:0 18px!important;border:1px solid #dcd7ff!important;border-radius:18px!important;background:linear-gradient(105deg,#fff 0%,#faf9ff 72%,#fffbe9 100%)!important;box-shadow:var(--r26-shadow)!important;display:grid!important;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(155px,.7fr)) minmax(140px,.55fr)!important;align-items:center!important;overflow:hidden!important}
.current-plan-main{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;padding:18px 8px!important}.current-plan-icon{width:54px!important;height:54px!important;border-radius:14px!important;background:linear-gradient(135deg,#5a55f5,#743cef)!important;color:#fff!important;display:grid!important;place-items:center!important}.current-plan-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.current-plan-main h2{margin:5px 0 3px!important;font-size:19px!important;color:#17233c!important}.current-plan-main p{font-size:11px!important;line-height:1.45!important;color:#78859a!important}.current-plan-stat{min-height:82px!important;padding:14px 16px!important;border-left:1px solid #eceaf8!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.current-plan-stat small{font-size:9px!important;color:#9aa5b6!important}.current-plan-stat strong{margin:5px 0 2px!important;font-size:14px!important;color:#1f2c45!important}.current-plan-stat span{font-size:9px!important;color:#8c98aa!important}.current-plan-actions{padding-left:14px!important;display:grid!important;gap:7px!important}.current-plan-actions .btn{width:100%!important;min-height:38px!important;font-size:10px!important}
.billing-columns-premium{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr) minmax(285px,.78fr)!important;gap:16px!important;margin-top:16px!important}.billing-columns-premium .panel{min-height:350px!important}.payer-tabs{margin-bottom:15px!important}.billing-profile-form,.billing-columns form{padding:0!important}.form-grid{gap:12px!important}.invoice-list{padding:0!important}.invoice-row{min-height:65px!important;padding:12px 4px!important}.invoice-row strong{font-size:12px!important}.invoice-row small{font-size:10px!important}.invoice-row b{font-size:13px!important}.empty-list{padding:24px!important;border-radius:13px!important;font-size:12px!important;line-height:1.5!important;color:#7f8ba0!important;background:#fafbfe!important}.billing-auto-row{min-height:63px!important;padding:10px 0!important;gap:10px!important}.billing-auto-icon{width:34px!important;height:34px!important;min-width:34px!important}.billing-auto-row strong{font-size:12px!important}.billing-auto-row small{font-size:9px!important}.billing-plans-section{margin-top:18px!important;padding:18px!important;border:1px solid var(--r26-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--r26-shadow)!important}.billing-plans-head h3{font-size:18px!important}.billing-period{font-size:11px!important}.plan-grid,.billing-plan-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.plan-card{min-height:310px!important;padding:17px!important;border:1px solid var(--r26-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}.plan-card.popular{border:1.5px solid #7a67f6!important;box-shadow:0 10px 30px rgba(103,83,239,.10)!important}.plan-card h3{font-size:16px!important}.plan-card p{min-height:38px!important;font-size:11px!important;line-height:1.45!important}.plan-price strong{font-size:22px!important}.plan-price span{font-size:9px!important}.plan-card li{font-size:10px!important;line-height:1.55!important}.plan-actions .btn{width:100%!important;min-height:40px!important;font-size:11px!important}

/* ---------- Settings ---------- */
.settings-layout{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:16px!important}
.settings-nav{height:max-content!important;padding:8px!important;border:1px solid var(--r26-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--r26-shadow)!important;position:sticky!important;top:118px!important}
.settings-nav button{width:100%!important;min-height:52px!important;padding:0 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#5f6e86!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;text-align:left!important;font-size:13px!important;font-weight:650!important;cursor:pointer!important}
.settings-nav button>span{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;color:#74829a!important}.settings-nav button svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.settings-nav button.active{background:#f0edff!important;color:#5948e7!important;font-weight:750!important;box-shadow:inset 2px 0 #705cf1!important}.settings-nav button.active>span{color:#6753ef!important}
.settings-content .panel{padding:24px!important}.settings-content form,.security-cards,.provider-settings{padding:0!important}
.provider-settings{display:grid!important;gap:9px!important}.provider-setting{min-height:66px!important;padding:10px 12px!important;border:1px solid var(--r26-line)!important;border-radius:13px!important;background:#fff!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto 18px!important;gap:11px!important;align-items:center!important}.provider-setting:hover{border-color:#cbc4f7!important;background:#fbfaff!important}.provider-setting-icon{width:42px!important;height:42px!important;border:1px solid #e6e9f2!important;border-radius:11px!important;background:#fafbfe!important;color:#6553ed!important;display:grid!important;place-items:center!important}.provider-setting-icon svg{width:22px!important;height:22px!important}.provider-setting-icon:not(.identity) svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.provider-setting-icon.identity .ac-brand-icon{width:24px!important;height:24px!important}.provider-setting strong{display:block!important;font-size:13px!important;color:#1d2b44!important}.provider-setting small{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.4!important;color:#8591a5!important}.provider-chevron{width:18px!important;height:18px!important;color:#8d99aa!important;display:grid!important;place-items:center!important}.provider-chevron svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.security-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.security-cards>div{min-height:190px!important;padding:18px!important;border:1px solid var(--r26-line)!important;border-radius:14px!important}.security-cards h4{font-size:14px!important}.security-cards p{font-size:11px!important;line-height:1.55!important}

/* ---------- Channel wizard ---------- */
dialog.modal.channel-modal{width:min(94vw,1160px)!important;max-width:none!important;max-height:92vh!important;padding:0!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 34px 100px rgba(11,22,48,.28)!important;overflow:hidden!important}
dialog.modal::backdrop{background:rgba(18,29,52,.56)!important;backdrop-filter:blur(5px)!important}.channel-modal form{margin:0!important;max-height:92vh!important;display:flex!important;flex-direction:column!important}.channel-modal-head{min-height:105px!important;padding:24px 28px 20px!important;border-bottom:1px solid #edf0f5!important}.channel-modal-head h3{margin:4px 0 5px!important;font-size:29px!important;line-height:1.1!important;letter-spacing:-.04em!important;color:#13213c!important}.channel-modal-head p{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#7d899c!important}.modal-head .icon{width:38px!important;height:38px!important;min-width:38px!important;border:1px solid var(--r26-line)!important;border-radius:11px!important;background:#fff!important;color:#758197!important;font-size:20px!important;display:grid!important;place-items:center!important;cursor:pointer!important}.channel-modal-body{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr)!important;padding:0!important;min-height:0!important;max-height:calc(92vh - 187px)!important;overflow:hidden!important}.channel-picker-column{padding:21px 22px 23px!important;border-right:1px solid #edf0f5!important;background:#fbfcff!important;overflow:auto!important}.channel-picker-search{height:48px!important;margin-bottom:12px!important;border:1px solid var(--r26-line-strong)!important;border-radius:12px!important;background:#fff!important;display:grid!important;grid-template-columns:24px 1fr!important;align-items:center!important;padding:0 12px!important}.channel-picker-search span{color:#8693a8!important}.channel-picker-search span svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.channel-picker-search input{height:44px!important;min-height:44px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:14px!important}.channel-picker-tabs{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 17px!important}.channel-picker-tabs button{min-height:36px!important;padding:0 12px!important;border:1px solid var(--r26-line)!important;border-radius:10px!important;background:#fff!important;color:#68758c!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}.channel-picker-tabs button.active{border-color:#c5baff!important;background:#f1eeff!important;color:#5b48e7!important}.channel-group-block{margin-bottom:17px!important}.channel-group-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 1px 9px!important}.channel-group-title span{font-size:11px!important;letter-spacing:.055em!important;text-transform:uppercase!important;font-weight:800!important;color:#536077!important}.channel-group-title small{min-width:24px!important;height:22px!important;padding:0 6px!important;border-radius:7px!important;background:#f1f3f7!important;color:#8a96a9!important;font-size:9px!important;display:grid!important;place-items:center!important}.channel-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.channel-modal .channel{min-height:91px!important;padding:13px!important;border:1px solid var(--r26-line)!important;border-radius:14px!important;background:#fff!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 20px!important;gap:11px!important;align-items:center!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important}.channel-modal .channel:hover{border-color:#bdb4fb!important;box-shadow:0 8px 18px rgba(54,67,107,.07)!important}.channel-modal .channel.selected{border:1.5px solid #6a57f3!important;background:#fbfaff!important;box-shadow:0 8px 20px rgba(98,76,237,.10)!important}.channel-modal .channel>.ac-brand-icon{width:52px!important;height:52px!important}.channel-card-copy strong{display:block!important;font-size:13px!important;line-height:1.25!important;color:#14223d!important}.channel-card-copy small{display:block!important;margin-top:4px!important;font-size:10px!important;line-height:1.35!important;color:#8190a6!important}.channel-modal .channel>i{width:18px!important;height:18px!important;color:#98a4b5!important;display:grid!important;place-items:center!important}.channel-modal .channel>i svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.channel-config-column{padding:23px!important;background:#fff!important;overflow:auto!important}.selected-channel-hero{padding:17px!important;border:1px solid var(--r26-line)!important;border-radius:16px!important;background:linear-gradient(145deg,#fbfbff,#f7f8fc)!important;display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:14px!important;align-items:center!important}.selected-channel-icon{width:68px!important;height:68px!important}.selected-channel-hero h4{margin:6px 0 4px!important;font-size:19px!important;letter-spacing:-.025em!important;color:#16243e!important}.selected-channel-hero p{margin:0!important;font-size:12px!important;line-height:1.5!important;color:#76839a!important}.selected-channel-hero .status-chip{font-size:9px!important}.channel-config-form{display:grid!important;gap:15px!important;margin-top:18px!important}.channel-config-form>label,.channel-config-form .form-grid label{font-size:13px!important;gap:8px!important}.channel-config-form input{height:48px!important;min-height:48px!important;font-size:14px!important}.channel-config-form .info-box{padding:13px 14px!important;border:1px solid #dbe3fb!important;border-radius:12px!important;background:#f4f7ff!important;color:#536a93!important;font-size:11px!important;line-height:1.55!important}.channel-security-note{margin-top:15px!important;padding:13px!important;border:1px solid #e5e9f1!important;border-radius:13px!important;background:#f7f8fb!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}.channel-security-note>span{width:40px!important;height:40px!important;border-radius:11px!important;background:#edf1ff!important;color:#6352ee!important;display:grid!important;place-items:center!important}.channel-security-note>span svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.channel-security-note strong{display:block!important;font-size:11px!important;color:#3e4b62!important}.channel-security-note small{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.45!important;color:#8290a4!important}.channel-modal-actions{min-height:82px!important;padding:14px 22px!important;border-top:1px solid #edf0f5!important;background:#fbfcfe!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}.modal-actions-copy{margin-right:auto!important}.modal-actions-copy strong{display:block!important;font-size:12px!important;color:#34425b!important}.modal-actions-copy small{display:block!important;margin-top:3px!important;font-size:10px!important;color:#8c98ab!important}.channel-modal-actions .btn{min-width:130px!important}.channel-empty-search{min-height:190px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.channel-empty-search strong{font-size:15px!important;color:#35425a!important}.channel-empty-search span{font-size:11px!important;color:#8793a7!important}

/* ---------- Other modals + auth ---------- */
dialog.modal:not(.channel-modal){width:min(94vw,680px)!important;border-radius:20px!important}.modal-head{padding:21px 23px!important}.modal-head h3{font-size:22px!important}.modal-head p{font-size:12px!important}.modal-body{padding:22px 23px!important}.modal-actions{padding:14px 23px!important}.auth-methods{gap:12px!important}.auth-methods button{min-height:110px!important;padding:16px!important;border-radius:14px!important}.auth-methods strong{font-size:14px!important}.auth-methods small{font-size:11px!important}.pairing-code{font-size:25px!important}.qr-frame{padding:14px!important}.qr-frame img{max-width:270px!important}

/* Registration / login readability, including OTP screen. */
.auth-card{font-size:14px!important}.auth-heading h2{font-size:30px!important}.auth-heading p{font-size:14px!important}.auth-tabs button{font-size:13px!important}.auth-card label{font-size:13px!important}.auth-card input{min-height:48px!important;font-size:14px!important}.social-auth .identity-button{min-height:72px!important}.social-auth .identity-button b{font-size:9px!important}.social-auth .identity-button small{font-size:7px!important}.verification-card{width:min(560px,100%)!important}.verification-item.verification-modern{padding:17px!important;border-radius:15px!important}.verify-main strong{font-size:14px!important}.verify-main small{font-size:11px!important}.otp-grid{gap:7px!important}.otp-grid input{width:48px!important;height:54px!important;min-height:54px!important;font-size:21px!important}.verify-actions.modern{gap:8px!important}.verification-security p{font-size:11px!important;line-height:1.5!important}

/* ---------- Responsive ---------- */
@media(max-width:1400px){
  .inbox-view{grid-template-columns:330px minmax(480px,1fr) 275px!important}
  .plan-grid,.billing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .billing-columns-premium{grid-template-columns:1fr 1fr!important}.billing-automation-card{grid-column:1/-1!important;min-height:auto!important}
  .current-plan-card{grid-template-columns:minmax(260px,1.2fr) repeat(3,minmax(130px,.7fr))!important}.current-plan-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;padding:0 8px 15px!important}.current-plan-actions .btn{width:auto!important}
}
@media(max-width:1180px){
  .app-shell:not(.sidebar-collapsed){grid-template-columns:220px minmax(0,1fr)!important}.app-shell:not(.sidebar-collapsed) .sidebar{width:220px!important}
  .health-pill{display:none!important}.top-user>div:not(.user-avatar){display:none!important}.top-user i{display:none!important}.top-user{padding:3px!important}
  #stats.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#stats .metric-card:nth-child(2){border-right:0!important}#stats .metric-card:nth-child(-n+2){border-bottom:1px solid #edf0f5!important}
  .dashboard-grid-secondary{grid-template-columns:1fr!important}.dashboard-recent-panel,.dashboard-quick-panel{min-height:auto!important}
  .integration-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inbox-view{grid-template-columns:320px minmax(450px,1fr)!important}.inbox-context{display:none!important}.chat{border-radius:17px!important}
  .settings-layout{grid-template-columns:210px minmax(0,1fr)!important}
}
@media(max-width:900px){
  .topbar{grid-template-columns:minmax(0,1fr) auto!important;padding-inline:15px!important}.topbar-actions .top-add-profile{display:none!important}.global-search{max-width:430px!important}.topbar-page-meta p{display:none!important}
  .view:not(.inbox-view){padding:20px 16px 34px!important}.section-hero{padding:23px!important}.section-hero h1,.dashboard-page-heading h1,.integration-hero h1{font-size:30px!important}
  .wizard-columns{grid-template-columns:1fr!important}.wizard-step{min-height:auto!important}
  .billing-columns-premium{grid-template-columns:1fr!important}.billing-automation-card{grid-column:auto!important}
  .current-plan-card{grid-template-columns:1fr 1fr!important;padding:12px!important}.current-plan-main{grid-column:1/-1!important}.current-plan-stat{border-left:0!important;border-top:1px solid #eceaf8!important}.current-plan-actions{grid-column:1/-1!important}
  .settings-layout{grid-template-columns:1fr!important}.settings-nav{position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.settings-nav button{grid-template-columns:24px 1fr!important;min-height:46px!important;padding:0 8px!important;font-size:11px!important}.security-cards{grid-template-columns:1fr!important}
  .channel-modal-body{grid-template-columns:1fr!important;overflow:auto!important}.channel-picker-column{border-right:0!important;border-bottom:1px solid #edf0f5!important;overflow:visible!important}.channel-config-column{overflow:visible!important}.channel-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body:has(.app-shell:not(.hidden)){overflow:auto!important}
  .app-shell,.app-shell.sidebar-collapsed{display:block!important;min-height:100vh!important}
  .sidebar,.app-shell.sidebar-collapsed .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:270px!important;height:100vh!important;padding:18px 12px!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;z-index:120!important;box-shadow:var(--r26-shadow-lg)!important}
  .app-shell.mobile-nav-open .sidebar{transform:translateX(0)!important}
  .sidebar-brand,.app-shell.sidebar-collapsed .sidebar-brand{justify-content:flex-start!important;padding-inline:8px!important}.sidebar-brand>div,.workspace-box>div,.main-nav button>span:nth-child(2),.main-nav button>b,.sidebar-user>div:nth-child(2),.sidebar-user>button{display:block!important}.workspace-box,.app-shell.sidebar-collapsed .workspace-box{width:auto!important;min-height:66px!important;margin:14px 2px 12px!important;padding:10px!important;justify-content:flex-start!important}.main-nav button,.app-shell.sidebar-collapsed .main-nav button{width:100%!important;grid-template-columns:34px minmax(0,1fr) auto!important;justify-items:stretch!important;margin:0!important;padding:7px 10px!important}.sidebar-user,.app-shell.sidebar-collapsed .sidebar-user{grid-template-columns:38px minmax(0,1fr) 28px!important;justify-items:stretch!important;padding:13px 7px 2px!important}.main-content,.app-shell.sidebar-collapsed .main-content{grid-column:auto!important;min-height:100vh!important}
  .topbar{min-height:70px!important;padding:10px 11px!important;grid-template-columns:minmax(0,1fr) auto!important}.topbar-search{gap:7px!important}.global-search{width:min(66vw,390px)!important}.global-search kbd{display:none!important}.topbar-actions{gap:5px!important}.topbar-actions #help-button,.topbar-actions #refresh-view,.topbar-actions .health-pill,.topbar-actions .top-user{display:none!important}.topbar-page-meta{display:none!important}
  .view:not(.inbox-view){padding:17px 12px 28px!important}.dashboard-page-heading h1,.section-hero h1,.integration-hero h1{font-size:28px!important}.dashboard-page-heading p,.section-hero p,.integration-hero p{font-size:13px!important}
  #stats.metric-grid{grid-template-columns:1fr!important}#stats .metric-card{border-right:0!important;border-bottom:1px solid #edf0f5!important}#stats .metric-card:last-child{border-bottom:0!important}
  .dashboard-quick-actions{grid-template-columns:1fr!important}.profile-grid,.integration-card-grid,.plan-grid,.billing-plan-grid{grid-template-columns:1fr!important}
  .inbox-view{height:calc(100vh - 70px)!important;min-height:0!important;padding:0!important;grid-template-columns:1fr!important;gap:0!important}.inbox-sidebar{height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}.inbox-view.chat-open .inbox-sidebar{display:none!important}.chat{display:none!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}.inbox-view.chat-open .chat{display:flex!important}.inbox-context{display:none!important}.inbox-tabs{grid-template-columns:repeat(4,1fr)!important}.inbox-tabs button{font-size:10px!important}
  .settings-nav{display:flex!important;overflow:auto!important;grid-template-columns:none!important}.settings-nav button{min-width:145px!important;white-space:nowrap!important}
  .channel-modal-head{padding:19px 18px 16px!important}.channel-modal-head h3{font-size:25px!important}.channel-modal-body{max-height:calc(92vh - 175px)!important}.channel-picker-column,.channel-config-column{padding:17px!important}.channel-card-grid{grid-template-columns:1fr!important}.channel-modal-actions{padding:12px 16px!important;flex-wrap:wrap!important}.modal-actions-copy{display:none!important}.channel-modal-actions .btn{flex:1!important;min-width:120px!important}
  .provider-setting{grid-template-columns:40px minmax(0,1fr) auto!important}.provider-chevron{display:none!important}.provider-setting .status-chip{grid-column:3!important}
  .current-plan-card{grid-template-columns:1fr!important}.current-plan-main,.current-plan-actions{grid-column:auto!important}.current-plan-stat{border-left:0!important;border-top:1px solid #eceaf8!important}.current-plan-actions{display:grid!important;padding:10px 0 0!important}.current-plan-actions .btn{width:100%!important}
}
@media(max-width:480px){
  .global-search{display:none!important}.topbar{grid-template-columns:auto 1fr!important}.topbar-actions{justify-self:end!important}
  .inbox-tabs{grid-template-columns:1fr 1fr!important}.inbox-channel-filters{max-height:118px!important}
  .channel-picker-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}.channel-picker-tabs button{width:100%!important}
  .otp-grid input{width:41px!important;height:50px!important;min-height:50px!important}.settings-nav button{min-width:132px!important}
}
