/* Bigbulkai palette, sampled from the supplied Big Bulkai.png. */
:root {
  --brand-green: #01d066;
  --brand-green-dark: #007a3c;
  --brand-ink: #13191a;
  --brand-soft: #eafbf2;
  --brand-border: #d4e8dc;
  --app-primary: var(--brand-green-dark);
  --app-primary-dark: #005c2d;
  --app-primary-soft: var(--brand-soft);
  --app-sidebar: var(--brand-ink);
  --app-bg: #f5faf7;
  --app-text: var(--brand-ink);
  --app-muted: #607068;
  --app-border: var(--brand-border);
  --primary: var(--brand-green-dark);
  --primary-2: #005c2d;
  --text: var(--brand-ink);
  --login-teal: var(--brand-green-dark);
  --login-teal-dark: #1c3025;
  --login-teal-deep: var(--brand-ink);
  --login-text: var(--brand-ink);
  --login-mint: #c9f9df;
}
::selection { background: #b4f4d3; color: #13191a; }
input[type="checkbox"],input[type="radio"],input[type="range"] { accent-color: var(--brand-green-dark); }
.brand-wordmark { display:block; width:180px; max-width:100%; height:auto; object-fit:contain; border-radius:8px; }
.sidebar { background:var(--brand-ink)!important; }
.sidebar .side-nav a.active { background:var(--brand-green)!important; border-color:var(--brand-green)!important; color:var(--brand-ink)!important; box-shadow:inset 3px 0 #fff!important; }
.sidebar .side-nav a.active .nav-icon { color:var(--brand-ink)!important; }
.sidebar .side-nav a.active::after { background:var(--brand-ink)!important; box-shadow:none!important; }
.brand-icon,.mobile-header-mark,.auth-logo,.login-brand-icon,.public-brand-icon { background:transparent!important; border:0!important; box-shadow:none!important; overflow:hidden; }
.brand-icon img,.mobile-header-mark img,.auth-logo img,.login-brand-icon img,.public-brand-icon img { display:block; width:100%; height:100%; object-fit:contain; }
.topbar .topbar-left .dmw-header-brand { background:transparent!important; border-color:transparent!important; padding:2px 8px!important; width:164px!important; min-width:164px!important; height:54px!important; box-shadow:none!important; }
.topbar .topbar-left .dmw-header-brand img { width:100%!important; height:auto!important; max-height:48px!important; }
.login-company-logo.dmw-login-brand { padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
.login-company-logo.dmw-login-brand img { width:240px!important; max-width:100%!important; max-height:none!important; height:auto!important; border-radius:8px; }
.btn.primary,.page-content .btn.primary,.login-submit { background:var(--brand-green)!important; border-color:var(--brand-green)!important; color:var(--brand-ink)!important; }
.btn.primary:hover,.page-content .btn.primary:hover,.login-submit:hover { background:#00b859!important; border-color:#00b859!important; color:var(--brand-ink)!important; }
.btn.primary i,.btn.primary svg,.login-submit i { color:inherit!important; }
@media(max-width:720px) {
  .topbar .topbar-left .dmw-header-brand { display:none!important; }
  .brand-wordmark { width:145px; }
}

.btn.btn-primary,.login-form .btn.primary.login-submit { background:var(--brand-green)!important; border-color:var(--brand-green)!important; color:var(--brand-ink)!important; }
.btn.btn-primary:hover,.login-form .btn.primary.login-submit:hover { background:#00b859!important; border-color:#00b859!important; color:var(--brand-ink)!important; }
.login-form .btn.primary.login-submit span,.login-form .btn.primary.login-submit i,.login-form .btn.primary.login-submit svg { color:var(--brand-ink)!important; }

/* Page title symbols share the navigation's simple line-icon treatment. */
.page-content h1:has(.page-title-icon) { display:flex!important; align-items:center; gap:12px; }
.page-content h1 .page-title-icon { width:28px!important; height:28px!important; flex:0 0 28px; }

@media (max-width:760px) {
  html body.app-navigation .page-content.page-dashboard .dashboard-premium-metrics {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.app-navigation .page-content.page-dashboard .dashboard-premium-metrics .metric-card {
    min-width:0!important; padding:12px!important; flex-wrap:wrap; gap:8px!important;
  }
  .page-dashboard .dashboard-premium-metrics .metric-card strong { overflow-wrap:anywhere; }
  html body.app-navigation .page-content.page-templates .page-heading {
    flex-direction:column!important; align-items:stretch!important; height:auto!important; padding:20px 16px!important;
  }
  html body.app-navigation .page-content.page-templates :is(.heading-actions,.template-empty-actions,.template-connection-notice,.template-create-footer) {
    display:flex!important; flex-wrap:wrap!important; min-width:0!important; gap:10px!important;
  }
  html body.app-navigation .page-content.page-templates :is(.heading-actions,.template-empty-actions) > * {
    flex:1 1 180px; min-width:0!important; max-width:100%;
  }
  html body.app-navigation .page-content.page-templates .heading-actions form .btn { width:100%!important; }
  html body.app-navigation .page-content.page-templates .table-wrap { max-width:100%; overflow-x:auto!important; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-page,.ba2-section,.ba2-plan,.ba2-field,.ba2-manage-card,.ba2-advanced-card) { min-width:0!important; max-width:100%; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-hero,.ba2-section-head,.ba2-plan-head,.ba2-plan-foot,.ba2-customer-head,.ba2-payment-details > summary) { display:flex!important; flex-wrap:wrap!important; gap:12px!important; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-plan-grid,.ba3-plan-main,.ba2-capacity-grid,.ba2-pricing-grid,.ba2-payment-form,.ba2-customer-primary-grid,.ba2-advanced-grid,.ba2-token-grid) { grid-template-columns:minmax(0,1fr)!important; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-period-grid,.ba2-hero-metrics) { grid-template-columns:repeat(2,minmax(0,1fr))!important; min-width:0; width:100%; }
  html body.app-navigation .page-content.page-billing-admin .ba2-price-card { display:flex!important; flex-wrap:wrap!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-jump { display:flex!important; flex-wrap:wrap!important; overflow:visible!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-jump a { flex:1 1 130px; white-space:normal!important; }
  html body.app-navigation .page-content.page-billing-admin :is(input,select,textarea) { min-width:0!important; max-width:100%!important; box-sizing:border-box; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-field,.ba2-price-card-copy,.ba2-hero-copy) { overflow-wrap:anywhere; min-width:0; }
  html body.app-navigation .page-content:is(.page-templates,.page-billing-admin).page-content :is(a.btn.btn,button.btn.btn,.ba2-client-plan-button) { height:auto!important; min-height:44px!important; padding:10px 12px!important; white-space:normal!important; line-height:1.3!important; max-width:100%; }
}

/* Clear, purpose-specific navigation with a shared icon grid. */
html body.app-navigation .sidebar {
  display:flex!important; flex-direction:column!important; min-height:0!important;
  overflow:hidden!important; box-sizing:border-box!important;
  background:var(--brand-ink)!important; border:1px solid #29363b!important;
  font-family:'Manrope',system-ui,sans-serif!important;
}
html body.app-navigation .sidebar .side-nav {
  display:flex!important; flex-direction:column!important; flex:1 1 0!important;
  min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important;
  overscroll-behavior:contain; touch-action:pan-y;
  gap:5px!important; scrollbar-width:thin; scrollbar-color:#607068 transparent;
}
html body.app-navigation .sidebar .side-nav a {
  position:relative!important; display:flex!important; align-items:center!important;
  min-height:52px!important; height:auto!important; flex:0 0 auto!important; gap:12px!important;
  padding:7px 10px!important; border:1px solid transparent!important; border-radius:12px!important;
  background:transparent!important; color:#eafbf2!important; box-shadow:none!important;
  transform:none!important; transition:background-color .16s ease,color .16s ease!important;
}
html body.app-navigation .sidebar .side-nav a .nav-label {
  font-family:'Manrope',system-ui,sans-serif!important; font-size:13px!important;
  font-weight:600!important; letter-spacing:0!important; line-height:1.4!important;
  min-width:0!important; overflow:visible!important; text-overflow:clip!important;
  white-space:normal!important; overflow-wrap:anywhere;
}
html body.app-navigation .sidebar .side-nav a .nav-icon {
  display:grid!important; place-items:center!important; flex:0 0 38px!important;
  width:38px!important; min-width:38px!important; max-width:38px!important;
  height:38px!important; min-height:38px!important; max-height:38px!important; border-radius:50%!important;
  background:transparent!important; border:0!important; box-shadow:none!important;
  color:inherit!important; transform:none!important;
}
html body.app-navigation .sidebar .side-nav a .nav-icon svg {
  width:25px!important; height:25px!important; min-width:25px!important; max-width:25px!important;
  min-height:25px!important; max-height:25px!important; flex:none!important;
  display:block!important; stroke-width:1.9!important;
}
html body.app-navigation .sidebar .side-nav a::before,
html body.app-navigation .sidebar .side-nav a::after { display:none!important; }
html body.app-navigation .sidebar .side-nav a:hover { background:#24332b!important; color:#fff!important; }
html body.app-navigation .sidebar .side-nav a.active {
  background:var(--brand-green-dark)!important; color:#fff!important; border-color:var(--brand-green-dark)!important;
  box-shadow:inset 3px 0 var(--brand-green)!important;
}
html body.app-navigation .sidebar .side-nav a.active .nav-icon { background:#fff!important; color:var(--brand-ink)!important; }
html body.app-navigation .sidebar .side-nav a.active:hover { background:#005c2d!important; }
html body.app-navigation .sidebar .side-nav a:focus-visible { outline:2px solid var(--brand-green)!important; outline-offset:-2px!important; }
html body.app-navigation .sidebar .nav-section-label { color:#a4b5ab!important; font-size:10px!important; font-weight:700!important; letter-spacing:.1em!important; }
html body.app-navigation .sidebar :is(.sidebar-brand-row,.sidebar-footer) { flex:0 0 auto!important; }
html body.app-navigation .sidebar .sidebar-footer { background:transparent!important; }
html body.app-navigation .sidebar .nav-unread-badge { flex:0 0 auto!important; margin-left:auto!important; }
html body.app-navigation .sidebar .side-nav::-webkit-scrollbar { display:block!important; width:4px!important; }
@media(max-width:1100px) {
  html body.app-navigation .sidebar {
    inset:0 auto 0 0!important; width:min(300px,calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important; height:100dvh!important; max-height:100dvh!important;
    border-radius:0 18px 18px 0!important;
    padding-top:env(safe-area-inset-top)!important; padding-bottom:env(safe-area-inset-bottom)!important;
  }
  html body.app-navigation .sidebar .side-nav { padding:6px 10px!important; }
  html body.app-navigation .sidebar .side-nav a { flex-direction:row!important; justify-content:flex-start!important; }
  html body.app-navigation .sidebar .side-nav a .nav-label { display:block!important; }
  html body.app-navigation .main-area { margin-left:0!important; width:100%!important; min-width:0!important; }
}
@media(min-width:1101px) {
  html body.app-navigation .sidebar {
    inset:12px auto 12px 12px!important; width:254px!important;
    height:calc(100dvh - 24px)!important; max-height:calc(100dvh - 24px)!important;
  }
  html body.app-navigation .main-area { margin-left:286px!important; width:calc(100% - 286px)!important; min-width:0!important; }
  html body.app-navigation.navigation-collapsed .sidebar { width:104px!important; }
  html body.app-navigation.navigation-collapsed .main-area { margin-left:124px!important; width:calc(100% - 124px)!important; }
  html body.app-navigation.navigation-collapsed .sidebar .side-nav { padding:4px 6px 10px!important; }
  html body.app-navigation.navigation-collapsed .sidebar .side-nav a {
    flex-direction:column!important; justify-content:center!important; gap:4px!important;
    min-height:76px!important; padding:8px 4px!important;
  }
  html body.app-navigation.navigation-collapsed .sidebar .side-nav a .nav-label {
    display:block!important; width:100%!important; text-align:center!important;
    font-size:10px!important; line-height:1.3!important;
  }
  html body.app-navigation.navigation-collapsed .sidebar .nav-unread-badge { position:absolute!important; top:4px!important; right:6px!important; }
}
/* In landscape and zoomed views, scroll the entire drawer so its footer cannot crowd out navigation. */
@media(max-height:600px) {
  html body.app-navigation .sidebar { overflow-y:auto!important; overscroll-behavior:contain; }
  html body.app-navigation .sidebar .side-nav { flex:0 0 auto!important; overflow:visible!important; }
  html body.app-navigation .sidebar .sidebar-footer { margin-top:auto!important; }
}
@media(prefers-reduced-motion:reduce) { html body.app-navigation .sidebar .side-nav a { transition:none!important; } }

/* Workflow editor: bounded viewport with independently scrollable panels. */
html body.app-navigation .page-workflow-builder { min-width:0!important; max-width:100%!important; }
html body.app-navigation .page-workflow-builder .workflow-builder-shell:not(.workflow-board-expanded) {
  height:var(--workflow-available-height,calc(100dvh - 90px))!important; min-height:0!important; width:100%;
}
html body.app-navigation .page-workflow-builder .workflow-builder-topbar {
  display:flex!important; flex-wrap:wrap!important; flex-shrink:0; height:auto!important;
  min-height:0!important; padding:10px!important; gap:10px!important;
}
html body.app-navigation .page-workflow-builder .workflow-builder-name { flex:1 1 180px; min-width:0!important; }
html body.app-navigation .page-workflow-builder .workflow-builder-name input { width:100%!important; max-width:100%!important; }
html body.app-navigation .page-workflow-builder .workflow-builder-actions { flex-wrap:wrap; height:auto!important; min-width:0; max-width:100%; }
html body.app-navigation .page-workflow-builder .workflow-builder-actions .btn { min-height:40px!important; height:auto!important; white-space:normal!important; }
html body.app-navigation .page-workflow-builder .workflow-builder-body { position:relative; min-width:0; min-height:0!important; overflow:hidden; }
html body.app-navigation .page-workflow-builder :is(.workflow-palette,.workflow-inspector) { min-width:0; min-height:0; box-sizing:border-box; overscroll-behavior:contain; }
html body.app-navigation .page-workflow-builder .workflow-canvas-wrap { min-width:0; min-height:0; }
html body.app-navigation .page-workflow-builder .workflow-builder-settings { z-index:1400!important; }
html body.app-navigation .page-workflow-builder .workflow-settings-card { box-sizing:border-box; max-height:100dvh; padding-bottom:max(20px,env(safe-area-inset-bottom)); }
@media(max-width:1100px) {
  html body.app-navigation .page-workflow-builder .workflow-builder-shell .workflow-builder-body { display:block!important; }
  html body.app-navigation .page-workflow-builder .workflow-canvas-wrap { position:absolute!important; inset:0; width:100%; height:100%; }
  html body.app-navigation .page-workflow-builder .workflow-builder-shell :is(.workflow-palette,.workflow-inspector) {
    display:none!important; position:absolute!important; top:0; bottom:0; height:100%!important;
    width:min(360px,calc(100% - 16px))!important; max-width:calc(100% - 16px)!important;
    z-index:40; overflow-y:auto!important; box-shadow:0 10px 30px #132b2933;
  }
  html body.app-navigation .page-workflow-builder .workflow-palette { left:0; }
  html body.app-navigation .page-workflow-builder .workflow-inspector { right:0; }
  html body.app-navigation .page-workflow-builder .workflow-builder-shell :is(.workflow-palette.open,.workflow-inspector.open) { display:block!important; transform:none!important; }
  html body.app-navigation .page-workflow-builder .workflow-canvas-blocks { display:grid!important; }
}
@media(max-width:720px) {
  html body.app-navigation .page-workflow-builder .workflow-builder-name { flex:1 1 calc(100% - 60px); }
  html body.app-navigation .page-workflow-builder .workflow-builder-actions { width:100%; margin:0!important; }
  html body.app-navigation .page-workflow-builder .workflow-builder-actions .btn:not(.workflow-panel-toggle):not(.workflow-focus-toggle) { display:inline-flex!important; flex:1; justify-content:center; }
  html body.app-navigation .page-workflow-builder .workflow-builder-actions .primary span { display:inline!important; }
  html body.app-navigation .page-workflow-builder .workflow-mobile-toolbar { flex-shrink:0; }
  html body.app-navigation .page-workflow-builder .workflow-canvas-tools { max-width:calc(100% - 16px); flex-wrap:wrap; box-sizing:border-box; gap:2px; }
}

/* Keep inline line-art visible even under legacy global SVG rules. */
html body.app-navigation .sidebar .nav-icon svg,
html body.app-navigation .page-content h1 svg.page-title-icon {
  display:block!important; position:static!important; fill:none!important;
  stroke:currentColor!important; stroke-width:1.8!important; opacity:1!important;
  visibility:visible!important; transform:none!important;
}
html body.app-navigation .page-content.page-templates .page-heading {
  display:flex!important; flex-wrap:wrap!important; height:auto!important;
  max-height:none!important; gap:20px!important; align-items:center!important;
}
html body.app-navigation .page-content.page-templates .page-heading > div:first-child { flex:1 1 340px; min-width:0!important; max-width:100%!important; }
html body.app-navigation .page-content.page-templates .page-heading .heading-actions {
  display:flex!important; flex:0 1 auto!important; flex-direction:row!important; flex-wrap:wrap!important;
  width:auto!important; max-width:100%!important; min-width:0!important; height:auto!important;
  position:static!important; transform:none!important; gap:10px!important; overflow:visible!important;
}
html body.app-navigation .page-content.page-templates .page-heading .heading-actions > * {
  display:block!important; flex:0 1 auto!important; width:auto!important; min-width:0!important; margin:0!important;
}
html body.app-navigation .page-content.page-templates.page-content :is(.heading-actions,.template-empty-actions,.template-create-actions) .btn.btn {
  display:inline-flex!important; visibility:visible!important; opacity:1!important;
  height:auto!important; min-height:42px!important; white-space:normal!important; line-height:1.35!important; padding:10px 14px!important;
}
html body.app-navigation .page-workflow-builder .workflow-palette-search {
  display:flex!important; flex-direction:row!important; align-items:center!important; gap:8px!important;
  min-width:0!important; width:100%!important; box-sizing:border-box!important; padding:0 10px!important;
  border:1px solid #cbdcd3; border-radius:9px; min-height:42px; background:#fff;
}
html body.app-navigation .page-workflow-builder .workflow-palette-search .workflow-search-icon {
  display:grid!important; place-items:center; position:static!important; flex:0 0 18px!important; width:18px!important; height:18px!important;
}
html body.app-navigation .page-workflow-builder .workflow-search-icon svg { display:block!important; width:18px!important; height:18px!important; position:static!important; fill:none!important; stroke:currentColor!important; }
html body.app-navigation .page-workflow-builder .workflow-palette-search input {
  display:block!important; flex:1 1 0%!important; width:0!important; min-width:0!important; max-width:100%!important;
  position:static!important; margin:0!important; padding:9px 0!important; height:40px!important;
  border:0!important; box-shadow:none!important; background:transparent!important; transform:none!important;
}
html body.app-navigation .page-workflow-builder .workflow-palette-search:focus-within { outline:2px solid #78b89a; outline-offset:2px; }

/* Compact composer tools flow with the existing responsive reply area. */
html body.app-navigation .page-inbox .reply-format-tools { display:flex; align-items:center; gap:3px; padding:2px 6px 5px; min-width:0; }
html body.app-navigation .page-inbox :is(.reply-format-tools,.reply-emoji-picker) button {
  display:inline-grid; place-items:center; width:32px; height:32px; min-width:32px; padding:5px;
  border:0; border-radius:8px; background:transparent; color:#53665d; cursor:pointer;
}
html body.app-navigation .page-inbox .reply-format-tools svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
html body.app-navigation .page-inbox :is(.reply-format-tools,.reply-emoji-picker) button:hover { background:#e5f2eb; color:#126b42; }
html body.app-navigation .page-inbox :is(.reply-format-tools,.reply-emoji-picker) button:focus-visible { outline:2px solid #268458; outline-offset:-2px; }
html body.app-navigation .page-inbox .reply-emoji-picker:not([hidden]) {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(36px,1fr)); gap:3px;
  width:min(320px,100%); max-height:144px; overflow-y:auto; box-sizing:border-box;
  padding:6px; border:1px solid #d6e5dc; border-radius:10px; background:#fff; overscroll-behavior:contain;
}
html body.app-navigation .page-inbox .reply-emoji-picker[hidden] { display:none!important; }
html body.app-navigation .page-inbox .reply-emoji-picker button { font-size:22px; width:36px; height:36px; }
html body.app-navigation .page-inbox .reply-format-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(pointer:coarse) {
  html body.app-navigation .page-inbox :is(.reply-format-tools,.reply-emoji-picker) button { min-width:40px; width:40px; height:40px; }
  html body.app-navigation .page-inbox .reply-emoji-picker:not([hidden]) { grid-template-columns:repeat(auto-fit,minmax(40px,1fr)); }
}

/* Full brand signature on the dark sidebar; compact mark in collapsed mode. */
html body.app-navigation .sidebar .sidebar-brand-row { padding:16px 14px!important; }
html body.app-navigation .sidebar .sidebar-full-brand { display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; padding:0!important; }
html body.app-navigation .sidebar .sidebar-full-logo { display:block!important; width:100%!important; max-width:214px!important; height:auto!important; max-height:72px!important; object-fit:contain!important; }
html body.app-navigation .sidebar .sidebar-compact-logo { display:none!important; }
@media(min-width:1101px) {
  html body.app-navigation.navigation-collapsed .sidebar .sidebar-full-logo { display:none!important; }
  html body.app-navigation.navigation-collapsed .sidebar .sidebar-compact-logo { display:block!important; width:40px!important; height:40px!important; }
}

/* Billing Admin: nested customer controls must shrink as well as outer cards. */
@media(max-width:980px) {
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-customer-primary-grid,.ba2-advanced-grid) { grid-template-columns:minmax(0,1fr)!important; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-customer,.ba2-customer-body,.ba2-customer-identity,.ba2-customer-identity>div,.ba2-customer-tools,.ba2-plan-brand,.ba2-manage-title>div) { min-width:0!important; max-width:100%!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-customer>details>summary { display:flex!important; flex-wrap:wrap!important; gap:12px!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-customer-stats { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; width:100%!important; min-width:0!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-customer-stats>span { min-width:0!important; overflow-wrap:anywhere; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-customer-identity strong,.ba2-customer-identity small,.ba2-field small,.ba2-field code) { white-space:normal!important; overflow-wrap:anywhere; }
}
@media(max-width:760px) {
  html body.app-navigation .page-content.page-billing-admin .ba2-hero { padding:20px 16px!important; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-section-head,.ba2-customer-body,.ba2-manage-card,.ba2-advanced-card) { padding:12px!important; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-plan-select-form,.ba2-token-adjust,.ba2-custom-limits,.ba2-period-grid) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-capacity-row,.ba4-capacity-head,.ba2-plan-head-actions,.ba2-plan-footer,.ba2-payment-toggle,.ba2-message-limit>div) { flex-wrap:wrap!important; gap:8px!important; min-width:0!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-capacity-row { display:flex!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-capacity-row>div { flex:1 1 100%!important; min-width:0!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-capacity-actions { display:grid!important; grid-template-columns:minmax(0,1fr) 44px 44px!important; width:100%!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-capacity-actions button { width:44px!important; height:44px!important; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-customer-tools,.ba2-customer-tools>label) { width:100%!important; max-width:100%!important; min-width:0!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-customer-tools>label { display:flex!important; align-items:center!important; gap:8px!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-customer-tools input { flex:1 1 0%!important; width:0!important; min-width:0!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-customer-tools i { position:static!important; transform:none!important; flex-shrink:0; }
  html body.app-navigation .page-content.page-billing-admin .ba3-plan-snapshot { display:flex!important; flex-wrap:wrap!important; min-width:0!important; }
  html body.app-navigation .page-content.page-billing-admin .ba3-plan-snapshot>span { white-space:normal!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-jump a { min-height:44px!important; box-sizing:border-box; }
  html body.app-navigation .page-content.page-billing-admin :is(.ba2-plan-select-form,.ba2-payment-save,.ba2-manage-token,.ba2-advanced-card)>.btn { width:100%!important; }
}
@media(max-width:760px) {
  html body.app-navigation .page-content.page-billing-admin .ba2-page { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-page :is(section,article,form,details,summary,nav,div,label) { min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  html body.app-navigation .page-content.page-billing-admin .ba2-page>*,
  html body.app-navigation .page-content.page-billing-admin .ba2-plan-form { width:100%!important; }
  html body.app-navigation .page-content.page-billing-admin .ba5-control-tabs { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body.app-navigation .page-content.page-billing-admin .ba5-control-tabs a { min-width:0!important; padding:10px 8px!important; overflow-wrap:anywhere; }
}

/* Compact sidebar signature with no surface behind the collapsed mark. */
html body.app-navigation .sidebar .sidebar-brand-row { min-height:72px!important; padding:12px!important; }
html body.app-navigation .sidebar .sidebar-full-logo { width:154px!important; max-width:100%!important; max-height:51px!important; }
html body.app-navigation .sidebar .sidebar-full-brand,
html body.app-navigation .sidebar .sidebar-compact-logo,
html body.app-navigation .sidebar .sidebar-compact-logo img { background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; }
@media(min-width:1101px) {
  html body.app-navigation.navigation-collapsed .sidebar .sidebar-compact-logo { width:32px!important; height:32px!important; flex:0 0 32px!important; }
}

/* Mobile inbox: clear chat hierarchy and a full-width writing area. */
@media(max-width:720px) {
  html body.app-navigation .page-content.page-inbox .inbox-layout { gap:0!important; border-radius:0!important; }
  html body.app-navigation .page-content.page-inbox .conversation-panel { border-radius:0!important; box-shadow:none!important; background:#fff!important; }
  html body.app-navigation .page-content.page-inbox .conversation-item { padding:14px 12px!important; border-radius:0!important; box-shadow:none!important; border-bottom:1px solid #edf1ee!important; gap:12px!important; }
  html body.app-navigation .page-content.page-inbox .conversation-item .avatar { width:46px!important; height:46px!important; flex:0 0 46px!important; border-radius:50%!important; }
  html body.app-navigation .page-content.page-inbox .chat-header { background:#fff!important; border-bottom:1px solid #e2e9e5!important; box-shadow:0 1px 4px #172d2110!important; }
  html body.app-navigation .page-content.page-inbox .chat-person-copy strong { font-size:15px!important; font-weight:700!important; color:#172b22!important; }
  html body.app-navigation .page-content.page-inbox .chat-person-copy small { font-size:11px!important; color:#708279!important; }
  html body.app-navigation .page-content.page-inbox .messages { padding:16px 12px!important; background-color:#f0eee7!important; }
  html body.app-navigation .page-content.page-inbox .bubble { max-width:86%!important; border-radius:14px!important; padding:9px 12px!important; box-shadow:0 1px 2px #17312612!important; font-size:14px!important; line-height:1.5!important; }
  html body.app-navigation .page-content.page-inbox .bubble p { font-size:14px!important; line-height:1.5!important; overflow-wrap:anywhere; }
  html body.app-navigation .page-content.page-inbox .reply-box.rich-reply-box {
    position:relative!important; display:grid!important;
    grid-template-columns:36px 36px minmax(0,1fr) 40px 44px!important;
    gap:6px 4px!important; align-items:center!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    background:#f7f9f7!important; border-top:1px solid #e1e8e3!important;
    min-height:0!important; height:auto!important;
  }
  html body.app-navigation .page-content.page-inbox .reply-compose-area { grid-column:1/-1!important; grid-row:1!important; width:100%!important; min-width:0!important; gap:5px!important; }
  html body.app-navigation .page-content.page-inbox .reply-compose-area textarea {
    box-sizing:border-box!important; width:100%!important; min-height:44px!important; max-height:110px!important;
    margin:0!important; padding:11px 14px!important; border:1px solid #dfe7e1!important;
    border-radius:20px!important; background:#fff!important; font-size:16px!important; line-height:1.4!important;
    box-shadow:none!important;
  }
  html body.app-navigation .page-content.page-inbox [data-quick-reply-wrap] { grid-column:1!important; grid-row:2!important; }
  html body.app-navigation .page-content.page-inbox [data-attachment-wrap] { grid-column:2!important; grid-row:2!important; }
  html body.app-navigation .page-content.page-inbox .voice-record-button { grid-column:4!important; grid-row:2!important; }
  html body.app-navigation .page-content.page-inbox .send-button { grid-column:5!important; grid-row:2!important; width:40px!important; height:40px!important; min-width:40px!important; border-radius:50%!important; background:#087f5b!important; color:#fff!important; box-shadow:none!important; }
  html body.app-navigation .page-content.page-inbox .reply-tool-button { width:36px!important; height:40px!important; min-width:36px!important; background:transparent!important; border:0!important; color:#62776a!important; }
  html body.app-navigation .page-content.page-inbox .reply-format-tools { position:absolute!important; bottom:calc(8px + env(safe-area-inset-bottom)); left:90px; right:98px; height:40px; padding:0!important; gap:0!important; justify-content:center; }
  html body.app-navigation .page-content.page-inbox .reply-format-tools button { width:32px!important; min-width:0!important; height:40px!important; flex:1 1 32px; max-width:40px; padding:6px!important; }
  html body.app-navigation .page-content.page-inbox .reply-emoji-picker:not([hidden]) { width:100%!important; max-height:136px!important; }
  html body.app-navigation .page-content.page-inbox .voice-cancel-button { grid-column:3!important; grid-row:2!important; z-index:2; }
  html body.app-navigation .page-content.page-inbox .reply-box:has(.voice-cancel-button:not([hidden])) .reply-format-tools { visibility:hidden; }
}
@media(max-width:720px) {
  html body.app-navigation .page-content.page-inbox .reply-compose-area { padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; border-radius:0!important; }
  html body.app-navigation .page-content.page-inbox .message-row { margin-bottom:8px!important; }
  html body.app-navigation .page-content.page-inbox .message-row.inbound .bubble { background:#fff!important; border:1px solid #e7e9e4!important; border-top-left-radius:4px!important; }
  html body.app-navigation .page-content.page-inbox .message-row.outbound .bubble { background:#dcf8e5!important; border:1px solid #cdebd7!important; border-top-right-radius:4px!important; }
}

/* Searchable emoji library with independently scrolling results. */
html body.app-navigation .page-content.page-inbox .reply-emoji-picker:not([hidden]) {
  display:flex!important; flex-direction:column!important; gap:7px!important;
  width:min(380px,100%)!important; max-height:min(300px,42dvh)!important; padding:10px!important; overflow:hidden!important;
}
html body.app-navigation .page-content.page-inbox .reply-emoji-search {
  flex:0 0 auto!important; width:100%!important; min-width:0!important; height:38px!important; min-height:38px!important;
  box-sizing:border-box!important; padding:8px 10px!important; margin:0!important;
  border:1px solid #dbe6df!important; border-radius:8px!important; font-size:16px!important; background:#f6f9f7!important;
}
html body.app-navigation .page-content.page-inbox .reply-emoji-categories { display:flex; flex:0 0 auto; gap:4px; overflow-x:auto; min-width:0; padding:2px; scrollbar-width:thin; }
html body.app-navigation .page-content.page-inbox .reply-emoji-categories button {
  flex:0 0 auto!important; width:auto!important; min-width:0!important; height:34px!important; padding:6px 10px!important; font-size:12px!important; white-space:nowrap;
}
html body.app-navigation .page-content.page-inbox .reply-emoji-categories button[aria-pressed="true"] { background:#dcf3e5!important; color:#146c43!important; }
html body.app-navigation .page-content.page-inbox .reply-emoji-count { flex:0 0 auto; color:#6b7e72; font-size:11px; }
html body.app-navigation .page-content.page-inbox .reply-emoji-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(40px,1fr)); gap:2px; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
html body.app-navigation .page-content.page-inbox .reply-emoji-grid button { width:40px!important; min-width:40px!important; height:40px!important; font-size:24px!important; }
@media(max-width:720px) {
  html body.app-navigation .page-content.page-inbox .reply-emoji-picker:not([hidden]) { width:100%!important; max-height:min(260px,38dvh)!important; }
}

/* Composer formatting controls share one quiet, accessible visual style. */
html body.app-navigation .page-content.page-inbox .reply-format-tools button {
  border:1px solid transparent!important; border-radius:9px!important;
  color:#52695c!important; background:transparent!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
html body.app-navigation .page-content.page-inbox .reply-format-tools button svg { width:19px!important; height:19px!important; stroke-width:1.9!important; }
html body.app-navigation .page-content.page-inbox .reply-format-tools button:hover,
html body.app-navigation .page-content.page-inbox .reply-format-tools button[aria-pressed="true"],
html body.app-navigation .page-content.page-inbox .reply-format-tools button[aria-expanded="true"] {
  background:#e0f1e7!important; border-color:#bedfcd!important; color:#087f5b!important;
}
html body.app-navigation .page-content.page-inbox .reply-format-tools button:disabled { opacity:.4; cursor:not-allowed; }
html body.app-navigation .page-content.page-inbox .reply-compose-area textarea:focus { border-color:#82b99b!important; outline:2px solid #dcefe3!important; outline-offset:0!important; }
html body.app-navigation .page-content.page-inbox .bubble strong { font-weight:750; }
html body.app-navigation .page-content.page-inbox .bubble em { font-style:italic; }
@media(prefers-reduced-motion:reduce) { html body.app-navigation .page-content.page-inbox .reply-format-tools button { transition:none; } }
.public-brand .public-brand-logo { display:block; width:154px; max-width:100%; height:auto; max-height:54px; object-fit:contain; }

/* Server-confirmed delivery receipts; red is reserved for send failures. */
html body.app-navigation .page-content.page-inbox .message-meta { display:flex!important; align-items:center; justify-content:flex-end; gap:5px; flex-wrap:wrap; }
html body.app-navigation .page-content.page-inbox .message-receipt { display:inline-flex!important; align-items:center; flex:0 0 auto; margin-top:0!important; color:#7c8781!important; opacity:1!important; }
html body.app-navigation .page-content.page-inbox .message-receipt svg { display:block!important; width:18px!important; height:16px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; }
html body.app-navigation .page-content.page-inbox .message-receipt.is-read { color:var(--brand-green)!important; }
html body.app-navigation .page-content.page-inbox .message-receipt.is-failed { color:#c52237!important; }

/* Recording replaces the composer grid with a dedicated, bounded control row. */
@media(max-width:720px) {
  html body.app-navigation .page-content.page-inbox .reply-box.rich-reply-box.is-recording {
    display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:space-between!important;
    gap:8px!important; min-height:68px!important; overflow:visible!important;
  }
  html body.app-navigation .page-content.page-inbox .reply-box.is-recording :is(.reply-compose-area,.reply-tool-wrap,.send-button) { display:none!important; }
  html body.app-navigation .page-content.page-inbox .reply-box.is-recording .voice-cancel-button {
    display:inline-flex!important; position:static!important; align-items:center; justify-content:center;
    width:44px!important; min-width:44px!important; height:44px!important; flex:0 0 44px!important;
    border:1px solid #edd1d5; border-radius:50%; background:#fff; color:#be3345;
  }
  html body.app-navigation .page-content.page-inbox .reply-box.is-recording .voice-record-button.recording {
    display:inline-flex!important; position:static!important; align-items:center!important; justify-content:center!important;
    width:auto!important; min-width:0!important; max-width:100%!important; height:44px!important;
    flex:1 1 130px!important; gap:10px!important; padding:0 16px!important;
    border-radius:22px!important; background:#fff0f1!important; color:#be3345!important; transform:none!important;
  }
  html body.app-navigation .page-content.page-inbox .reply-box.is-recording [data-voice-timer] { display:inline!important; font-size:15px!important; font-variant-numeric:tabular-nums; }
  html body.app-navigation .page-content.page-inbox .reply-box.is-recording::after {
    content:'Recording · tap stop to send'; display:block; flex:1 1 100%; margin:0!important;
    text-align:center; white-space:normal!important; font-size:11px!important; line-height:1.3; color:#7c535a;
  }
}
html body.app-navigation .page-content svg.section-title-icon { display:block!important; position:static!important; width:22px!important; height:22px!important; fill:none!important; stroke:currentColor!important; opacity:1!important; visibility:visible!important; transform:none!important; }

html body.app-navigation .page-content.page-billing-admin :is(.ba2-plan-head,.ba2-customer>details>summary,.ba2-section-head) { height:auto!important; min-height:0!important; }
html body.app-navigation .page-content.page-billing-admin :is(.ba2-plan-brand,.ba2-customer-identity,.ba2-manage-title)>div { min-width:0!important; }
html body.app-navigation .page-content.page-billing-admin :is(.ba2-plan-brand,.ba2-customer-identity,.ba2-manage-title,.ba3-plan-snapshot) :is(strong,small,span) { white-space:normal!important; overflow-wrap:anywhere!important; line-height:1.45!important; }
@media(max-width:1250px) {
  html body.app-navigation .page-content.page-billing-admin .ba2-plan-head { display:flex!important; flex-wrap:wrap!important; gap:12px!important; }
  html body.app-navigation .page-content.page-billing-admin .ba3-plan-snapshot { display:flex!important; flex-wrap:wrap!important; gap:8px!important; }
}

/* Align the expanded wordmark with navigation instead of centering a narrow image. */
html body.app-navigation .sidebar .sidebar-brand-row {
  padding-left:18px!important;
  padding-right:18px!important;
}
html body.app-navigation .sidebar .sidebar-full-brand {
  justify-content:flex-start!important;
}
html body.app-navigation .sidebar .sidebar-full-logo {
  width:184px!important;
  max-width:100%!important;
  max-height:61px!important;
  object-position:left center!important;
}
@media(min-width:1101px) {
  html body.app-navigation.navigation-collapsed .sidebar .sidebar-brand-row { padding-left:12px!important; padding-right:12px!important; }
  html body.app-navigation.navigation-collapsed .sidebar .sidebar-full-brand { justify-content:center!important; }
}