/* Bizistic design system — new look (approved 30 Sep 2026).
   Navy header card, coral actions, calm grey page, white cards, one colour
   per tab, spacious like the reference boards. Plus Jakarta Sans (OFL,
   self-hosted). Loaded AFTER base.css and each page's own <style>, so it
   also re-tunes the older ba-* components to the new look. */

@font-face { font-family: "Plus Jakarta Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url("/static/fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("/static/fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 800; font-style: normal; font-display: swap; src: url("/static/fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2"); }

:root {
  --bz-navy: #1E2233;
  --bz-navy-2: #2A2F45;
  --bz-navy-line: #4A5070;
  --bz-coral: #D63C47;
  --bz-coral-strong: #B02A36;
  --bz-coral-soft: #FCE9EA;
  --bz-page: #F6F7F9;
  --bz-card: #FFFFFF;
  --bz-line: #E8EAEE;
  --bz-line-soft: #F0F1F4;
  --bz-ink: #111827;
  --bz-ink-2: #4B5563;
  --bz-muted: #6B7280;
  --bz-faint: #9CA3AF;
  /* money colours, used the same way on every screen */
  --bz-in: #3B6D11;        /* money in */
  --bz-in-soft: #EAF3DE;
  --bz-out: #A32D2D;       /* money out */
  --bz-out-soft: #FCEBEB;
  --bz-credit: #854F0B;    /* credit to collect */
  --bz-credit-soft: #FAEEDA;
  /* one colour per tab */
  --bz-t-today: #D63C47;
  --bz-t-chats: #1D9E75;
  --bz-t-leads: #7F77DD;
  --bz-t-money: #639922;
  --bz-t-complaints: #E24B4A;
  --bz-t-team: #378ADD;
  --bz-t-reports: #D4537E;
  --bz-t-settings: #6B7280;
  --bz-t-help: #BA7517;
  --bz-radius-card: 20px;
  --bz-radius: 12px;
  --bz-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bz-ease: cubic-bezier(.2, .8, .2, 1);

  /* Re-tune the older base.css tokens so existing screens match. */
  --ba-bg: var(--bz-page);
  --ba-surface: #FFFFFF;
  --ba-surface-2: #F9FAFB;
  --ba-surface-sunken: #F3F4F6;
  --ba-ink: var(--bz-ink);
  --ba-ink-soft: var(--bz-ink-2);
  --ba-muted: var(--bz-muted);
  --ba-faint: var(--bz-faint);
  --ba-border: var(--bz-line);
  --ba-border-strong: #D5D8DE;
  --ba-primary: var(--bz-coral);
  --ba-primary-strong: var(--bz-coral-strong);
  --ba-primary-soft: var(--bz-coral-soft);
  --ba-radius: 14px;
  --ba-radius-lg: 20px;
  --ba-shadow-sm: none;
  --ba-shadow-md: 0 1px 2px rgba(17, 24, 39, .04);
  --ba-font-sans: var(--bz-font);
  --ba-font-serif: var(--bz-font);
}

html, body { background: var(--bz-page); }
body { font-family: var(--bz-font); color: var(--bz-ink); font-size: 14px; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
.bz-i { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; vertical-align: middle; }
.bz-i.sm { width: 16px; height: 16px; }
.bz-i.lg { width: 24px; height: 24px; }
/* Anything marked hidden stays hidden, whatever its display rule. */
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ------------------------------------------------------------ app shell */
.bz-app { display: grid; grid-template-columns: 248px minmax(0, 1fr); min-height: 100vh; }
.bz-side { position: sticky; top: 0; height: 100vh; overflow-y: auto; background: #fff; border-right: 1px solid var(--bz-line); padding: 26px 16px 18px; display: flex; flex-direction: column; }
.bz-logo { font-weight: 800; font-size: 22px; letter-spacing: .04em; text-transform: uppercase; color: var(--bz-ink); text-decoration: none; padding: 0 12px 26px; display: block; }
.bz-nav a { --c: var(--bz-t-settings); display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 12px; border-radius: 11px; color: var(--bz-ink-2); text-decoration: none; font-weight: 500; font-size: 14.5px; margin-bottom: 2px; transition: background .15s, color .15s; }
.bz-nav a .bz-i { color: var(--c); }
.bz-nav a:hover { background: var(--bz-page); color: var(--bz-ink); }
.bz-nav a.on { background: color-mix(in srgb, var(--c) 12%, #fff); color: color-mix(in srgb, var(--c) 70%, #000); font-weight: 600; }
.bz-nav hr { border: 0; border-top: 1px solid var(--bz-line); margin: 12px 12px; }
.bz-count { margin-left: auto; min-width: 20px; text-align: center; font-size: 11px; font-weight: 700; color: #fff; background: var(--c); border-radius: 10px; padding: 1px 7px; }
.bz-me { margin-top: auto; display: flex; gap: 10px; align-items: center; padding: 16px 10px 4px; border-top: 1px solid var(--bz-line); }
.bz-av { width: 36px; height: 36px; border-radius: 50%; background: #E1F5EE; color: #085041; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; flex: none; }
.bz-me .who { min-width: 0; line-height: 1.3; }
.bz-me .who b { font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-me .who span { color: var(--bz-muted); font-size: 12px; }
.bz-me a { margin-left: auto; color: var(--bz-muted); display: flex; padding: 6px; border-radius: 8px; }
.bz-me a:hover { background: var(--bz-page); color: var(--bz-ink); }

.bz-main { min-width: 0; }
.bz-top { position: sticky; top: 0; z-index: 30; height: 72px; display: flex; align-items: center; gap: 16px; padding: 0 40px; background: rgba(255,255,255,.92); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--bz-line); }
.bz-search { flex: 0 1 460px; height: 44px; border: 1px solid var(--bz-line); border-radius: 12px; display: flex; align-items: center; gap: 10px; padding: 0 14px; color: var(--bz-faint); background: #fff; }
.bz-search:focus-within { border-color: var(--bz-ink-2); }
.bz-search input { border: 0; outline: 0; flex: 1; font: inherit; font-size: 14px; color: var(--bz-ink); background: transparent; min-width: 0; }
.bz-top .right { margin-left: auto; display: flex; align-items: center; gap: 16px; color: var(--bz-ink-2); }
.bz-iconbtn { width: 42px; height: 42px; border: 1px solid var(--bz-line); border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #fff; color: var(--bz-ink-2); cursor: pointer; }
.bz-iconbtn:hover { color: var(--bz-ink); border-color: #D5D8DE; }
.bz-mtop { display: none; }

.bz-page { padding: 36px 40px 56px; max-width: 1240px; }
.bz-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 24px; }
.bz-head h1 { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.02em; }
.bz-head .sub { color: var(--bz-muted); font-size: 14px; }
.bz-head .actions { margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap; }
.bz-seg { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.bz-seg button { height: 36px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--bz-line); background: #fff; color: var(--bz-ink-2); font: inherit; font-weight: 600; font-size: 13.5px; cursor: pointer; }
.bz-seg button.on { background: var(--bz-navy); border-color: var(--bz-navy); color: #fff; }

/* ------------------------------------------------------------ building blocks */
.bz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 12px; font: inherit; font-weight: 600; font-size: 14px; border: 1px solid var(--bz-line); background: #fff; color: var(--bz-ink); cursor: pointer; text-decoration: none; white-space: nowrap; transition: transform .1s, background .15s; }
.bz-btn:hover { border-color: #D5D8DE; }
.bz-btn:active { transform: scale(.98); }
.bz-btn.primary { background: var(--bz-coral); border-color: var(--bz-coral); color: #fff; }
.bz-btn.primary:hover { background: var(--bz-coral-strong); }
.bz-btn.dark { background: transparent; border-color: var(--bz-navy-line); color: #fff; }
.bz-btn.sm { height: 36px; padding: 0 14px; border-radius: 10px; font-size: 13px; }
.bz-pill { display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; border-radius: 8px; padding: 3px 9px; background: var(--bz-coral-soft); color: #8A1F29; }
.bz-pill.good { background: #E1F5EE; color: #085041; }
.bz-pill.warn { background: var(--bz-credit-soft); color: var(--bz-credit); }
.bz-pill.grey { background: #F3F4F6; color: var(--bz-ink-2); }

.bz-card { background: var(--bz-card); border: 1px solid var(--bz-line); border-radius: var(--bz-radius-card); padding: 26px 28px; }
.bz-card h3 { margin: 0 0 16px; font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: 10px; letter-spacing: -.01em; }
.bz-card h3 .link { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--bz-coral); text-decoration: none; }
.bz-card .hint { color: var(--bz-muted); font-size: 13px; margin: -10px 0 12px; }
.bz-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-content: start; }
.bz-grid2 > *, .bz-stack > *, .bz-hero > * { min-width: 0; }
.bz-grid2 { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; margin-top: 24px; }

.bz-hero { background: var(--bz-navy); color: #fff; border-radius: var(--bz-radius-card); padding: 32px 36px; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; align-items: center; }
.bz-hero .hi { margin: 0; color: #C9CDE0; font-size: 15px; }
.bz-hero .lbl { margin: 22px 0 4px; color: #A9AEC4; font-size: 12px; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; }
.bz-hero .big { margin: 0; font-size: 52px; font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.bz-hero .delta { margin: 12px 0 24px; color: #7CD4A4; font-weight: 500; }
.bz-hero .delta.down { color: #F7A8AC; }
.bz-hero .delta span { color: #A9AEC4; font-weight: 400; }
.bz-hero .btns { display: flex; gap: 10px; flex-wrap: wrap; }
.bz-stat { background: var(--bz-navy-2); border-radius: 14px; padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
.bz-stat:last-child { margin-bottom: 0; }
.bz-stat span { color: #A9AEC4; }
.bz-stat b { font-size: 20px; font-weight: 600; }
.bz-stat .out { color: #F7A8AC; } .bz-stat .credit { color: #F2C46D; }

.bz-row { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-top: 1px solid var(--bz-line-soft); }
.bz-row:first-of-type { border-top: 0; padding-top: 4px; }
.bz-ico { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex: none; }
.bz-ico.chats { background: #E1F5EE; color: #0F6E56; }
.bz-ico.leads { background: #EEEDFE; color: #534AB7; }
.bz-ico.money { background: var(--bz-in-soft); color: var(--bz-in); }
.bz-ico.credit { background: var(--bz-credit-soft); color: var(--bz-credit); }
.bz-ico.complaints { background: var(--bz-out-soft); color: var(--bz-out); }
.bz-ico.team { background: #E6F1FB; color: #185FA5; }
.bz-ico.grey { background: #F3F4F6; color: var(--bz-ink-2); }
.bz-row .txt { min-width: 0; flex: 1; }
.bz-row .t { font-weight: 600; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-row .s { color: var(--bz-faint); font-size: 13px; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-row .age { color: var(--bz-faint); font-size: 13px; white-space: nowrap; }
.bz-kv { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-top: 1px solid var(--bz-line-soft); color: var(--bz-ink-2); }
.bz-kv:first-of-type { border-top: 0; padding-top: 2px; }
.bz-kv b { color: var(--bz-ink); font-weight: 600; }
.bz-cmd { display: flex; gap: 8px; border: 1px solid var(--bz-line); border-radius: 12px; padding: 12px 14px; margin-top: 10px; color: var(--bz-ink-2); }
.bz-cmd b { color: #0F6E56; font-weight: 700; }
.bz-empty { text-align: center; padding: 28px 12px; color: var(--bz-muted); }
.bz-empty .bz-ico { margin: 0 auto 12px; }
.bz-empty b { display: block; color: var(--bz-ink); font-size: 15px; margin-bottom: 4px; }

.bz-bars { display: flex; align-items: flex-end; gap: 16px; height: 160px; margin-top: 34px; }
.bz-bars .bar { flex: 1; border-radius: 8px 8px 4px 4px; background: #E3EED3; position: relative; min-height: 4px; transform-origin: bottom; }
.bz-bars .bar.today { background: var(--bz-t-money); }
.bz-bars .bar span { position: absolute; top: -22px; left: -8px; right: -8px; text-align: center; font-size: 12px; color: var(--bz-faint); }
.bz-bars .bar.today span { color: var(--bz-in); font-weight: 700; }
.bz-days { display: flex; gap: 16px; margin-top: 10px; color: var(--bz-faint); font-size: 12px; }
.bz-days span { flex: 1; text-align: center; }
.bz-days span.today { color: var(--bz-in); font-weight: 700; }

/* ------------------------------------------------------------ views */
.bz-view[hidden], .bz-sub[hidden] { display: none !important; }
.bz-view.enter { animation: bzFade .28s var(--bz-ease); }
@keyframes bzFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.bz-in { animation: bzUp .45s var(--bz-ease) both; }
@keyframes bzUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.bz-grow { animation: bzGrow .6s var(--bz-ease) both; }
@keyframes bzGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.bz-skel { background: linear-gradient(90deg, #F0F1F4 25%, #F7F8FA 50%, #F0F1F4 75%); background-size: 200% 100%; animation: bzShimmer 1.2s linear infinite; border-radius: 8px; color: transparent !important; }
@keyframes bzShimmer { to { background-position: -200% 0; } }

/* Older sections inside the new shell: spacious cards, no old chrome. */
.bz-main .dash-section { margin: 0; padding: 0; }
.bz-main .dash-section-head { margin-bottom: 20px; }
.bz-main .dash-section-head h2 { font-size: 20px; font-weight: 700; letter-spacing: -.01em; margin: 0 0 4px; }
.bz-main .ba-card { border-radius: var(--bz-radius-card); padding: 24px 26px; border-color: var(--bz-line); box-shadow: none; margin-bottom: 20px; }
.bz-main .ba-btn { border-radius: 10px; font-weight: 600; }
.bz-main .ba-input { border-radius: 10px; border-color: var(--bz-line); }
.bz-main .ba-table th { font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--bz-muted); font-weight: 700; }

/* ------------------------------------------------------------ drawer (Ask) */
.bz-drawer-bg { position: fixed; inset: 0; background: rgba(17, 24, 39, .35); z-index: 60; opacity: 0; pointer-events: none; transition: opacity .2s; }
.bz-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(520px, 100%); background: #fff; z-index: 61; transform: translateX(100%); transition: transform .28s var(--bz-ease); display: flex; flex-direction: column; box-shadow: -20px 0 40px -20px rgba(0,0,0,.2); }
.bz-drawer-open .bz-drawer-bg { opacity: 1; pointer-events: auto; }
.bz-drawer-open .bz-drawer { transform: none; }
.bz-drawer header { display: flex; align-items: center; gap: 10px; padding: 20px 24px; border-bottom: 1px solid var(--bz-line); font-weight: 700; font-size: 17px; }
.bz-drawer header button { margin-left: auto; }
.bz-drawer .body { padding: 20px 24px; overflow-y: auto; flex: 1; }

/* ------------------------------------------------------------ phone */
.bz-tabbar, .bz-sheet, .bz-sheet-bg { display: none; }
@media (max-width: 899px) {
  .bz-app { grid-template-columns: minmax(0, 1fr); }
  .bz-side { display: none; }
  .bz-top { display: none; }
  .bz-mtop { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px 6px; }
  .bz-mtop .bz-logo { padding: 0; font-size: 21px; }
  .bz-page { padding: 12px 16px 110px; }
  .bz-head h1 { font-size: 22px; }
  .bz-hero { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 22px; }
  .bz-hero .big { font-size: 40px; }
  .bz-hero .lbl { margin-top: 16px; }
  .bz-hero .delta { margin-bottom: 0; }
  .bz-hero .btns { display: none; }
  .bz-hero .stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .bz-hero .stats .bz-stat { margin: 0; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 14px; }
  .bz-hero .stats .bz-stat.net { display: none; }
  .bz-hero .stats .bz-stat b { font-size: 18px; }
  .bz-grid2 { grid-template-columns: minmax(0, 1fr); margin-top: 20px; gap: 20px; }
  .bz-card { padding: 18px 18px; }
  .bz-row .age { display: none; }
  .bz-row .bz-btn { width: 40px; padding: 0; }
  .bz-row .bz-btn .lbl { display: none; }
  .bz-bars { gap: 8px; height: 120px; }
  .bz-days { gap: 8px; }
  .bz-hide-phone { display: none !important; }

  html { scroll-padding-bottom: 96px; } /* a field or button scrolled into view never lands under the tab bar */
  .bz-tabbar { display: grid; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; grid-template-columns: repeat(5, 1fr); height: 74px; padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid var(--bz-line); }
  .bz-tabbar a { --c: var(--bz-t-settings); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--bz-faint); text-decoration: none; font-size: 11.5px; font-weight: 600; position: relative; }
  .bz-tabbar a .bz-i { color: var(--c); width: 24px; height: 24px; }
  .bz-tabbar a.on { color: color-mix(in srgb, var(--c) 70%, #000); }
  .bz-tabbar .bz-count { position: absolute; top: 10px; left: calc(50% + 4px); margin: 0; font-size: 10px; padding: 0 5px; }
  .bz-sheet-bg { display: block; position: fixed; inset: 0; background: rgba(17, 24, 39, .4); z-index: 50; opacity: 0; pointer-events: none; transition: opacity .2s; }
  .bz-sheet { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 51; background: #fff; border-radius: 24px 24px 0 0; padding: 12px 20px calc(24px + env(safe-area-inset-bottom)); transform: translateY(105%); transition: transform .3s var(--bz-ease); }
  .bz-sheet-open .bz-sheet-bg { opacity: 1; pointer-events: auto; }
  .bz-sheet-open .bz-sheet { transform: none; }
  .bz-sheet .grab { width: 38px; height: 4px; border-radius: 2px; background: #D1D5DB; margin: 0 auto 18px; }
  .bz-sheet .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .bz-sheet .grid a { --c: var(--bz-t-settings); display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 6px; border-radius: 16px; background: color-mix(in srgb, var(--c) 10%, #fff); color: color-mix(in srgb, var(--c) 65%, #000); text-decoration: none; font-weight: 600; font-size: 13px; }
  .bz-sheet .grid a .bz-i { width: 26px; height: 26px; }
  .bz-main .ba-card { padding: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .bz-view.enter, .bz-in, .bz-grow, .bz-skel { animation: none !important; }
  .bz-drawer, .bz-sheet, .bz-nav a { transition: none !important; }
}

/* Setup checklist (Today, until setup is complete): calm new-look card. */
.bz-main .setup-checklist-card { background: #fff; border: 1px solid var(--bz-line); border-radius: var(--bz-radius-card); padding: 24px 26px; margin-bottom: 24px; box-shadow: none; }
.bz-main .setup-checklist-grid { gap: 12px; margin-top: 18px; }
.bz-main .setup-checklist-item { background: #fff; border: 1px solid var(--bz-line); border-radius: 14px; padding: 14px 16px; }
.bz-main .setup-checklist-item.done { background: #F7FBF2; border-color: #D9EAC4; }
.bz-main .setup-checklist-item.done .chk-icon { background: var(--bz-t-money); border-color: var(--bz-t-money); color: #fff; }
.bz-main .setup-checklist-item.done a, .bz-main .setup-checklist-item.done .ba-badge { color: var(--bz-in); }
.bz-main .setup-checklist-tip { background: var(--bz-page); border: 0; border-radius: 12px; margin-top: 14px; }
.bz-main #overview-setup-ring-circle { stroke: var(--bz-t-money); }
.bz-main .setup-checklist-item.done [id^="chk-action-"] { color: var(--bz-in); }
.bz-main .setup-checklist-item.done [id^="chk-action-"] * { color: var(--bz-in) !important; }

/* The "+ add sale" button belongs to Today and Money only. */

@media (max-width: 899px) {
  .bz-seg { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 2px; width: calc(100% + 32px); }
  .bz-seg::-webkit-scrollbar { display: none; }
  .bz-seg button { flex: none; }
  .bz-head { gap: 12px; }
  .bz-main .setup-checklist-item.done [id^="chk-desc-"], .bz-main .setup-checklist-item.done [id^="chk-action-"] { display: none; }
  .bz-main .setup-checklist-item.done { padding: 10px 14px; }
}

/* The page title + part buttons name the screen; hide the older section
   headings' duplicate title but keep their one-line description. */
.bz-main .bz-view > .dash-section-head h2 { display: none; }
.bz-main .bz-view > .dash-section-head { margin-bottom: 18px; }

/* Free trial card (Today) */
.bz-trial { display: flex; align-items: center; gap: 24px; margin-bottom: 20px; }
.bz-trial .body { flex: 1; min-width: 0; }
.bz-trial h3 { margin-bottom: 6px; }
.bz-trial p { margin: 0; color: var(--bz-ink-2); font-size: 14px; line-height: 1.55; }
.bz-trial .meter { height: 8px; border-radius: 8px; background: var(--bz-line-soft); overflow: hidden; margin: 14px 0 6px; max-width: 420px; }
.bz-trial .meter i { display: block; height: 100%; border-radius: 8px; background: var(--bz-t-chats); }
.bz-trial .meter i.hot { background: var(--bz-coral); }
.bz-trial .small { color: var(--bz-muted); font-size: 13px; }
.bz-trial.ended { border-color: #F2C4C7; background: #FFF8F8; }
.bz-trial .go { flex: none; text-align: right; }
.bz-trial .go .small { display: block; margin-top: 6px; }
@media (max-width: 720px) {
  .bz-trial { flex-direction: column; align-items: stretch; gap: 14px; }
  .bz-trial .go { text-align: left; }
  .bz-trial .go .bz-btn { width: 100%; }
}

/* ------------------------------------------------------------ Money (new look) */
.bz-money-hero { margin-bottom: 0; }
.bz-money-hero .stats .bz-stat b.out { color: #F7A8AC; }
.bz-mseg { display: inline-flex; gap: 4px; background: var(--bz-navy-2); border-radius: 12px; padding: 4px; }
.bz-mseg button { height: 34px; padding: 0 14px; border: 0; border-radius: 9px; background: transparent; color: #A9AEC4; font: inherit; font-weight: 600; font-size: 13.5px; cursor: pointer; }
.bz-mseg button.on { background: #fff; color: var(--bz-navy); }
.bz-money-hero .lbl { margin-top: 18px; }
.bz-money-book { margin-top: 24px; }
.bz-money-book > h3 { margin-bottom: 14px; }
.bz-money-book .money-tabs { border: 0 !important; margin: 0 0 20px !important; }
.bz-money-book .money-tab-btn.active { background: var(--bz-navy); border-color: var(--bz-navy); color: #fff; }
.bz-main .bz-money-book .ba-card { border: 1px solid var(--bz-line-soft); background: #fff; border-radius: 16px; padding: 16px 18px; box-shadow: none; }
.bz-main .bz-money-book .ba-card[style*="padding:0"] { padding: 0 !important; }
.bz-money-book .ba-table td { vertical-align: middle; }
.bz-money-book .ba-badge { border-radius: 8px; font-weight: 700; }
.bz-money-book .ba-input { height: 40px; }
@media (max-width: 899px) {
  .bz-money-hero .btns { display: flex; }
  .bz-money-hero .stats .bz-stat:last-child { grid-column: span 2; }
  .bz-money-book { margin-top: 20px; }
  .bz-main .bz-money-book .ba-card { padding: 12px; }
  .bz-money-book .ba-table th, .bz-money-book .ba-table td { white-space: nowrap; }
  .bz-money-book .ba-table td[style*="max-width"] { max-width: 220px !important; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 899px) { .bz-money-hero .btns { margin-top: 16px; } }

/* ------------------------------------------------------------ Chats (new look) */
.bz-main .inbox-layout { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 20px; align-items: stretch; }
.bz-main .inbox-sidebar, .bz-main .inbox-thread { padding: 0; overflow: hidden; display: flex; flex-direction: column; margin: 0; }
.bz-main .inbox-sidebar { max-height: calc(100vh - 280px); min-height: 520px; }
.bz-main .inbox-thread { height: calc(100vh - 280px); min-height: 520px; }
.bz-main .inbox-filters { display: flex; gap: 6px; padding: 14px 14px 12px; border-bottom: 1px solid var(--bz-line-soft); overflow-x: auto; scrollbar-width: none; flex: none; }
.bz-main .inbox-filters::-webkit-scrollbar { display: none; }
.bz-main .inbox-filter-btn { height: 32px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--bz-line); background: #fff; color: var(--bz-ink-2); font: inherit; font-size: 12.5px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.bz-main .inbox-filter-btn.active { background: var(--bz-navy); border-color: var(--bz-navy); color: #fff; }
.bz-main #inbox-conv-list { overflow-y: auto; flex: 1; }
.bz-main .inbox-conv-item { padding: 14px 16px; border-bottom: 1px solid var(--bz-line-soft); border-left: 3px solid transparent; cursor: pointer; }
.bz-main .inbox-conv-item:hover { background: #FAFBFC; }
.bz-main .inbox-conv-item.active { background: #F1FAF6; border-left-color: var(--bz-t-chats); }
.bz-main .inbox-conv-avatar { width: 40px; height: 40px; border-radius: 50%; background: #E1F5EE; color: #085041; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; flex: none; }
.bz-main .inbox-conv-avatar.wait { background: var(--bz-credit-soft); color: var(--bz-credit); box-shadow: 0 0 0 2px #fff, 0 0 0 4px #F2C46D; }
.bz-main .inbox-conv-name { font-weight: 700; font-size: 14.5px; color: var(--bz-ink); }
.bz-main .inbox-conv-time { font-size: 12px; color: var(--bz-faint); }
.bz-main .inbox-conv-preview { font-size: 13px; color: var(--bz-muted); margin-top: 2px; }
.bz-main .inbox-conv-badges { gap: 6px; margin-top: 8px; }
.bz-main .inbox-chan { font-size: 11.5px; font-weight: 600; color: var(--bz-ink-2); background: var(--bz-page); border-radius: 7px; padding: 2px 8px; }
.bz-main .inbox-unread-pill { background: var(--bz-t-chats); border-radius: 9px; font-size: 11px; padding: 1px 7px; }
.bz-main .inbox-status-pill { border: 0; border-radius: 7px; font-size: 11.5px; font-weight: 700; padding: 2px 8px; }
.bz-main .inbox-status-pill.needs_human { background: var(--bz-credit-soft); color: var(--bz-credit); }
.bz-main .inbox-status-pill.human_handling { background: #E6F1FB; color: #185FA5; }
.bz-main .inbox-status-pill.bot { background: #E1F5EE; color: #085041; }
.bz-main .inbox-status-pill.resolved { background: #F3F4F6; color: var(--bz-muted); }
.bz-main #inbox-thread-header { padding: 16px 20px; border-bottom: 1px solid var(--bz-line-soft); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; flex: none; }
.bz-main #inbox-thread-header h3 { font-size: 16px; font-weight: 700; }
.bz-main #inbox-thread-avatar { width: 40px; height: 40px; font-size: 14px; }
.bz-main #inbox-thread-controls { align-items: center; gap: 8px; flex-wrap: wrap; }
.bz-main #inbox-assign-select { height: 36px; width: auto; max-width: 190px; font-size: 13px; padding: 0 10px; border-radius: 10px; }
.bz-chat-back { display: none !important; }
.bz-main #inbox-whatsapp-window-warning { padding: 10px 20px; background: var(--bz-credit-soft); color: var(--bz-credit); font-size: 13px; font-weight: 600; flex: none; }
.bz-main #inbox-messages-area { padding: 20px; overflow-y: auto; flex: 1; display: flex; flex-direction: column; gap: 12px; background: var(--bz-page); }
.bz-main .inbox-bubble { max-width: 78%; padding: 10px 14px; border-radius: 16px; font-size: 14px; line-height: 1.5; border: 0; }
.bz-main .inbox-bubble-customer { align-self: flex-start; background: #fff; color: var(--bz-ink); border-bottom-left-radius: 4px; }
.bz-main .inbox-bubble-bot { align-self: flex-end; background: #D8F2E6; color: var(--bz-ink); border-bottom-right-radius: 4px; }
.bz-main .inbox-bubble-bot > div:first-child { color: #0F6E56 !important; }
.bz-main .inbox-bubble-staff { align-self: flex-end; background: var(--bz-navy); color: #fff; border-bottom-right-radius: 4px; }
.bz-main .inbox-bubble-staff > div:first-child { color: #C9CDE0 !important; }
.bz-main .inbox-bubble-staff .inbox-bubble-meta { color: #A9AEC4; }
.bz-main .inbox-bubble-note { align-self: center; width: 90%; background: #FAEEDA; color: #633806; border: 0; border-radius: 12px; }
.bz-main .inbox-bubble-system { align-self: center; background: transparent; border: 0; color: var(--bz-faint); font-size: 12px; }
.bz-main .inbox-bubble-meta { font-size: 11px; color: var(--bz-faint); }
.bz-main #inbox-composer-area { padding: 12px 20px 16px; border-top: 1px solid var(--bz-line-soft); background: #fff; flex: none; }
.bz-main .inbox-modes { display: flex; gap: 18px; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: var(--bz-ink-2); }
.bz-main .inbox-modes label { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.bz-main #inbox-message-input { border-radius: 12px; min-height: 46px; }
.bz-main #inbox-send-btn { height: 46px; border-radius: 12px; padding: 0 20px; }
@media (max-width: 899px) {
  /* Phone: the list and the open chat are two separate screens. */
  .bz-main .inbox-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 0; }
  .bz-main .inbox-sidebar { max-height: none !important; min-height: 0; }
  .bz-main .inbox-thread { display: none; height: calc(100vh - 176px); height: calc(100dvh - 176px); min-height: 420px; }
  .bz-main .inbox-layout.bz-chat-open .inbox-sidebar { display: none; }
  .bz-main .inbox-layout.bz-chat-open .inbox-thread { display: flex; }
  .bz-chat-open .bz-chat-back { display: flex !important; width: 38px; height: 38px; }
  .bz-main #inbox-thread-header { padding: 12px 14px; }
  .bz-main #inbox-thread-controls { width: 100%; }
  .bz-main #inbox-assign-select { flex: 1; max-width: none; }
  .bz-main #inbox-messages-area { padding: 14px; }
  .bz-main #inbox-composer-area { padding: 10px 14px 12px; }
  .bz-main .inbox-bubble { max-width: 88%; }
  body[data-bz-tab="chats"] .bz-main .bz-page { padding-bottom: 90px; }
  body:has(.inbox-layout.bz-chat-open) #bz-page-head, body:has(.inbox-layout.bz-chat-open) #inbox > .dash-section-head { display: none !important; }
  .bz-main #inbox-thread-avatar, .bz-main #inbox-thread-meta { display: none !important; }
}

/* ------------------------------------------------------------ Leads board (new look) */
.bz-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
.bz-col { background: #fff; border: 1px solid var(--bz-line); border-radius: var(--bz-radius-card); padding: 16px 14px 14px; min-width: 0; }
.bz-col h3 { margin: 2px 4px 14px; font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.bz-col h3 i { width: 10px; height: 10px; border-radius: 50%; background: var(--bz-t-leads); }
.bz-col.talking h3 i { background: #EF9F27; } .bz-col.won h3 i { background: var(--bz-t-money); } .bz-col.lost h3 i { background: var(--bz-faint); }
.bz-col h3 .n { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--bz-ink-2); background: var(--bz-page); border-radius: 8px; padding: 2px 8px; }
.bz-col .none { color: var(--bz-faint); font-size: 13px; text-align: center; padding: 18px 0; }
.bz-lead { border: 1px solid var(--bz-line-soft); border-radius: 14px; padding: 12px 13px; margin-bottom: 10px; background: #fff; }
.bz-col.new .bz-lead { border-left: 3px solid var(--bz-t-leads); }
.bz-lead .top b { display: block; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-lead .top span { color: var(--bz-faint); font-size: 12px; }
.bz-lead p { margin: 8px 0 0; color: var(--bz-ink-2); font-size: 13px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bz-lead .ph { display: flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--bz-ink-2); font-size: 12.5px; }
.bz-lead .ex { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.bz-lead .ex span { font-size: 11.5px; font-weight: 600; color: var(--bz-credit); background: var(--bz-credit-soft); border-radius: 7px; padding: 2px 7px; }
.bz-lead .acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.bz-lead .acts .bz-btn { height: 30px; padding: 0 10px; font-size: 12.5px; border-radius: 9px; gap: 5px; }
.bz-flash { animation: bzFlash 1.6s ease; }
@keyframes bzFlash { 0%, 60% { background: #EEEDFE; } 100% { background: transparent; } }
@media (max-width: 1180px) { .bz-board { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 899px) {
  .bz-board { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .bz-col { padding: 14px 12px 12px; }
}
@media (prefers-reduced-motion: reduce) { .bz-flash { animation: none; } }

/* ------------------------------------------------------------ Plan and billing card (Settings) */
.bz-main .bz-plan-card { margin-bottom: 20px; }
.bz-plan-card .meter { height: 8px; border-radius: 8px; background: var(--bz-line-soft); overflow: hidden; margin: 4px 0 6px; }
.bz-plan-card .meter i { display: block; height: 100%; border-radius: 8px; background: var(--bz-t-chats); }
.bz-plan-card .meter i.hot { background: var(--bz-coral); }
.bz-plan-card .acts { margin-top: 18px; }
.bz-plan-card .go { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.bz-plan-card .small { color: var(--bz-muted); font-size: 13px; }
.bz-plan-card .note { color: var(--bz-faint); font-size: 12.5px; margin: 14px 0 0; }
.bz-plan-card .bz-plan-more { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--bz-line-soft); }
/* "Move to Growth / Scale" side panel: what the plan gives, then pay */
.bz-plan-offer .intro { margin: 0 0 12px; color: var(--bz-ink-2); }
.bz-plan-offer .price { font-size: 15px; color: var(--bz-muted); margin-bottom: 16px; }
.bz-plan-offer .price b { font-size: 28px; color: var(--bz-ink); letter-spacing: -.01em; }
.bz-plan-offer .lbl { font-weight: 600; margin-bottom: 8px; }
.bz-plan-offer ul { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 9px; }
.bz-plan-offer li { display: flex; gap: 9px; align-items: flex-start; line-height: 1.45; }
.bz-plan-offer li .bz-i { color: var(--bz-t-chats); flex: none; margin-top: 2px; }
.bz-plan-offer .note { color: var(--bz-muted); font-size: 13px; line-height: 1.5; margin: 0 0 18px; }
.bz-plan-offer .acts { display: flex; gap: 10px; flex-wrap: wrap; }
.bz-plan-offer .done { margin: 16px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--bz-line-soft); font-size: 13.5px; line-height: 1.5; }
.bz-plan-offer .done .bz-i { color: var(--bz-t-chats); vertical-align: -3px; }

/* ------------------------------------------------------------ Team (new look) */
.bz-main #team .ba-card > h3 { display: flex; align-items: center; gap: 10px; font-size: 17px; margin-bottom: 14px; }
.bz-main #employees-table .ba-badge-primary { background: #E1F5EE; color: #085041; border-color: transparent; }
.bz-main #team .user-avatar-circle, .bz-main #tasks-table td span[style*="border-radius:50%"] { background: #E6F1FB !important; color: #185FA5 !important; }
.bz-main #team .ba-card .ba-input { height: 42px; border-radius: 10px; }

/* ------------------------------------------------------------ Settings (new look) */
.bz-main .gap-card { background: #fff; border: 1px solid var(--bz-line); border-radius: 16px; padding: 18px 20px; margin-bottom: 12px; }
.bz-main .gap-card .gap-step-badge { color: var(--bz-t-help); font-weight: 700; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; }
.bz-main #account .settings-group-badge { display: none !important; }

/* ------------------------------------------------------------ Reports and Help (new look) */
.bz-main #reports-overview, .bz-main #bz-reports-moved { --ba-primary: #7F77DD; --ba-accent: #AFA9EC; }
.bz-help-top { margin: 0 0 24px; }
.bz-help-link { text-decoration: none; color: inherit; border-radius: 12px; }
.bz-help-link:hover .t { color: var(--bz-coral); }
.bz-help-link .s, .bz-help-link .t { white-space: normal !important; }
.bz-help-talk { background: #F1FAF6; border-color: #CFEADF; }
@media (max-width: 899px) { .bz-main .bz-help-tickets { grid-template-columns: minmax(0, 1fr) !important; } }

/* ------------------------------------------------------------ Today (second pass, reference 01-today) */
.bz-today-grid { margin-top: 0; grid-template-columns: minmax(0, 1fr) 360px; }
.bz-card h3 .sub { font-size: 13px; font-weight: 500; color: var(--bz-faint); }
.bz-today-hero { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-areas: "main stats" "credit credit"; gap: 0; padding: 0; overflow: hidden; align-items: stretch; }
.bz-today-hero .main { grid-area: main; padding: 30px 32px 28px; }
.bz-today-hero .hi { font-size: 15px; }
.bz-today-hero .lbl { margin-top: 18px; }
.bz-today-hero .big { font-size: 50px; }
.bz-today-hero .delta { margin: 12px 0 22px; }
.bz-today-hero .stats { grid-area: stats; display: grid; grid-template-columns: 1fr 1fr; border-left: 1px solid var(--bz-navy-line); }
.bz-today-hero .stats .bz-stat { background: transparent; border-radius: 0; margin: 0; padding: 30px 24px; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 6px; }
.bz-today-hero .stats .bz-stat + .bz-stat { border-left: 1px solid var(--bz-navy-line); }
.bz-today-hero .stats .bz-stat span, .bz-today-hero .credit-row .bz-stat-lbl { display: flex; align-items: center; gap: 6px; color: #A9AEC4; font-size: 13px; }
.bz-today-hero .stats .bz-stat b { font-size: 28px; font-weight: 700; letter-spacing: -.01em; }
.bz-today-hero .stats .bz-stat b.out { color: #F7A8AC; }
.bz-today-hero small { color: #8B90A8; font-size: 12.5px; }
.bz-today-hero .credit-row { grid-area: credit; display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; padding: 18px 32px 22px; border-top: 1px solid var(--bz-navy-line); color: #fff; text-decoration: none; background: var(--bz-navy-2); }
.bz-today-hero .credit-row b { font-size: 24px; font-weight: 700; color: #F2C46D; }
.bz-today-hero .credit-row:hover { background: #30364F; }

/* "Needs you" rows as calm bordered tiles with one square action button */
.bz-tile { display: flex; align-items: center; gap: 16px; padding: 14px 16px; border: 1px solid var(--bz-line); border-radius: 14px; margin-top: 10px; background: #fff; }
.bz-tile:first-child { margin-top: 0; }
.bz-tile .txt { min-width: 0; flex: 1; }
.bz-tile .t { font-weight: 600; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-tile .s { color: var(--bz-faint); font-size: 13px; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-tile .age { color: var(--bz-faint); font-size: 12.5px; white-space: nowrap; }
.bz-ib { width: 38px; height: 38px; border-radius: 11px; border: 0; display: inline-flex; align-items: center; justify-content: center; flex: none; cursor: pointer; text-decoration: none; background: #F3F4F6; color: var(--bz-ink-2); transition: transform .1s, filter .15s; }
.bz-ib:hover { filter: brightness(.96); }
.bz-ib:active { transform: scale(.95); }
.bz-ib.chats { background: #E1F5EE; color: #0F6E56; }
.bz-ib.credit { background: var(--bz-credit-soft); color: var(--bz-credit); }
.bz-ib.complaints { background: var(--bz-out-soft); color: var(--bz-out); }
.bz-ib.team { background: #E6F1FB; color: #185FA5; }
.bz-ib.leads { background: #EEEDFE; color: #534AB7; }
.bz-ib.money { background: var(--bz-in-soft); color: var(--bz-in); }

/* Right column cards: small icon before each label, commands like the reference */
.bz-kv > span { display: inline-flex; align-items: center; gap: 10px; }
.bz-kv > span .bz-i { color: var(--bz-faint); }
.bz-kv > span em { font-style: normal; }
.bz-kv b.out { color: var(--bz-out); }
.bz-cmd { align-items: baseline; font-size: 13.5px; }
.bz-cmd b { color: #0F6E56; }
.bz-cmd span { color: var(--bz-muted); }

@media (max-width: 1180px) and (min-width: 900px) {
  .bz-today-grid { grid-template-columns: minmax(0, 1fr) 300px; }
  .bz-today-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "stats" "credit"; }
  .bz-today-hero .stats { border-left: 0; border-top: 1px solid var(--bz-navy-line); }
}
@media (max-width: 899px) {
  .bz-today-grid { margin-top: 0; grid-template-columns: minmax(0, 1fr); }
  .bz-today-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "stats" "credit"; padding: 0; }
  .bz-today-hero .main { padding: 22px 22px 18px; }
  .bz-today-hero .hi { display: none; }
  .bz-today-hero .lbl { margin-top: 0; }
  .bz-today-hero .big { font-size: 42px; }
  .bz-today-hero .delta { margin-bottom: 0; }
  .bz-today-hero .stats { border-left: 0; border-top: 1px solid var(--bz-navy-line); display: grid !important; grid-template-columns: 1fr 1fr; gap: 0; }
  .bz-today-hero .stats .bz-stat { padding: 14px 22px; }
  .bz-today-hero .stats .bz-stat.net { display: flex; }
  .bz-today-hero .stats .bz-stat b { font-size: 21px; }
  .bz-today-hero .stats small { display: none; }
  .bz-today-hero .credit-row { padding: 14px 22px 16px; }
  .bz-today-hero .credit-row b { font-size: 20px; }
  .bz-tile { padding: 12px; gap: 12px; }
  .bz-tile .age { display: none; }
  /* Phone top on Today: initials, greeting, date and business (like the reference) */
  .bz-mtop .bz-mhi { display: none; }
  body[data-bz-tab="today"] .bz-mtop .bz-logo { display: none; }
  body[data-bz-tab="today"] .bz-mtop .bz-mhi { display: flex; align-items: center; gap: 12px; min-width: 0; }
  .bz-mhi .who { min-width: 0; line-height: 1.25; }
  .bz-mhi .who b { display: block; font-size: 18px; font-weight: 700; letter-spacing: -.01em; }
  .bz-mhi .who span { color: var(--bz-muted); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
  .bz-mtop .acts { display: flex; gap: 8px; }
}
@media (max-width: 899px) {
  /* Phone Today: the setup card shows only the steps still to do, so the money card stays near the top. */
  .bz-main #bz-today-setup .setup-checklist-item.done, .bz-main #bz-today-setup .setup-checklist-tip { display: none !important; }
  .bz-main #bz-today-setup .setup-checklist-card { padding: 18px; margin-bottom: 18px; }
  .bz-main #bz-today-setup .setup-checklist-grid { margin-top: 12px; }
}

/* ------------------------------------------------------------ page header row (second pass, pattern A.1) */
.bz-head { display: block; }
.bz-head > h1 { display: inline-block; vertical-align: middle; }
.bz-head > .bz-seg { display: flex; margin-top: 16px; }
.bz-head-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.bz-head-row .bz-pill { font-size: 12.5px; font-weight: 600; }
.bz-head-row .actions { margin-left: auto; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.bz-chips { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.bz-chips button { height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--bz-line); background: #fff; color: var(--bz-ink-2); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.bz-chips button.on { background: var(--bz-navy); border-color: var(--bz-navy); color: #fff; }
.bz-chip { display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; border-radius: 6px; padding: 2px 7px; letter-spacing: .02em; background: #F3F4F6; color: var(--bz-ink-2); }
.bz-chip.late { background: var(--bz-out-soft); color: var(--bz-out); }
.bz-chip.ok { background: #E1F5EE; color: #085041; }
.bz-ico.sq { width: 36px; height: 36px; border-radius: 10px; }

/* ------------------------------------------------------------ Money (second pass, reference 02-money) */
.bz-mstats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 20px; }
.bz-mstat { background: #fff; border: 1px solid var(--bz-line); border-radius: 18px; padding: 22px 26px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.bz-mstat.in { background: linear-gradient(180deg, #fff 0%, #F4F9EE 100%); border-color: #DCEBC9; }
.bz-mstat.out { background: linear-gradient(180deg, #fff 0%, #FDF3F3 100%); border-color: #F2D6D6; }
.bz-mstat > span { display: flex; align-items: center; gap: 6px; color: var(--bz-ink-2); font-size: 13.5px; font-weight: 600; }
.bz-mstat > span em { font-style: normal; }
.bz-mstat.in > span .bz-i { color: var(--bz-in); } .bz-mstat.out > span .bz-i { color: var(--bz-out); }
.bz-mstat b { font-size: 34px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.bz-mstat.out b { color: var(--bz-out); }
.bz-mstat b.neg { color: var(--bz-out); }
.bz-mstat small { color: var(--bz-faint); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bz-diary { padding: 10px 26px 14px; }
.bz-diary-top { display: flex; align-items: center; gap: 12px; padding: 10px 0 8px; }
.bz-diary-top .sub { color: var(--bz-faint); font-size: 12.5px; }
.bz-diary-top .bz-btn { margin-left: auto; }
.bz-drow, .bz-urow { width: 100%; display: flex; align-items: center; gap: 16px; padding: 16px 4px; border: 0; border-top: 1px solid var(--bz-line-soft); background: transparent; font: inherit; color: inherit; text-align: left; }
button.bz-drow, .bz-urow { cursor: pointer; border-radius: 0; }
button.bz-drow:hover, .bz-urow:hover { background: #FAFBFC; }
#bz-m-sales-list > .bz-drow:first-child, #bz-m-dues > .bz-urow:first-child { border-top: 0; }
.bz-drow .tm { width: 62px; flex: none; color: var(--bz-faint); font-size: 12.5px; }
.bz-drow .txt, .bz-urow .txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.bz-drow .t, .bz-urow .t { font-weight: 600; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-drow .s, .bz-urow .s { color: var(--bz-faint); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-drow .mode { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: var(--bz-ink-2); background: var(--bz-page); border: 1px solid var(--bz-line); border-radius: 8px; padding: 3px 9px; flex: none; }
.bz-drow .amt, .bz-urow .amt { text-align: right; flex: none; min-width: 92px; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.bz-drow .amt b, .bz-urow .amt b { font-size: 16px; font-weight: 700; }
.bz-drow .amt em { font-style: normal; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bz-faint); }
.amt.in b { color: var(--bz-in); } .amt.out b { color: var(--bz-out); } .amt.credit b { color: var(--bz-credit); }
.bz-dday { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--bz-muted); padding: 18px 4px 6px; }
.bz-ubook { padding: 18px 26px 12px; }
.bz-ubook-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding-bottom: 10px; }
.bz-ubook-top b.credit { color: var(--bz-credit); font-size: 18px; margin-left: 6px; }
.bz-ubook-top .bz-chips { margin-left: auto; }
.bz-btn.credit { background: var(--bz-credit-soft); border-color: #F0D9B4; color: var(--bz-credit); }
.bz-btn.credit:hover { background: #F6E3C4; }
.bz-money-book { margin-top: 0; }
.bz-money-book > h3, .bz-money-book > .money-tabs { display: none !important; }
@media (max-width: 899px) {
  .bz-head-row .actions { margin-left: 0; width: 100%; }
  .bz-head-row .actions .bz-btn.primary { margin-left: auto; }
  .bz-mstats { grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
  .bz-mstat { padding: 14px 16px; border-radius: 16px; }
  .bz-mstat:last-child { grid-column: span 2; }
  .bz-mstat b { font-size: 24px; }
  .bz-diary, .bz-ubook { padding: 6px 14px 8px; }
  .bz-drow, .bz-urow { gap: 12px; padding: 14px 2px; }
  .bz-drow .tm, .bz-drow .mode { display: none; }
  .bz-drow .amt, .bz-urow .amt { min-width: 0; }
  .bz-ubook-top { padding-top: 10px; }
  .bz-ubook-top .bz-chips { margin-left: 0; width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .bz-urow .bz-btn .lbl { display: none; }
  .bz-urow .bz-btn { width: 40px; padding: 0; }
}
@media (max-width: 899px) { body[data-bz-tab="money"] .bz-head-row .actions .bz-btn.primary:not(.bz-doc-quotation) { display: none; } }

/* ------------------------------------------------------------ Chats (second pass, reference 03-chats) */
body[data-bz-tab="chats"] .bz-page { max-width: none; }
.bz-main .inbox-layout { grid-template-columns: 320px minmax(0, 1fr) 290px; gap: 18px; }
.bz-main .inbox-sidebar { max-height: calc(100vh - 200px); height: calc(100vh - 200px); }
.bz-main .inbox-thread { height: calc(100vh - 200px); }
.bz-inbox-head { padding: 18px 18px 0; font-size: 16px; }
.bz-main .inbox-filters { border-bottom: 1px solid var(--bz-line-soft); padding: 12px 14px; }
.bz-main .inbox-filter-btn { border-radius: 999px; }
.bz-main .inbox-conv-item { padding: 14px 16px; }
.bz-main .inbox-conv-avatar { font-size: 13px; letter-spacing: .02em; }
.bz-main .inbox-conv-avatar.c0 { background: #E1F5EE; color: #0F6E56; }
.bz-main .inbox-conv-avatar.c1 { background: #EEEDFE; color: #534AB7; }
.bz-main .inbox-conv-avatar.c2 { background: #E6F1FB; color: #185FA5; }
.bz-main .inbox-conv-avatar.c3 { background: #FBEAF0; color: #993556; }
.bz-main .inbox-conv-avatar.c4 { background: var(--bz-credit-soft); color: var(--bz-credit); }
.bz-main .inbox-conv-badges { display: flex; flex-wrap: wrap; align-items: center; }
.bz-main .inbox-chan { display: inline-flex; align-items: center; gap: 4px; background: transparent; padding: 0; color: var(--bz-faint); }
.bz-main .inbox-chan .bz-i { width: 13px; height: 13px; }
.bz-main .inbox-conv-preview { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bz-main #inbox-thread-meta { color: var(--bz-faint); }
.bz-chip.lead { background: #EEEDFE; color: #534AB7; }
.bz-chip.lead.won { background: var(--bz-in-soft); color: var(--bz-in); }
.bz-chip.lead.lost { background: #F3F4F6; color: var(--bz-muted); }
.bz-chat-info { display: none !important; }
.bz-main .inbox-modes { gap: 14px; font-size: 12.5px; color: var(--bz-muted); }
.bz-main #inbox-message-input { resize: none !important; }
.bz-handover { display: flex; gap: 14px; align-items: flex-start; background: #FDF6EA; border: 1px solid #EFD3A6; border-radius: 14px; padding: 14px 16px; margin-top: 6px; color: var(--bz-credit); }
.bz-handover .txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.bz-handover .txt b { font-size: 14px; }
.bz-handover .txt span { color: #7A5B25; font-size: 13px; line-height: 1.5; }
.bz-rail { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.bz-rail-card { padding: 18px 20px; }
.bz-rail-card h3 { font-size: 15px; margin-bottom: 10px; }
.bz-rail-card .bz-kv { padding: 9px 0; font-size: 13px; }
.bz-rail-card .bz-kv b { font-size: 13px; text-align: right; }
.bz-rail-note { margin: 0 0 12px; color: var(--bz-ink-2); font-size: 13px; line-height: 1.5; }
.bz-meter { height: 6px; border-radius: 6px; background: var(--bz-line-soft); overflow: hidden; }
.bz-meter i { display: block; height: 100%; background: var(--bz-t-chats); border-radius: 6px; }
.bz-rail-small { margin: 8px 0 0; color: var(--bz-muted); font-size: 12.5px; text-align: center; }
.bz-qa { display: flex; flex-direction: column; gap: 8px; }
.bz-qa-btn { width: 100%; justify-content: flex-start; }
.bz-qa-lbl { display: block; font-size: 12px; font-weight: 600; color: var(--bz-muted); margin: 14px 0 6px; }
.bz-rail #inbox-assign-select { width: 100%; max-width: none; height: 36px; font-size: 13px; }
.bz-rail #inbox-resolve-btn { margin-top: 8px; }
.bz-rail-close { display: none; }
@media (max-width: 1280px) and (min-width: 900px) {
  .bz-main .inbox-layout { grid-template-columns: 290px minmax(0, 1fr); }
  .bz-rail { display: none; }
  .bz-chat-info { display: flex !important; }
  body.bz-rail-open .bz-rail { display: flex; position: fixed; top: 0; right: 0; bottom: 0; width: 330px; z-index: 62; background: var(--bz-page); padding: 16px; overflow-y: auto; box-shadow: -20px 0 40px -20px rgba(0,0,0,.25); }
  body.bz-rail-open .bz-rail-close { display: flex; justify-content: flex-end; }
}
@media (max-width: 899px) {
  .bz-main .inbox-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .bz-main .inbox-sidebar { height: auto; }
  .bz-rail { display: none; }
  .bz-chat-open .bz-chat-info { display: flex !important; width: 38px; height: 38px; }
  body.bz-rail-open .bz-rail { display: flex; position: fixed; left: 0; right: 0; bottom: 0; max-height: 86vh; z-index: 62; background: var(--bz-page); padding: 12px 16px 24px; overflow-y: auto; border-radius: 22px 22px 0 0; box-shadow: 0 -20px 40px -20px rgba(0,0,0,.3); }
  body.bz-rail-open .bz-rail-close { display: flex; justify-content: flex-end; }
  .bz-main #inbox-thread-controls .bz-btn .lbl { display: none; }
  .bz-main #bz-chat-call { width: 38px; padding: 0; }
  .bz-handover { flex-wrap: wrap; }
}
@media (max-width: 899px) {
  body[data-bz-tab="chats"] .bz-head-row .actions { display: none; }
  .bz-handover .txt { flex-basis: calc(100% - 40px); }
  .bz-handover .bz-btn { margin-left: 34px; }
}

/* ------------------------------------------------------------ side panel (details and forms) */
.bz-panel-bg { position: fixed; inset: 0; background: rgba(17, 24, 39, .35); z-index: 70; opacity: 0; pointer-events: none; transition: opacity .2s; }
.bz-panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(460px, 100%); background: #fff; z-index: 71; transform: translateX(100%); transition: transform .28s var(--bz-ease); display: flex; flex-direction: column; box-shadow: -20px 0 40px -20px rgba(0,0,0,.2); visibility: hidden; }
.bz-panel-open .bz-panel-bg { opacity: 1; pointer-events: auto; }
.bz-panel-open .bz-panel { transform: none; visibility: visible; }
.bz-panel header { display: flex; align-items: center; gap: 10px; padding: 18px 22px; border-bottom: 1px solid var(--bz-line); font-size: 17px; }
.bz-panel header button { margin-left: auto; }
.bz-panel .body { padding: 18px 22px 28px; overflow-y: auto; flex: 1; }
.bz-panel h4 { margin: 20px 0 8px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--bz-muted); }
.bz-panel .ba-btn { margin: 0 6px 6px 0 !important; }
.bz-panel .bz-kv a { color: var(--bz-ink); }
.bz-lmsg { margin: 14px 0 4px; padding: 12px 14px; background: var(--bz-page); border-radius: 12px; color: var(--bz-ink-2); line-height: 1.5; }
.bz-lacts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
@media (max-width: 899px) {
  .bz-panel { top: auto; left: 0; width: 100%; max-height: 88vh; border-radius: 22px 22px 0 0; transform: translateY(100%); }
}
@media (prefers-reduced-motion: reduce) { .bz-panel, .bz-panel-bg { transition: none !important; } }

/* ------------------------------------------------------------ Leads (second pass, reference 04-leads) */
.bz-lstages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.bz-lstage { text-align: left; background: #fff; border: 1px solid var(--bz-line); border-radius: 16px; padding: 16px 20px; font: inherit; color: var(--bz-ink); cursor: pointer; display: flex; flex-direction: column; gap: 6px; }
.bz-lstage span { font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bz-muted); }
.bz-lstage b { font-size: 28px; font-weight: 800; letter-spacing: -.02em; }
.bz-lstage.won b { color: var(--bz-in); } .bz-lstage.lost b { color: var(--bz-faint); }
.bz-lstage:hover { border-color: #D5D8DE; }
.bz-lstage.on { background: #F1F0FE; border-color: #CFCBF6; }
.bz-leads-grid { margin-top: 0; }
#leads.bz-lboard .bz-leads-grid { grid-template-columns: minmax(0, 1fr); }
#leads.bz-lboard .bz-leads-grid > .bz-stack:last-child { display: none; }
.bz-ltable { padding: 10px 24px 14px; }
.bz-lrow { width: 100%; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.4fr) minmax(0, 1fr) 110px 80px; gap: 14px; align-items: center; padding: 14px 4px; border: 0; border-top: 1px solid var(--bz-line-soft); background: transparent; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.bz-lrow:hover { background: #FAFAFE; }
.bz-lrow.head { cursor: default; border-top: 0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bz-muted); padding: 10px 4px; }
.bz-lrow.head:hover { background: transparent; }
.bz-lrow .who { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bz-lrow .who b { font-weight: 600; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-lrow .who small { color: var(--bz-faint); font-size: 12px; }
.bz-lrow .ask { color: var(--bz-ink-2); font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-lrow .src { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--bz-ink-2); min-width: 0; white-space: nowrap; overflow: hidden; }
.bz-lrow .src .bz-i { color: var(--bz-faint); }
.bz-lrow .stg em { font-style: normal; }
.bz-lrow .v { text-align: right; font-weight: 600; }
.bz-chip.lead.new { background: #EEEDFE; color: #534AB7; }
.bz-chip.lead.talking { background: var(--bz-credit-soft); color: var(--bz-credit); }
#bz-lsrc .bz-kv > span .bz-i, #bz-lads .bz-kv > span .bz-i { color: var(--bz-faint); }
#bz-lads .bz-kv b.in { color: var(--bz-in); }
@media (max-width: 899px) {
  .bz-lstages { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
  .bz-lstage { padding: 10px 12px; border-radius: 14px; }
  .bz-lstage span { font-size: 10px; }
  .bz-lstage b { font-size: 21px; }
  .bz-ltable { padding: 4px 14px 8px; }
  .bz-lrow { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; }
  .bz-lrow.head { display: none; }
  .bz-lrow:nth-child(2) { border-top: 0; }
  .bz-lrow .ask, .bz-lrow .v { display: none; }
  .bz-lrow .who { grid-column: 1; grid-row: 1; }
  .bz-lrow .stg { grid-column: 2; grid-row: 1; }
  .bz-lrow .src { grid-column: 1 / -1; grid-row: 2; font-weight: 500; font-size: 12px; color: var(--bz-faint); }
  body[data-bz-part="leads"] .bz-head-row .actions .bz-chips:last-child { display: none; }
}

/* ------------------------------------------------------------ Team (second pass, reference 05-team) */
.bz-old, #bz-team-old { display: none !important; }
#shifts-card > #bz-shift-form, #shifts-card > #shift-status { display: none !important; }
.bz-team-grid { margin-top: 0; }
.bz-chip.warn { background: var(--bz-credit-soft); color: var(--bz-credit); }
.bz-chip.blue { background: #E6F1FB; color: #185FA5; }
.bz-chip.grey { background: #F3F4F6; color: var(--bz-faint); }
.bz-trow { display: flex; align-items: center; gap: 14px; padding: 13px 14px; border: 1px solid var(--bz-line); border-radius: 14px; margin-top: 10px; flex-wrap: wrap; }
.bz-trow:first-child { margin-top: 0; }
.bz-trow.late { border-color: #F0D9B4; }
.bz-trow.done { opacity: .6; }
.bz-trow .txt, .bz-srow .txt, .bz-strow .txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.bz-trow .t, .bz-srow .t, .bz-strow .t { font-weight: 600; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-trow .s, .bz-strow .s { color: var(--bz-faint); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bz-trow .acts { display: flex; gap: 6px; }
.bz-srow, .bz-strow { display: flex; align-items: center; gap: 14px; padding: 12px 2px; border-top: 1px solid var(--bz-line-soft); }
#bz-team-shifts > .bz-srow:first-child, #bz-team-shifts > .bz-dday:first-child + .bz-srow, #bz-team-staff > .bz-strow:first-child { border-top: 0; }
.bz-srow .tm { width: 118px; flex: none; color: var(--bz-muted); font-size: 12.5px; }
.bz-srow .bz-ib { width: 30px; height: 30px; border-radius: 9px; }
.bz-strow .bz-av { background: #E6F1FB; color: #185FA5; }
.bz-panel-form .bz-form { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 12px !important; margin: 0 !important; }
.bz-panel-form .bz-form .ba-input { max-width: none !important; height: 44px; }
.bz-panel-form .bz-form label { white-space: normal !important; font-size: 14px !important; }
.bz-panel-form .bz-form .ba-btn { height: 44px; background: var(--bz-coral); border-color: var(--bz-coral); color: #fff; }
.bz-panel-form #task-status, .bz-panel-form #shift-status, .bz-panel-form #employee-status { margin-top: 12px !important; }
.bz-panel-form .ba-table-responsive { margin-bottom: 20px; }
@media (max-width: 899px) {
  /* Phone (reference): staff first, then open tasks, then shifts. */
  .bz-team-grid > .bz-stack:last-child { order: -1; }
  .bz-srow .tm { width: 84px; font-size: 11.5px; }
  .bz-trow { padding: 12px; gap: 10px; }
  body[data-bz-part="team"] .bz-head-row .actions .bz-chips { display: none; }
}
@media (max-width: 899px) { .bz-team-grid h3 .sub { display: none; } }

/* ------------------------------------------------------------ More (second pass, reference 06-more) */
.bz-tools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.bz-tool { background: #fff; border: 1px solid var(--bz-line); border-radius: 18px; padding: 20px 22px; text-decoration: none; color: var(--bz-ink); display: flex; flex-direction: column; gap: 8px; min-width: 0; transition: border-color .15s, transform .1s; }
.bz-tool:hover { border-color: #D5D8DE; }
.bz-tool:active { transform: scale(.99); }
.bz-tool > b { font-size: 15.5px; font-weight: 700; margin-top: 4px; }
.bz-tool p { margin: 0; color: var(--bz-muted); font-size: 13px; line-height: 1.5; flex: 1; }
.bz-tool .foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; min-height: 22px; }
.bz-tool .plan { color: var(--bz-faint); font-size: 12px; margin-left: auto; }
.bz-ico.help { background: #FAEEDA; color: #854F0B; }
.bz-ico.reports { background: #FBEAF0; color: #993556; }
.bz-ico.settings { background: #F3F4F6; color: var(--bz-ink-2); }
.bz-replies { display: flex; align-items: center; gap: 16px; margin-top: 20px; background: #F1FAF6; border-color: #CFEADF; padding: 18px 22px; flex-wrap: wrap; }
.bz-replies .txt { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 3px; }
.bz-replies .txt span { color: var(--bz-ink-2); font-size: 13px; }
.bz-replies .acts { display: flex; gap: 8px; }
.bz-more-rows { margin-top: 20px; background: #fff; border: 1px solid var(--bz-line); border-radius: 18px; overflow: hidden; }
.bz-more-rows a { display: flex; align-items: center; gap: 12px; padding: 15px 20px; text-decoration: none; color: var(--bz-ink); border-top: 1px solid var(--bz-line-soft); }
.bz-more-rows a:first-child { border-top: 0; }
.bz-more-rows a:hover { background: #FAFBFC; }
.bz-more-rows a > .bz-i:first-child { color: var(--bz-muted); }
.bz-more-rows a span { color: var(--bz-faint); font-size: 13px; margin-left: auto; text-align: right; }
.bz-more-rows a > .bz-i:last-child { color: var(--bz-faint); }
@media (max-width: 1100px) { .bz-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 899px) {
  .bz-tools { grid-template-columns: 1fr 1fr; gap: 10px; }
  .bz-tool { padding: 14px; border-radius: 16px; gap: 6px; }
  .bz-tool > b { font-size: 14px; }
  .bz-tool p { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .bz-tool .foot { flex-direction: column; align-items: flex-start; gap: 4px; }
  .bz-tool .plan { margin-left: 0; font-size: 11px; }
  .bz-replies { padding: 16px; }
  .bz-replies .acts { width: 100%; }
  .bz-replies .acts .bz-btn { flex: 1; }
  .bz-more-rows a span { display: none; }
}

/* ------------------------------------------------------------ Complaints, Reports, Settings, Help (second pass: same patterns) */
/* Pattern A.1: the page title row names the screen; no explanation sentences under titles. */
.bz-main .bz-view > .dash-section-head > p.ba-muted, .bz-main .bz-view > .dash-section-head > div > p.ba-muted { display: none; }
#bz-complaints-list .bz-tile .t { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@media (max-width: 899px) {
  body[data-bz-part="complaints"] .bz-head-row .actions { overflow-x: auto; flex-wrap: nowrap; }
  #bz-complaints-list .bz-tile .bz-btn { width: 40px; padding: 0; }
  #bz-complaints-list .bz-tile .bz-btn .lbl { display: none; }
}

/* Business-type reminder (Today): one calm row in the new look */
.bz-main .bz-typebar { display: flex; align-items: center; gap: 14px; padding: 16px 20px; margin-bottom: 20px; border-color: #D9D6F7; background: #FAFAFF; }
.bz-typebar .txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bz-typebar .txt b { font-size: 15px; }
.bz-typebar .txt span { color: var(--bz-muted); font-size: 13px; }
@media (max-width: 899px) { .bz-main .bz-typebar { flex-wrap: wrap; } .bz-typebar .txt { flex-basis: calc(100% - 100px); } .bz-typebar .bz-btn { margin-left: 50px; } }

/* Test your assistant (Phase 2.3) */
.bz-sandbox { align-items: start; }
.bz-hint { color: var(--bz-muted); font-size: 13.5px; margin: -8px 0 14px; line-height: 1.45; }
.bz-sb-ask { display: flex; gap: 8px; }
.bz-sb-ask .ba-input { flex: 1; min-width: 0; }
.bz-sb-try { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 10px 0 4px; font-size: 12.5px; color: var(--bz-faint); }
.bz-sb-try button { border: 1px solid var(--bz-line); background: #fff; border-radius: 999px; padding: 4px 10px; font: inherit; font-size: 12.5px; color: var(--bz-ink-2); cursor: pointer; }
.bz-sb-qa { border-top: 1px solid var(--bz-line-soft); padding: 14px 0 6px; }
.bz-sb-qa .q { font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.bz-sb-qa .a { background: var(--bz-page); border-radius: 12px; padding: 10px 12px; font-size: 14px; line-height: 1.5; white-space: pre-wrap; }
.bz-sb-qa .a.no { background: var(--bz-out-soft); }
.bz-sb-lbl { margin: 10px 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bz-muted); }
.bz-sb-src { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; padding: 6px 0; }
.bz-sb-src .bz-i { flex: none; margin-top: 2px; color: var(--bz-muted); }
.bz-sb-src div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bz-sb-src span { color: var(--bz-ink-2); line-height: 1.4; }
.bz-sb-note { margin-top: 8px; font-size: 13px; color: var(--bz-ink-2); line-height: 1.45; }
.bz-sb-check { border-top: 1px solid var(--bz-line-soft); padding: 10px 0; }
.bz-sb-check summary { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.bz-sb-check summary::-webkit-details-marker { display: none; }
.bz-sb-tip { margin: 8px 0 0; font-size: 13px; color: var(--bz-out); }
#bz-sb-run { margin-bottom: 6px; }

/* Phase 2.4: old pop-ups shown in the side panel */
.bz-as-panel { display: none !important; }
.bz-panel-modal { border: 0 !important; padding: 0 !important; box-shadow: none !important; background: transparent !important; }
.bz-panel-modal .ba-table-container, .bz-panel-modal table { max-width: 100%; }
.bz-panel-modal .ba-table-container { overflow-x: auto; }
.bz-panel-modal .dash-type-grid { grid-template-columns: minmax(0, 1fr) !important; }


/* Big bold headings showed a gap before the full stop ("customer ."). Real kerning closes it (10 Oct 2026). */
h1, h2, h3 { font-kerning: normal; text-rendering: optimizeLegibility; font-feature-settings: "kern" 1; }