/* ============================================================================
   Digital Space — fresh.css  (v073)
   "Calm workspace" redesign, modelled on the Fernly dashboard template:
   soft neutral canvas, floating rounded panels, white cards, one deep accent
   colour, pill buttons, big light numbers, line icons and gentle motion.

   Loads AFTER main.css and wins the cascade on purpose. main.css has many
   stacked layers (glass, dark top bar, neon glow…) that use !important, so
   the rules here are prefixed with `html body` and use !important where
   they need to beat those. Colours all come from theme variables set by
   applyColorTheme() in ui.js, so every accent (Forest, Bloom, Ocean, Plum,
   Ember, Midnight) restyles the whole app with no extra CSS.
   ========================================================================== */

:root{
  --panel:#F3F4F1; --side:#F3F4F1; --tint:#E3EEE6; --tint2:#7CB58E;
  --r-xl:28px; --r-lg:22px; --r-md:16px; --r-sm:12px;
  --font:'Geist','Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --hero:linear-gradient(150deg,var(--brand2) 0%,var(--brand) 78%);
  --ease:cubic-bezier(.22,.8,.24,1);
}

/* ── Base ───────────────────────────────────────────────────────────────── */
html body{
  font-family:var(--font)!important;
  background:var(--bg)!important;
  color:var(--ink);
  letter-spacing:-.005em;
}
html body button, html body input, html body select, html body textarea{ font-family:var(--font)!important; }
html body .content::before, html body .content::after, html body .main::before, html body .main::after, html body .topbar::after, html body .topbar::before,
html body .sidebar::before, html body .sm-scene{ display:none!important; }

/* ── Frame: floating sidebar + floating panels ─────────────────────────── */
html body .app{ padding:12px; gap:12px; min-height:100vh; width:100%; box-sizing:border-box; }
html body .main{ gap:12px; min-width:0; }

html body .sidebar{
  width:252px!important;
  background:var(--side)!important;
  color:var(--ink)!important;
  border:none!important; border-radius:var(--r-xl)!important;
  box-shadow:none!important;
  backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
  top:12px!important; height:calc(100vh - 24px)!important;
  padding:6px 4px 10px!important;
}
html body .sidebar .brand{ padding:20px 18px 14px!important; gap:11px; }
html body .sidebar .logo{
  width:40px!important; height:40px!important; border-radius:12px!important;
  box-shadow:none!important;
}
html body .sidebar .bname b{ font-size:19px!important; font-weight:600!important; letter-spacing:-.02em; color:var(--ink)!important; }
html body .sidebar .bname small{ font-size:11px!important; color:var(--muted)!important; opacity:1!important; font-weight:400!important; }

html body .ws-switch{ padding:2px 16px 12px!important; }
html body .ws-switch label{ color:var(--muted)!important; font-weight:500!important; letter-spacing:.08em!important; font-size:10px!important; }
html body .ws-select{
  background:var(--card)!important; color:var(--ink)!important;
  border:1px solid var(--line)!important; border-radius:999px!important;
  padding:10px 14px!important; font-weight:500!important; font-size:13px!important;
  box-shadow:none!important;
}
html body .ws-select option{ color:#111; }

html body .side-nav{ padding:4px 12px!important; gap:0!important; }
html body .nav-group{ margin:0 0 6px!important; padding:0!important; border:none!important; }
html body .nav-group-h{
  color:var(--muted)!important; font-size:10.5px!important; font-weight:500!important;
  letter-spacing:.09em!important; text-transform:uppercase; padding:14px 12px 6px!important;
  opacity:1!important; border:none!important; background:none!important;
}
html body .nav-i{
  position:relative;
  color:var(--ink)!important; opacity:.82;
  background:none!important; box-shadow:none!important; border:none!important;
  font-size:14.5px!important; font-weight:400!important;
  padding:10px 12px!important; border-radius:12px!important; gap:13px!important;
  transition:background .15s, opacity .15s!important;
}
html body .nav-i:hover{ background:color-mix(in srgb, var(--ink) 5%, transparent)!important; opacity:1; transform:none!important; }
html body .nav-i.active{ opacity:1; font-weight:600!important; background:none!important; color:var(--ink)!important; }
html body .nav-i.active::before{
  content:""; position:absolute; left:-12px; top:8px; bottom:8px; width:3px;
  border-radius:0 3px 3px 0; background:var(--brand2);
}
html body .nav-i .ico{ width:20px!important; height:20px; display:inline-flex!important; align-items:center; justify-content:center; font-size:13px!important; color:currentColor!important; background:none!important; border:none!important; box-shadow:none!important; opacity:1!important; }
html body .nav-i .ico .fi{ width:19px; height:19px; }
html body .nav-i .ct{
  background:var(--brand)!important; color:#fff!important;
  font-size:10.5px!important; font-weight:600!important; border-radius:7px!important;
  padding:2px 7px!important; min-width:20px; text-align:center; border:none!important;
}
html body .nav-i .ct:empty, html body .nav-i .ct:is([data-zero]){ display:none!important; }

/* Sidebar footer */
html body .side-foot{
  border-top:none!important; padding:10px 14px 6px!important; gap:10px!important;
}
html body .studio-card{
  position:relative; overflow:hidden;
  background:var(--brand); color:#fff;
  border-radius:20px; padding:16px 14px 14px;
  display:flex; flex-direction:column; gap:8px;
  isolation:isolate;
}
html body .studio-card::before{
  content:""; position:absolute; inset:-40% -60% auto auto; width:260px; height:260px; z-index:-1;
  background:repeating-radial-gradient(circle at 70% 30%, rgba(255,255,255,.075) 0 1px, transparent 1px 11px);
}
html body .studio-card::after{
  content:""; position:absolute; inset:auto auto -70px -60px; width:180px; height:180px; z-index:-1; border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--tint2) 35%, transparent), transparent 70%);
}
html body .studio-card-i{
  width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.95); color:var(--brand);
  display:flex; align-items:center; justify-content:center;
}
html body .studio-card-i svg{ width:16px; height:16px; }
html body .studio-card-t{ font-size:17px; line-height:1.15; font-weight:500; letter-spacing:-.02em; margin-top:2px; }
html body .studio-card-s{ font-size:11.5px; opacity:.72; line-height:1.4; margin-bottom:4px; }
html body .studio-card .hub-btn-wrap, html body .studio-card .crm-btn-wrap{ margin:0!important; padding:0!important; }

html body .sidebar .hub-btn,
html body .sidebar .crm-btn{
  width:100%!important; animation:none!important;
  border-radius:999px!important; padding:10px 14px!important;
  font-size:12.5px!important; font-weight:500!important; letter-spacing:.02em!important;
  text-transform:none!important; box-shadow:none!important; transform:none!important;
  display:flex!important; align-items:center; justify-content:center; gap:8px;
  filter:none!important;
}
html body .sidebar .hub-btn{
  background:rgba(255,255,255,.12)!important; color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
html body .sidebar .hub-btn.active{ background:rgba(255,255,255,.2)!important; }
html body .sidebar .hub-btn::after{ display:none!important; }
html body .sidebar .crm-btn{
  background:rgba(255,255,255,.95)!important; color:var(--brand)!important;
  border:1px solid transparent!important;
}
html body .sidebar .crm-btn.active{ outline:2px solid rgba(255,255,255,.6); outline-offset:2px; }
html body .sidebar .crm-btn-i{ display:inline-flex; }
html body .sidebar .crm-btn-i .fi{ width:16px; height:16px; }
html body .sidebar .hub-btn:hover, html body .sidebar .crm-btn:hover{ filter:brightness(1.06)!important; }

html body #adminFootBtn{
  background:var(--card)!important; color:var(--ink)!important;
  border:1px solid var(--line)!important; border-radius:999px!important;
  box-shadow:none!important; font-weight:500!important; letter-spacing:.01em!important;
  margin-bottom:0!important; padding:10px 12px!important;
}
html body #adminFootBtn:hover{ border-color:var(--ink)!important; }
html body #buildBadge{
  color:var(--muted)!important; background:none!important; border:none!important;
  padding:0 2px!important; margin:0!important; font-weight:500!important; letter-spacing:.08em!important;
}
html body .side-foot > div[style*="border-bottom"]{
  color:var(--ink)!important; border-bottom:1px solid var(--line)!important;
  padding-bottom:10px!important; margin-bottom:2px!important;
}
html body #navUserDisplay{ color:var(--ink)!important; font-weight:600; }
html body #navUserEmail{ color:var(--muted)!important; }
html body .side-foot button[onclick="logout()"]{
  color:var(--muted)!important; text-decoration:none!important; font-weight:500!important;
  border:1px solid var(--line)!important; border-radius:999px!important; padding:5px 11px!important;
}
html body .side-foot button[onclick="logout()"]:hover{ color:var(--not)!important; border-color:currentColor!important; }
html body #navUserInitial{ background:var(--tint)!important; color:var(--brand)!important; }

/* Accent picker */
html body .theme-picker{ display:flex!important; gap:8px!important; padding:2px 0 4px!important; flex-wrap:wrap; }
html body .theme-swatch{
  width:24px!important; height:24px!important; border-radius:8px!important;
  border:2px solid var(--side)!important; box-shadow:0 0 0 1px var(--line)!important;
  transition:transform .15s var(--ease), box-shadow .15s!important; cursor:pointer;
}
html body .theme-swatch:hover{ transform:translateY(-1px); }
html body .theme-swatch.on{ box-shadow:0 0 0 2px var(--ink)!important; }

/* ── Top bar (floating) ────────────────────────────────────────────────── */
html body .topbar,
html body:not(.dark) .topbar{
  background:var(--panel)!important;
  border:none!important; border-radius:var(--r-lg)!important;
  box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
  padding:12px 14px 12px 18px!important; top:12px!important;
  min-height:68px; gap:10px!important;
}
html body .topbar h1{ display:none!important; }
html body .topbar .hamburger{ color:var(--ink)!important; }
html body .topbar .ws-chip,
html body .topbar .sync-dot{
  background:var(--card)!important; color:var(--ink)!important;
  border:1px solid var(--line)!important; border-radius:999px!important;
  font-weight:500!important; font-size:11.5px!important; padding:6px 12px!important; box-shadow:none!important;
}
html body .topbar .ws-chip{ color:var(--brand2)!important; font-weight:600!important; }
html body .topbar .search{
  background:var(--card)!important; border:1px solid transparent!important;
  border-radius:999px!important; padding:10px 16px!important; box-shadow:none!important;
  max-width:420px;
}
html body .topbar .search input{ color:var(--ink)!important; font-size:14px!important; }
html body .topbar .search input::placeholder{ color:var(--muted)!important; }
html body .topbar .search::after{
  content:"⌘ K"; font-size:10.5px; font-weight:600; color:var(--muted);
  background:var(--soft); border-radius:6px; padding:2px 7px; white-space:nowrap;
}
html body .topbar .search.has-text::after{ display:none; }
html body .topbar .btn-line{ background:var(--card)!important; color:var(--ink)!important; border:1px solid var(--line)!important; }

html body .top-user{
  display:flex; align-items:center; gap:10px; padding-left:6px; flex-shrink:0;
}
html body .top-user-av{
  width:44px; height:44px; border-radius:50%; overflow:hidden; flex-shrink:0;
  background:color-mix(in srgb, var(--tint2) 35%, #f2d6c4); color:var(--ink);
  display:flex; align-items:center; justify-content:center; font-weight:500; font-size:15px; letter-spacing:.02em;
}
html body .top-user-av img{ width:100%; height:100%; object-fit:cover; display:block; }
html body .top-user-txt{ display:flex; flex-direction:column; line-height:1.25; min-width:0; }
html body .top-user-txt b{ font-weight:500; font-size:14.5px; color:var(--ink); white-space:nowrap; }
html body .top-user-txt small{ font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:190px; }

/* ── Content panel + page header ───────────────────────────────────────── */
html body .content{
  background:var(--panel)!important;
  border-radius:var(--r-xl)!important;
  max-width:none!important; margin:0!important; width:100%!important;
  padding:30px 26px 70px!important; flex:1; box-sizing:border-box;
}
html body .page-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap;
  margin:0 0 22px; padding:0 4px;
}
html body .page-head h2{
  font-size:44px; line-height:1.05; font-weight:500; letter-spacing:-.035em; color:var(--ink); margin:0;
}
html body .page-head p{ margin-top:8px; font-size:14.5px; color:var(--muted); }
html body .page-head p:empty{ display:none; }
html body .page-head-act{ display:flex; gap:10px; flex-wrap:wrap; }
html body #pageHeadAct .btn{ padding:13px 22px!important; font-size:14.5px!important; height:auto!important; }

/* ── Buttons ───────────────────────────────────────────────────────────── */
html body .btn{
  border-radius:999px!important; font-weight:500!important; letter-spacing:0!important;
  backdrop-filter:none!important; box-shadow:none;
  transition:background .15s, filter .15s, transform .15s var(--ease), border-color .15s!important;
}
html body .btn:hover{ transform:translateY(-1px)!important; }
html body .btn:active{ transform:scale(.97)!important; }
html body .btn-accent,
html body .btn-brand{
  background:var(--hero)!important; color:#fff!important; border:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 6px 16px -8px color-mix(in srgb, var(--brand) 70%, transparent)!important;
}
html body .btn-accent:hover, html body .btn-brand:hover{ filter:brightness(1.12)!important; }
html body .btn-line{
  background:transparent!important; color:var(--ink)!important;
  border:1.5px solid color-mix(in srgb, var(--ink) 82%, transparent)!important;
}
html body .btn-line:hover{ background:var(--card)!important; }
html body .btn-danger{ background:var(--not-bg)!important; color:var(--not)!important; border:none!important; }
html body .btn-sm{ padding:7px 14px!important; font-size:12.5px!important; }

/* Segmented controls & filter tabs (Status / Timeliness, 7D / 30D, Board / List…) */
html body .seg, html body .tabs, html body .pf-seg-btns, html body .toggle-group, html body .crm-tabs{
  background:var(--card)!important; border-radius:999px!important; padding:4px!important; border:none!important; box-shadow:none!important;
}

/* ── Cards ─────────────────────────────────────────────────────────────── */
html body .panel,
html body .kpi,
html body:not(.dark) .panel,
html body:not(.dark) .kpi,
html body:not(.dark) .kpi.compact{
  background:var(--card)!important;
  border:none!important; border-radius:var(--r-lg)!important;
  box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
}
html body .panel{ padding:22px 22px!important; }
html body .panel h3{
  font-size:18px!important; font-weight:500!important; text-transform:none!important;
  letter-spacing:-.015em!important; color:var(--ink)!important; margin-bottom:16px!important;
}
html body .panel h3::before{ display:none!important; }

/* KPI tiles — big light numbers, ↗ button, first tile is the dark hero */
html body .kpis{ gap:14px!important; margin-bottom:14px!important; }
html body .kpi{ position:relative; padding:22px 22px 20px!important; min-height:150px; display:flex; flex-direction:column; }
html body .kpi::before{ display:none!important; }
html body .kpi .kt{
  font-size:16px!important; font-weight:400!important; text-transform:none!important;
  letter-spacing:-.01em!important; color:var(--ink)!important; padding-right:44px;
}
html body .kpi .kv{
  font-size:52px!important; font-weight:400!important; letter-spacing:-.04em!important;
  line-height:1!important; margin-top:auto!important; padding-top:20px; color:var(--ink)!important;
  font-variant-numeric:tabular-nums;
}
html body .kpi .kd{ font-size:12.5px!important; font-weight:400!important; color:var(--muted)!important; margin-top:10px!important; }
html body .kpi .kd b{ color:var(--brand2)!important; font-weight:600!important; }
html body .kpi::after{
  content:""; position:absolute; top:18px; right:18px; width:32px; height:32px; border-radius:50%;
  border:1.5px solid color-mix(in srgb, var(--ink) 80%, transparent);
  background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E");
  opacity:.85;
}
html body .kpis > .kpi:first-child{
  background:var(--hero)!important; color:#fff!important;
  box-shadow:0 18px 34px -22px color-mix(in srgb, var(--brand) 90%, transparent)!important;
}
html body .kpis > .kpi:first-child .kt,
html body .kpis > .kpi:first-child .kv{ color:#fff!important; }
html body .kpis > .kpi:first-child .kd,
html body .kpis > .kpi:first-child .kd b{ color:rgba(255,255,255,.78)!important; }
html body .kpis > .kpi:first-child::after{
  border:none; background-color:rgba(255,255,255,.94);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E");
  opacity:1;
}
/* compact kpis keep things small */
html body .kpi.compact{ min-height:0; }
html body .kpi.compact .kv{ font-size:34px!important; padding-top:10px; }

/* Bars & rings use the accent family */
html body .bar-tr{ background:var(--soft)!important; border-radius:999px!important; height:24px!important; }
html body .bar-fl{ border-radius:999px!important; font-weight:600!important; }
html body .ring .ri{ background:var(--card)!important; }
html body .ring .rp{ font-weight:400!important; letter-spacing:-.03em; }

/* ── Status pills: soft tint + hairline border, like Fernly ────────────── */
html body .pill{
  border-radius:7px!important; font-weight:500!important; font-size:11px!important;
  padding:3px 9px!important; letter-spacing:0!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 32%, transparent)!important;
}

/* ── Lists, rows, tables ───────────────────────────────────────────────── */
html body .mini-i{
  border-radius:var(--r-md)!important; border:1px solid var(--line)!important; background:var(--card)!important;
  box-shadow:none!important; transition:border-color .15s, transform .15s var(--ease)!important;
}
html body .mini-i:hover{ border-color:color-mix(in srgb, var(--brand2) 45%, var(--line))!important; transform:translateY(-1px); }
html body .table-wrapper{ border-radius:var(--r-lg)!important; border:none!important; background:var(--card)!important; box-shadow:none!important; }
html body table th{
  font-size:11.5px!important; font-weight:500!important; color:var(--muted)!important;
  text-transform:none!important; letter-spacing:0!important; background:transparent!important;
  border-bottom:1px solid var(--line)!important;
}
html body table td{ border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent)!important; }
html body table tr:hover td{ background:color-mix(in srgb, var(--tint) 45%, transparent)!important; }

/* ── Forms & modals ────────────────────────────────────────────────────── */
html body input[type=text], html body input[type=email], html body input[type=number],
html body input[type=date], html body input[type=time], html body input[type=search],
html body input:not([type]), html body select, html body textarea{
  border-radius:var(--r-sm)!important;
}
html body .mbody input[type=text], html body .mbody input[type=email], html body .mbody input[type=number],
html body .mbody input[type=date], html body .mbody select, html body .mbody textarea, html body .mbody .ms-trigger{
  background:var(--soft)!important; border:1px solid var(--line)!important; color:var(--ink)!important;
  padding:11px 14px!important; box-shadow:none!important;
}
html body .mbody input:focus, html body .mbody select:focus, html body .mbody textarea:focus{
  border-color:var(--brand2)!important; outline:none!important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--brand2) 16%, transparent)!important;
}
html body .mbody label{ text-transform:none!important; letter-spacing:0!important; font-weight:500!important; font-size:12.5px!important; color:var(--ink)!important; opacity:.85; }
html body .overlay{ background:color-mix(in srgb, var(--brand) 22%, rgba(10,12,10,.45))!important; backdrop-filter:blur(6px)!important; }
html body .modal,
html body:not(.dark) .modal{
  background:var(--card)!important; border:none!important; border-radius:26px!important;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.45)!important; backdrop-filter:none!important;
}
html body .modal-h{ border-bottom:1px solid var(--line)!important; padding:20px 24px!important; }
html body .modal-h h2{ font-size:22px!important; font-weight:500!important; letter-spacing:-.02em!important; }
html body .modal .x{ border-radius:50%!important; width:34px; height:34px; border:1px solid var(--line)!important; background:var(--card)!important; }
html body .mfoot{ border-top:1px solid var(--line)!important; padding:16px 24px!important; background:transparent!important; }

/* Toast */
html body .toast{ border-radius:999px!important; background:var(--brand)!important; color:#fff!important; font-weight:500!important; }

/* ── Login screen ──────────────────────────────────────────────────────── */
html body .login-card{ border-radius:28px!important; }
html body .login-card h2{ font-weight:500!important; letter-spacing:-.03em!important; font-size:28px!important; }

/* ── Motion: cards rise in one after another ───────────────────────────── */
@keyframes freshRise{ from{ opacity:0; transform:translateY(14px) scale(.985); } to{ opacity:1; transform:none; } }
@keyframes freshHead{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
html body .page-head.fx-in .page-head-txt{ animation:freshHead .55s var(--ease) both; }
html body .page-head.fx-in .page-head-act{ animation:freshHead .55s var(--ease) .08s both; }
html body .view.fx-in > *, html body .view.fx-in .crm-kpis > *,
html body .view.fx-in .kpis > *,
html body .view.fx-in .row2 > *{ animation:freshRise .6s var(--ease) both; }
html body .view.fx-in .kpis{ animation:none!important; }
html body .view.fx-in .row2{ animation:none!important; }
html body .view.fx-in > *:nth-child(2){ animation-delay:.06s; }
html body .view.fx-in > *:nth-child(3){ animation-delay:.12s; }
html body .view.fx-in > *:nth-child(4){ animation-delay:.18s; }
html body .view.fx-in > *:nth-child(5){ animation-delay:.24s; }
html body .view.fx-in > *:nth-child(n+6){ animation-delay:.3s; }
html body .view.fx-in .kpis > *:nth-child(1){ animation-delay:.08s; }
html body .view.fx-in .kpis > *:nth-child(2){ animation-delay:.16s; }
html body .view.fx-in .kpis > *:nth-child(3){ animation-delay:.24s; }
html body .view.fx-in .kpis > *:nth-child(4){ animation-delay:.32s; }
html body .view.fx-in .kpis > *:nth-child(n+5){ animation-delay:.4s; }
html body .view.fx-in .row2 > *:nth-child(2){ animation-delay:.1s; }
html body .view.fx-in .row2 > *:nth-child(3){ animation-delay:.2s; }
html body .view.active{ animation:none!important; }
@media (prefers-reduced-motion: reduce){
  html body .view.fx-in *, html body .page-head.fx-in *{ animation:none!important; }
}

/* ── Dark theme (Midnight) ─────────────────────────────────────────────── */
html body.dark .kpi::after{
  border-color:rgba(255,255,255,.55);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eeeeee' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E");
}
html body.dark .kpis > .kpi:first-child{ background:linear-gradient(150deg,#2F5D43,#173424)!important; }
html body.dark .kpis > .kpi:first-child::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E");
}
html body.dark .studio-card{ background:#0A120D; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
html body.dark .btn-accent, html body.dark .btn-brand{ background:linear-gradient(150deg,#4E9A6E,#2F5D43)!important; }
html body.dark .sidebar .crm-btn{ color:#0F1A14!important; }
html body.dark .top-user-av{ background:#2b3a31; color:#ECF0ED; }

/* ── Phones & tablets ──────────────────────────────────────────────────── */
@media (max-width:860px){
  html body .app{ padding:8px; gap:8px; }
  html body .sidebar{
    position:fixed!important; left:-280px!important; top:8px!important; height:calc(100vh - 16px)!important;
    z-index:300!important; box-shadow:0 24px 60px -20px rgba(0,0,0,.4)!important;
  }
  html body .sidebar.open{ left:8px!important; }
  html body .topbar{ top:8px!important; padding:10px 12px!important; min-height:0; }
  html body .topbar .hamburger{ display:inline-flex!important; }
  html body .top-user-txt{ display:none; }
  html body .top-user-av{ width:38px; height:38px; font-size:13px; }
  html body .content{ padding:22px 16px 60px!important; border-radius:22px!important; }
  html body .page-head h2{ font-size:32px; }
  html body #pageHeadAct .btn{ padding:11px 18px!important; font-size:13.5px!important; height:auto!important; }
  html body .kpi{ min-height:128px; }
  html body .kpi .kv{ font-size:42px!important; }
  html body .topbar .search::after{ display:none; }
}

/* ── Fixes after first pass ────────────────────────────────────────────── */
html body .page-head h2{ font-weight:500!important; letter-spacing:-.035em!important; font-size:44px!important; }
html body .kpi{ position:relative!important; overflow:hidden; }
html body .kpi::after{ left:auto!important; right:18px!important; top:18px!important; height:32px!important; border-radius:50%!important; pointer-events:none; }
html body .kpis.kpis-4{ grid-template-columns:repeat(4,minmax(0,1fr))!important; }
@media (max-width:1100px){ html body .kpis.kpis-4{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } }

/* Sidebar scrolls as one piece so the menu is never squeezed */
html body .sidebar{ overflow-y:auto!important; scrollbar-width:none; }
html body .sidebar::-webkit-scrollbar{ display:none; }
html body .side-nav{ flex:0 0 auto!important; overflow:visible!important; }
html body .side-foot{ margin-top:auto!important; }

/* Dashboard hero video + world clock */
html body .bbmm-hero{ border-radius:var(--r-lg)!important; box-shadow:none!important; margin-bottom:14px!important; }
html body .wc-card{
  background:var(--soft)!important; border:none!important; box-shadow:none!important;
  border-radius:var(--r-md)!important; backdrop-filter:none!important;
}
html body .wc-card::before, html body .wc-card::after{ display:none!important; }
html body .wc-digital, html body .wc-digital *{ font-weight:400!important; letter-spacing:-.03em!important; color:var(--ink)!important; }
html body .wc-zone{ background:var(--brand)!important; color:#fff!important; border-radius:6px!important; font-weight:500!important; }
html body .wc-work{ background:var(--tint)!important; color:var(--brand2)!important; border-radius:999px!important; font-weight:500!important; }
html body .wc-conv{ border-radius:999px!important; }

/* Clock-in widget → calm dark "time tracker" pill */
html body #clock-widget .clk-wrap,
html body:not(.dark) #clock-widget .clk-wrap,
html body .clk-wrap{
  background:var(--brand)!important; border:none!important;
  border-radius:999px!important; padding:6px 6px 6px 14px!important;
  box-shadow:none!important; backdrop-filter:none!important; animation:none!important;
}
html body .clk-wrap::after{ display:none!important; }
html body #clock-widget .clk-live{ text-shadow:none!important; font-weight:500!important; font-size:15px!important; letter-spacing:.04em!important; }
html body #clock-widget .clk-since{ text-shadow:none!important; }
html body .clk-status-dot{ box-shadow:none!important; }
html body .clk-dot-in{ background:#6EE7A8!important; }
html body .clk-dot-break{ background:#FBBF24!important; }
html body .clk-dot-out{ background:rgba(255,255,255,.45)!important; }
html body .clk-dot-offline{ background:#F87171!important; }
html body #clock-widget .clk-btn-in, html body #clock-widget .clk-btn-break, html body #clock-widget .clk-btn-out{
  border-radius:999px!important; padding:7px 14px!important; font-weight:500!important; font-size:12px!important; backdrop-filter:none!important;
}
html body #clock-widget .clk-btn-in{ background:rgba(255,255,255,.95)!important; color:var(--brand)!important; border:none!important; }
html body #clock-widget .clk-btn-break{ background:rgba(255,255,255,.14)!important; border:1px solid rgba(255,255,255,.25)!important; }
html body #clock-widget .clk-btn-out{ background:#C2413A!important; border:none!important; }

/* "X working" staff status */
html body .asp-wrap,
html body:not(.dark) .asp-wrap{
  background:var(--card)!important; border:1px solid var(--line)!important; border-radius:999px!important;
  padding:7px 13px!important; backdrop-filter:none!important;
}
html body .asp-trigger, html body .asp-trigger b{ color:var(--ink)!important; font-weight:500!important; font-size:12px!important; }
html body .asp-panel{
  background:var(--card)!important; border:1px solid var(--line)!important; border-radius:18px!important;
  box-shadow:0 24px 50px -20px rgba(0,0,0,.3)!important; backdrop-filter:none!important;
}
html body .asp-name{ color:var(--ink)!important; }
html body .asp-time{ color:var(--muted)!important; }
html body .asp-row:hover{ background:var(--soft)!important; }
html body .asp-out .asp-label{ background:var(--soft)!important; color:var(--muted)!important; }
html body .asp-in .asp-label{ background:var(--tint)!important; color:var(--brand2)!important; }

/* ↗ only on the dashboard stat row (it reads as "open"), not on every card */
html body .kpi::after{ display:none!important; }
html body .kpis-4 > .kpi::after{ display:block!important; }
html body .sidebar .hub-btn .fi{ width:16px; height:16px; flex-shrink:0; }

/* ── Calendar: calm grid + pastel event chips (Fernly calendar) ────────── */
html body .dow{
  background:none!important; box-shadow:none!important; color:var(--muted)!important;
  font-weight:500!important; font-size:11.5px!important; letter-spacing:.08em!important;
}
html body .day:not(.empty),
html body .day{
  background:var(--soft)!important; border:1.5px solid transparent!important;
  border-radius:16px!important; box-shadow:none!important;
}
html body .day.empty{ background:transparent!important; }
html body .day:hover:not(.empty){ background:color-mix(in srgb, var(--soft) 60%, var(--card))!important; border-color:var(--line)!important; box-shadow:none!important; }
html body .day.today,
html body.dark .day.today, html body.dark .day.today:hover{
  background:var(--card)!important; border-color:var(--brand2)!important;
  box-shadow:none!important;
}
html body .day .dn{ font-weight:500!important; color:var(--ink)!important; font-size:13.5px!important; }
html body .day.today .dn span:first-child{ background:var(--brand2)!important; box-shadow:none!important; width:28px!important; height:28px!important; font-size:13px!important; color:#fff!important; }
html body .day .dadd{ background:var(--brand2)!important; }

html body .ev{
  border:none!important; border-radius:10px!important; box-shadow:none!important;
  padding:7px 9px!important; filter:none!important;
}
html body .ev::after{ display:none!important; }
html body .ev:hover{ transform:translateY(-1px)!important; box-shadow:0 6px 14px -8px rgba(0,0,0,.25)!important; filter:none!important; }
html body .ev .ev-title, html body .ev.dark-evt .ev-title{ color:var(--ink)!important; text-shadow:none!important; font-weight:500!important; }
html body .ev .ev-top b, html body .ev .ev-bot, html body .ev .ev-bot span,
html body .ev.dark-evt .ev-top b, html body .ev.dark-evt .ev-bot, html body .ev.dark-evt .ev-bot span{ color:inherit!important; opacity:.9; }
html body .ev{ color:var(--muted)!important; }
html body .ev-not  { background:var(--not-bg)!important;  color:var(--not)!important; }
html body .ev-prog { background:var(--prog-bg)!important; color:var(--prog)!important; }
html body .ev-up   { background:var(--up-bg)!important;   color:var(--up)!important; }
html body .ev-work { background:var(--work-bg)!important; color:var(--work)!important; }
html body .ev-rev  { background:var(--rev-bg)!important;  color:var(--rev)!important; }
html body .ev-done { background:var(--done-bg)!important; color:var(--done)!important; }
html body .ev-comp, html body .ev-pub{ background:var(--tint)!important; color:var(--brand2)!important; }
html body .ev-sched{ background:var(--sched-bg)!important; color:var(--sched)!important; }
html body .ev-redo { background:var(--redo-bg)!important; color:var(--redo)!important; }
html body .ev-canc { background:var(--canc-bg)!important; color:var(--canc)!important; }
html body .ev .pill{ background:rgba(255,255,255,.7)!important; }
html body.dark .ev .pill{ background:rgba(0,0,0,.25)!important; }
html body .task-chip, html body .post-chip{
  background:var(--brand2)!important; box-shadow:none!important; border-radius:6px!important; font-weight:500!important;
}
html body .ev .task-chip, html body .ev .post-chip{ background:rgba(255,255,255,.75)!important; color:var(--ink)!important; }

/* Sticky page toolbars sit on the content panel colour */
html body .cal-bar{ background:var(--panel)!important; box-shadow:none!important; border:none!important; }
html body .cal-bar h2, html body .cal-bar h3, html body .cal-bar .cal-title{ font-weight:500!important; letter-spacing:-.02em!important; }

/* ── CRM: stat tiles, segmented tabs, pipeline columns ─────────────────── */
html body .crm-kpi{
  background:var(--card)!important; border:none!important; border-radius:var(--r-lg)!important;
  padding:20px 22px!important; box-shadow:none!important; min-height:118px;
  display:flex!important; flex-direction:column; gap:6px;
}
html body .crm-kpi small{ font-size:15px!important; font-weight:400!important; color:var(--ink)!important; }
html body .crm-kpi b{ font-size:40px!important; font-weight:400!important; letter-spacing:-.04em!important; margin-top:auto; }
html body .crm-kpi:first-child{ background:var(--hero)!important; color:#fff!important; }
html body .crm-kpi:first-child small, html body .crm-kpi:first-child b{ color:#fff!important; }
html body .crm-kpi.won b{ color:var(--brand2)!important; }
html body .crm-kpi.due.on{ box-shadow:inset 0 0 0 2px var(--brand2)!important; }
html body .crm-seg{ border:none!important; border-radius:999px!important; padding:4px!important; background:var(--card)!important; }
html body .crm-seg button{ border-radius:999px!important; font-weight:500!important; padding:8px 16px!important; }
html body .crm-seg button.on{ background:var(--brand)!important; }
html body .crm-col{ border:none!important; border-radius:var(--r-lg)!important; background:var(--card)!important; }
html body .crm-card{ border-radius:var(--r-md)!important; border:1px solid var(--line)!important; box-shadow:none!important; background:var(--soft)!important; }
html body .crm-card:hover{ border-color:color-mix(in srgb, var(--brand2) 40%, var(--line))!important; }
html body .crm-search, html body .crm-sel{ border-radius:999px!important; }
html body.dark .nav-i .ct{ background:var(--brand2)!important; }
html body.dark .day.today{ background:var(--card)!important; border-color:var(--brand2)!important; box-shadow:none!important; }

/* ════════════════════════════════════════════════════════════════════════
   v075 — MY DAY (Coterie-style), REMINDERS, BELL, PAYROLL
   ════════════════════════════════════════════════════════════════════════ */
html body .dash-top{ margin-bottom:14px; }
html body .dash-top:empty{ display:none; }

/* Task mix bars + big numbers */
html body .md-stats{ display:flex; align-items:flex-end; gap:28px; margin:2px 4px 18px; flex-wrap:wrap; }
html body .md-segs{ flex:1 1 520px; display:flex; gap:8px; min-width:0; }
html body .md-seg{ min-width:0; }
html body .md-seg label{ display:block; font-size:12.5px; color:var(--muted); margin:0 0 8px 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body .md-seg-b{ height:42px; border-radius:999px; display:flex; align-items:center; padding:0 16px; font-size:12.5px; font-weight:500; white-space:nowrap; }
html body .md-seg-b.s1{ background:var(--ink); color:var(--card); }
html body .md-seg-b.s2{ background:var(--tint2); color:#111; }
html body .md-seg-b.s3{ background:repeating-linear-gradient(-55deg, transparent 0 6px, color-mix(in srgb, var(--ink) 18%, transparent) 6px 7px); color:var(--ink); box-shadow:inset 0 0 0 1px var(--line); }
html body .md-seg-b.s4{ background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 45%, transparent); }
html body .md-bigs{ display:flex; gap:26px; }
html body .md-big{ display:flex; flex-direction:column; }
html body .md-big b{ font-size:62px; font-weight:300; letter-spacing:-.045em; line-height:.95; color:var(--ink); font-variant-numeric:tabular-nums; }
html body .md-big span{ display:flex; align-items:center; gap:6px; font-size:13px; color:var(--muted); margin-top:6px; }
html body .md-big .fi{ width:15px; height:15px; }

/* Card row */
html body .md-row{ display:grid; grid-template-columns:1fr 1fr 1.15fr; gap:14px; }
html body .md-card{ margin:0!important; display:flex; flex-direction:column; min-height:360px; }
html body .md-card-h{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
html body .md-card-h h3{ margin:0!important; }
html body .md-open{ width:36px; height:36px; border-radius:50%; border:1px solid var(--line); background:var(--card); color:var(--ink); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:transform .15s var(--ease), border-color .15s; }
html body .md-open:hover{ transform:translateY(-1px); border-color:var(--ink); }
html body .md-open svg{ width:15px; height:15px; }

/* Progress */
html body .md-avg{ display:flex; align-items:center; gap:12px; margin:6px 0 10px; }
html body .md-avg b{ font-size:34px; font-weight:400; letter-spacing:-.03em; color:var(--ink); }
html body .md-avg span{ font-size:12px; color:var(--muted); line-height:1.3; }
html body .md-pchart{ flex:1; display:grid; grid-template-columns:repeat(7,1fr); gap:6px; align-items:end; min-height:170px; padding-top:28px; }
html body .md-pcol{ position:relative; display:flex; flex-direction:column; align-items:center; height:100%; }
html body .md-ptrack{ flex:1; width:100%; display:flex; align-items:flex-end; justify-content:center; background:linear-gradient(var(--line),var(--line)) center/1px 100% no-repeat; background-image:repeating-linear-gradient(to bottom, var(--line) 0 3px, transparent 3px 7px); background-size:1.5px 100%; background-position:center; background-repeat:no-repeat; }
html body .md-pbar{ width:7px; border-radius:999px; background:var(--ink); transition:height .8s var(--ease); }
html body .md-pbar.zero{ height:6px!important; width:6px; background:color-mix(in srgb, var(--ink) 25%, transparent); }
html body .md-pcol.today .md-pbar{ background:var(--tint2); }
html body .md-pcol i{ width:5px; height:5px; border-radius:50%; background:var(--ink); margin:8px 0 6px; }
html body .md-pcol.today i{ background:var(--tint2); }
html body .md-pcol small{ font-size:11px; color:var(--muted); }
html body .md-pcol.today small{ color:var(--ink); font-weight:600; }
html body .md-ptag{ position:absolute; top:-26px; left:50%; transform:translateX(-50%); white-space:nowrap; background:var(--tint2); color:#111; font-size:11px; font-weight:600; padding:3px 8px; border-radius:999px; }

/* Time tracker */
html body .md-ring-wrap{ position:relative; flex:1; display:flex; align-items:center; justify-content:center; padding:6px 0; }
html body .md-ring{ width:min(220px,100%); height:auto; }
html body .md-ticks line{ stroke:color-mix(in srgb, var(--ink) 22%, transparent); stroke-width:1.2; stroke-linecap:round; }
html body .md-ring-bg{ fill:none; stroke:var(--soft); stroke-width:14; }
html body .md-ring-fg{ fill:none; stroke:var(--tint2); stroke-width:14; stroke-linecap:round; transition:stroke-dashoffset .6s var(--ease); }
html body .md-ring-dot{ fill:var(--ink); }
html body .md-ring-c{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
html body .md-ring-c b{ font-size:44px; font-weight:400; letter-spacing:-.03em; color:var(--ink); font-variant-numeric:tabular-nums; line-height:1; }
html body .md-ring-c span{ margin-top:6px; font-size:12px; color:var(--muted); display:flex; align-items:center; gap:6px; }
html body .md-ring-c span i{ font-style:normal; font-variant-numeric:tabular-nums; }
html body .md-st{ width:7px; height:7px; border-radius:50%; background:color-mix(in srgb, var(--ink) 30%, transparent); }
html body .md-st.in{ background:#22a35a; box-shadow:0 0 0 3px color-mix(in srgb, #22a35a 20%, transparent); }
html body .md-st.break{ background:#e0a100; }
html body .md-tfoot{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
html body .md-btns{ display:flex; gap:8px; }
html body .md-rb{ height:42px; min-width:42px; border-radius:999px; border:1px solid var(--line); background:var(--card); color:var(--ink); display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; padding:0 12px; font-family:inherit; font-size:13px; font-weight:500; transition:transform .15s var(--ease), border-color .15s; }
html body .md-rb:hover{ transform:translateY(-1px); border-color:var(--ink); }
html body .md-rb svg{ width:16px; height:16px; fill:currentColor; }
html body .md-rb.dark{ background:var(--ink); color:var(--card); border-color:var(--ink); }
html body .md-rb.go{ background:var(--hero); color:#fff; border:none; padding:0 18px 0 14px; }
html body .md-goal{ font-size:12px; color:var(--muted); }

/* My plan (dark card) */
html body .md-plan{ background:var(--brand)!important; color:#fff; }
html body.dark .md-plan{ background:#0A120D!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important; }
html body .md-plan h3{ color:#fff!important; }
html body .md-plan-n{ font-size:30px; font-weight:300; letter-spacing:-.03em; }
html body .md-pl-list{ flex:1; overflow-y:auto; max-height:300px; margin:4px -6px 10px; padding:0 6px; scrollbar-width:thin; }
html body .md-pl{ display:flex; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.07); }
html body .md-pl-i{ width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.92); color:var(--brand); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
html body .md-pl-i .fi{ width:16px; height:16px; }
html body .md-pl.done .md-pl-i{ background:rgba(255,255,255,.12); color:rgba(255,255,255,.6); }
html body .md-pl-t{ flex:1; min-width:0; display:flex; flex-direction:column; }
html body .md-pl-t b{ font-weight:400; font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html body .md-pl-t small{ font-size:11px; color:rgba(255,255,255,.55); margin-top:2px; }
html body .md-pl.done .md-pl-t b{ text-decoration:line-through; color:rgba(255,255,255,.55); }
html body .md-pl-c{ width:26px; height:26px; border-radius:50%; border:none; background:rgba(255,255,255,.16); color:#111; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:0; transition:background .15s, transform .15s var(--ease); }
html body .md-pl-c:hover{ transform:scale(1.08); background:rgba(255,255,255,.28); }
html body .md-pl.done .md-pl-c{ background:var(--tint2); }
html body .md-pl-c svg{ width:14px; height:14px; }
html body .md-pl-x{ opacity:0; border:none; background:none; color:rgba(255,255,255,.6); font-size:18px; cursor:pointer; padding:0 2px; transition:opacity .15s; }
html body .md-pl:hover .md-pl-x{ opacity:1; }
@media (hover:none){ html body .md-pl-x{ opacity:.6; } }
html body .md-pl-empty{ font-size:13px; color:rgba(255,255,255,.6); padding:18px 2px; line-height:1.5; }
html body .md-pl-add{ display:flex; gap:6px; background:rgba(255,255,255,.08); border-radius:999px; padding:5px; }
html body .md-pl-add input{ background:transparent!important; border:none!important; color:#fff!important; padding:8px 10px!important; font-size:13px!important; outline:none; min-width:0; box-shadow:none!important; }
html body .md-pl-add input::placeholder{ color:rgba(255,255,255,.5); }
html body .md-pl-add #mdPlanTxt{ flex:1; }
html body .md-pl-add input[type=time]{ width:96px; color-scheme:dark; color:rgba(255,255,255,.8)!important; }
html body .md-pl-add button{ width:36px; height:36px; border-radius:50%; border:none; background:#fff; color:var(--brand); font-size:20px; cursor:pointer; flex-shrink:0; }
html body .md-pl-hint{ font-size:11px; color:rgba(255,255,255,.45); margin:8px 4px 0; }

html body .view.fx-in .md-row > *{ animation:none; }
html body .dash-top.fx-in .md-stats, html body .dash-top.fx-in .md-row > *{ animation:freshRise .6s var(--ease) both; }
html body .dash-top.fx-in .md-row > *:nth-child(1){ animation-delay:.1s; }
html body .dash-top.fx-in .md-row > *:nth-child(2){ animation-delay:.18s; }
html body .dash-top.fx-in .md-row > *:nth-child(3){ animation-delay:.26s; }

@media (max-width:1180px){ html body .md-row{ grid-template-columns:1fr 1fr; } html body .md-plan{ grid-column:1/-1; } }
@media (max-width:720px){
  html body .md-row{ grid-template-columns:1fr; }
  html body .md-segs{ flex-wrap:wrap; }
  html body .md-seg{ flex:1 1 40%!important; }
  html body .md-big b{ font-size:44px; }
  html body .md-card{ min-height:0; }
}

/* ── Reminder pop-ups ──────────────────────────────────────────────────── */
#mdRemStack{ position:fixed; right:18px; bottom:96px; z-index:2147483000; display:flex; flex-direction:column; gap:10px; max-width:340px; width:calc(100% - 36px); }
html body .md-rem-card{ background:var(--brand); color:#fff; border-radius:20px; padding:16px 16px 14px; box-shadow:0 24px 50px -18px rgba(0,0,0,.5); animation:freshRise .4s var(--ease) both; }
html body .md-rem-h{ display:flex; align-items:center; gap:7px; font-size:12px; opacity:.75; }
html body .md-rem-h .fi{ width:15px; height:15px; }
html body .md-rem-t{ font-size:16px; margin:6px 0 12px; line-height:1.35; }
html body .md-rem-b{ display:flex; gap:8px; justify-content:flex-end; }
html body .md-rem-b button{ border-radius:999px; border:1px solid rgba(255,255,255,.3); background:transparent; color:#fff; padding:8px 14px; font-family:inherit; font-size:12.5px; cursor:pointer; }
html body .md-rem-b button.ok{ background:#fff; color:var(--brand); border-color:#fff; font-weight:600; }

/* ── Bell ──────────────────────────────────────────────────────────────── */
html body .bell-wrap{ position:relative; flex-shrink:0; }
html body .top-ic{ width:46px; height:46px; border-radius:50%; border:none; background:var(--card); color:var(--ink); display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; transition:transform .15s var(--ease); }
html body .top-ic:hover{ transform:translateY(-1px); }
html body .top-ic svg{ width:20px; height:20px; }
html body .top-ic.has svg{ animation:bellNudge 2.8s ease-in-out 1; transform-origin:50% 10%; }
@keyframes bellNudge{ 0%,80%,100%{ transform:none; } 84%{ transform:rotate(14deg); } 88%{ transform:rotate(-12deg); } 92%{ transform:rotate(8deg); } 96%{ transform:rotate(-4deg); } }
html body .bell-count{ position:absolute; top:4px; right:3px; min-width:18px; height:18px; border-radius:999px; padding:0 5px; background:#E25B3B; color:#fff; font-size:10.5px; font-weight:600; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px var(--panel); }
html body .bell-panel{ display:none; position:absolute; right:0; top:calc(100% + 10px); width:380px; max-width:calc(100vw - 24px); background:var(--card); border-radius:22px; box-shadow:0 30px 70px -24px rgba(0,0,0,.4), 0 0 0 1px var(--line); z-index:400; overflow:hidden; }
html body .bell-panel.open{ display:block; animation:freshRise .25s var(--ease) both; }
html body .bell-h{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px 8px; }
html body .bell-h b{ font-size:17px; font-weight:500; letter-spacing:-.01em; }
html body .bell-send{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); background:var(--card); color:var(--ink); border-radius:999px; padding:6px 12px; font-family:inherit; font-size:12px; cursor:pointer; }
html body .bell-send .fi{ width:14px; height:14px; }
html body .bell-tabs{ display:flex; gap:4px; margin:0 14px 8px; background:var(--soft); border-radius:999px; padding:4px; }
html body .bell-tabs button{ flex:1; border:none; background:none; border-radius:999px; padding:7px; font-family:inherit; font-size:12.5px; color:var(--muted); cursor:pointer; }
html body .bell-tabs button.on{ background:var(--card); color:var(--ink); font-weight:500; box-shadow:0 1px 2px rgba(0,0,0,.06); }
html body .bell-body{ max-height:min(60vh,480px); overflow-y:auto; padding:0 8px 10px; }
html body .bell-i{ display:flex; gap:12px; align-items:flex-start; padding:11px 10px; border-radius:14px; position:relative; }
html body .bell-i.click{ cursor:pointer; }
html body .bell-i.click:hover{ background:var(--soft); }
html body .bell-i.unread::after{ content:""; position:absolute; right:10px; top:16px; width:7px; height:7px; border-radius:50%; background:var(--brand2); }
html body .bell-ic{ width:34px; height:34px; border-radius:50%; background:var(--tint); color:var(--brand); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
html body .bell-ic .fi{ width:16px; height:16px; }
html body .bell-i.hot .bell-ic{ background:#FBE3DC; color:#B5432A; }
html body.dark .bell-i.hot .bell-ic{ background:#3a1f19; color:#F29A84; }
html body .bell-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; padding-right:12px; }
html body .bell-t b{ font-size:13.5px; font-weight:500; color:var(--ink); }
html body .bell-t small{ font-size:12.5px; color:var(--muted); line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
html body .bell-t em{ font-style:normal; font-size:11px; color:var(--muted); opacity:.85; }
html body .bell-acts{ display:flex; gap:4px; }
html body .bell-acts button{ border:1px solid var(--line); background:var(--card); color:var(--ink); border-radius:999px; min-width:30px; height:30px; padding:0 10px; cursor:pointer; font-family:inherit; font-size:12px; }
html body .bell-empty{ text-align:center; color:var(--muted); font-size:13px; padding:34px 10px; }
html body .bell-remform{ background:var(--soft); border-radius:16px; padding:10px; margin:2px 4px 10px; display:flex; flex-direction:column; gap:8px; }
html body .bell-remform input{ background:var(--card)!important; border:1px solid var(--line)!important; border-radius:12px!important; padding:9px 12px!important; font-size:13px!important; color:var(--ink)!important; min-width:0; }
html body .bell-remrow{ display:flex; gap:6px; }
html body .bell-remrow input{ flex:1; }
html body .bell-quick{ display:flex; gap:6px; flex-wrap:wrap; }
html body .bell-quick button{ border:1px solid var(--line); background:var(--card); border-radius:999px; padding:5px 11px; font-size:11.5px; font-family:inherit; color:var(--ink); cursor:pointer; }
@media (max-width:860px){ html body .top-ic{ width:40px; height:40px; } html body .bell-panel{ position:fixed; left:12px; right:12px; top:72px; width:auto; } }

/* ── Payroll page (Coterie layout) ─────────────────────────────────────── */
html body .pay-grid{ display:grid; grid-template-columns:260px minmax(0,1fr) 300px; gap:14px; align-items:start; }
html body .pay-grid > .panel{ margin:0!important; }
html body .pay-team h3{ margin-bottom:10px!important; }
html body .pay-list{ display:flex; flex-direction:column; gap:4px; }
html body .pay-person{ display:flex; align-items:center; gap:11px; padding:9px 10px; border-radius:16px; border:none; background:none; cursor:pointer; text-align:left; color:var(--ink); font-family:inherit; transition:background .15s; }
html body .pay-person:hover{ background:var(--soft); }
html body .pay-person.on{ background:var(--ink); color:var(--card); }
html body .pay-person-t{ display:flex; flex-direction:column; min-width:0; }
html body .pay-person-t b{ font-weight:500; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body .pay-person-t small{ font-size:11.5px; opacity:.65; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body .pay-av{ border-radius:50%; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; color:#2a2320; font-weight:500; letter-spacing:.02em; }
html body .pay-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
html body .pay-total{ font-size:36px; font-weight:300; letter-spacing:-.035em; color:var(--ink); }
html body .pay-total small{ font-size:15px; color:var(--muted); letter-spacing:0; }
html body .pay-month{ display:flex; align-items:center; gap:4px; border:1px solid var(--line); border-radius:999px; padding:3px; font-size:13px; }
html body .pay-month span{ padding:0 8px; white-space:nowrap; }
html body .pay-mbtn{ width:30px; height:30px; border-radius:50%; border:none; background:var(--soft); color:var(--ink); cursor:pointer; font-size:17px; line-height:1; }
html body .pay-mbtn:hover{ background:var(--line); }
html body .pay-bars{ display:flex; gap:8px; margin-bottom:18px; }
html body .pay-bars > div{ min-width:70px; }
html body .pay-bars label{ display:block; font-size:12.5px; color:var(--muted); margin:0 0 7px 2px; white-space:nowrap; }
html body .pay-bar{ height:34px; border-radius:999px; display:flex; align-items:center; padding:0 14px; font-size:12.5px; font-weight:500; }
html body .pay-bar.work{ background:var(--tint2); color:#111; }
html body .pay-bar.over{ background:var(--ink); color:var(--card); }
html body .pay-bar.leave{ background:color-mix(in srgb, var(--ink) 30%, var(--card)); color:var(--ink); }
html body .pay-cal{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
html body .pay-dow{ text-align:center; font-size:12px; color:var(--muted); padding-bottom:2px; }
html body .pay-day{ min-height:72px; border-radius:14px; border:1px solid var(--line); background:var(--card); padding:8px 9px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; cursor:pointer; font-family:inherit; color:var(--ink); text-align:left; transition:border-color .15s, transform .15s var(--ease); }
html body .pay-day:hover{ border-color:color-mix(in srgb, var(--ink) 40%, var(--line)); transform:translateY(-1px); }
html body .pay-day.blank{ border:none; background:none; cursor:default; }
html body .pay-day.blank:hover{ transform:none; }
html body .pay-day.today{ border:1.5px solid var(--ink); }
html body .pay-day.future{ background:color-mix(in srgb, var(--soft) 50%, var(--card)); }
html body .pay-dn{ font-size:12.5px; color:var(--muted); }
html body .pay-chip{ display:inline-block; font-style:normal; font-size:11px; font-weight:600; padding:2px 8px; border-radius:999px; background:color-mix(in srgb, var(--tint2) 55%, var(--card)); color:#1c1c1c; }
html body .pay-chip.over{ background:var(--ink); color:var(--card); }
html body .pay-chip.half{ background:var(--tint); color:var(--brand2); }
html body .pay-chip.leave{ background:var(--soft); color:var(--muted); box-shadow:inset 0 0 0 1px var(--line); }
html body .pay-legend{ display:flex; gap:14px; flex-wrap:wrap; margin-top:14px; font-size:12px; color:var(--muted); align-items:center; }
html body .pay-legend span{ display:inline-flex; align-items:center; gap:6px; }
html body .pay-legend-hint{ margin-left:auto; }
html body .pay-hero{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:6px 0 16px; border-bottom:1px solid var(--line); }
html body .pay-name{ font-size:21px; font-weight:500; letter-spacing:-.02em; margin-top:12px; }
html body .pay-role{ font-size:13px; color:var(--muted); margin-top:2px; }
html body .pay-rows{ padding:12px 0 6px; display:flex; flex-direction:column; gap:9px; }
html body .pay-row{ display:grid; grid-template-columns:20px 80px minmax(0,1fr); align-items:center; gap:6px; font-size:13px; }
html body .pay-row-i{ color:var(--muted); display:flex; } html body .pay-row-i .fi{ width:15px; height:15px; }
html body .pay-row-k{ color:var(--muted); }
html body .pay-row-v{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html body .pay-profile h4{ font-size:14px; font-weight:500; margin:14px 0 9px; }
html body .pay-docs{ display:flex; gap:6px; flex-wrap:wrap; }
html body .pay-doc{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); background:var(--card); color:var(--ink); border-radius:12px; padding:8px 11px; font-family:inherit; font-size:12.5px; cursor:pointer; }
html body .pay-doc:hover{ border-color:var(--ink); }
html body .pay-doc .fi{ width:14px; height:14px; }
html body .pay-doc span{ color:var(--muted); }
html body .pay-meter{ margin-bottom:12px; }
html body .pay-meter-h{ display:flex; justify-content:space-between; font-size:12.5px; margin-bottom:6px; }
html body .pay-meter-h span{ color:var(--muted); }
html body .pay-meter-h b{ font-weight:500; }
html body .pay-meter-t{ height:6px; border-radius:999px; background:var(--soft); overflow:hidden; }
html body .pay-meter-f{ height:100%; border-radius:999px; background:var(--tint2); transition:width .8s var(--ease); }
html body .pay-meter-f.dark{ background:var(--ink); }
html body .pay-net{ display:flex; justify-content:space-between; align-items:center; background:var(--hero); color:#fff; border-radius:16px; padding:14px 16px; margin-top:16px; }
html body .pay-net span{ font-size:12.5px; opacity:.8; }
html body .pay-net b{ font-size:20px; font-weight:500; letter-spacing:-.02em; }
html body .pay-net-sub{ font-size:11.5px; color:var(--muted); margin:8px 2px 0; }
html body .pay-note{ font-size:12px; color:var(--up); background:var(--up-bg); border-radius:10px; padding:8px 10px; margin-top:10px; }
html body .pay-all{ width:100%; margin-top:12px; }
@media (max-width:1250px){ html body .pay-grid{ grid-template-columns:220px minmax(0,1fr); } html body .pay-profile{ grid-column:1/-1; } }
@media (max-width:760px){
  html body .pay-grid{ grid-template-columns:1fr; }
  html body .pay-list{ flex-direction:row; overflow-x:auto; padding-bottom:4px; }
  html body .pay-person{ flex:0 0 auto; }
  html body .pay-day{ min-height:56px; padding:6px; }
  html body .pay-cal{ gap:5px; }
  html body .pay-chip{ font-size:10px; padding:1px 6px; }
  html body .pay-legend-hint{ margin-left:0; }
}

/* ── Analytics page ────────────────────────────────────────────────────── */
html body .an-bar{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin:-6px 0 14px; flex-wrap:wrap; }
html body .an-range{ display:flex; gap:4px; background:var(--card); border-radius:999px; padding:4px; }
html body .an-range button{ border:none; background:none; border-radius:999px; padding:8px 16px; font-family:inherit; font-size:13px; color:var(--muted); cursor:pointer; }
html body .an-range button.on{ background:var(--brand); color:#fff; }
html body .an-kpi{ padding-bottom:0!important; min-height:170px!important; }
html body .an-kpi .kv{ font-size:42px!important; padding-top:14px!important; margin-top:6px!important; }
html body .an-kpi .kd{ margin-bottom:6px; }
html body .an-d{ font-weight:600; }
html body .an-d.up{ color:var(--brand2); } html body .an-d.down{ color:#C2413A; } html body .an-d.flat{ color:var(--muted); }
html body .an-spark{ display:block; width:calc(100% + 44px); margin:auto -22px 0; height:52px; }
html body .an-spark-a{ fill:color-mix(in srgb, var(--brand2) 12%, transparent); }
html body .an-spark-l{ fill:none; stroke:var(--brand2); stroke-width:1.8; vector-effect:non-scaling-stroke; }
html body .an-kpis{ grid-template-columns:repeat(4,minmax(0,1fr))!important; }
@media (max-width:1100px){ html body .an-kpis{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
html body .att-paylink{ display:flex!important; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
html body .att-paylink b{ display:block; font-weight:500; font-size:15px; }
html body .att-paylink span{ font-size:13px; color:var(--muted); }

/* ── Combined dashboard grid (Fernly + Coterie) ─────────────────────────
   desktop:  [ this week (2) ][ reminders ][ my plan (tall) ]
             [ progress ][ time tracker ][ task progress ][ my plan ]
             [ team (3) ...................................][ deadlines ] */
html body .md-kpis{ margin-bottom:14px!important; }
html body .md-kpi{ cursor:pointer; }
html body .md-grid{
  display:grid; gap:14px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-areas:
    "week week rem  plan"
    "prog track gauge plan"
    "team team team due";
}
html body .md-a-week{ grid-area:week; } html body .md-a-rem{ grid-area:rem; } html body .md-a-plan{ grid-area:plan; }
html body .md-a-prog{ grid-area:prog; } html body .md-a-track{ grid-area:track; } html body .md-a-gauge{ grid-area:gauge; }
html body .md-a-team{ grid-area:team; } html body .md-a-due{ grid-area:due; }
html body .md-grid > div{ display:flex; min-width:0; }
html body .md-grid > div > .md-card{ flex:1; min-height:0; }
html body .md-a-plan .md-plan{ min-height:100%; }
html body .md-a-plan .md-pl-list{ max-height:none; }
html body .md-sub{ font-size:12px; color:var(--muted); }
html body .md-progress, html body .md-tracker, html body .md-gaugec{ min-height:330px; }
html body .md-pchart{ min-height:150px; }

/* This week pills */
html body .md-wk-row{ flex:1; display:grid; grid-template-columns:repeat(7,1fr); gap:12px; align-items:end; min-height:200px; padding-top:22px; }
html body .md-wk{ display:flex; flex-direction:column; align-items:center; height:100%; gap:10px; }
html body .md-wk-track{ position:relative; flex:1; width:100%; display:flex; align-items:flex-end; justify-content:center; }
html body .md-wk-bar{ width:100%; max-width:72px; border-radius:999px; transition:height .8s var(--ease); }
html body .md-wk-bar.empty{ background:repeating-linear-gradient(-45deg, transparent 0 5px, color-mix(in srgb, var(--ink) 35%, transparent) 5px 6.5px); box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 30%, transparent); opacity:.7; }
html body .md-wk-bar.low{ background:var(--tint2); }
html body .md-wk-bar.mid{ background:var(--brand2); }
html body .md-wk-bar.peak, html body .md-wk-bar.today{ background:var(--brand); }
html body .md-wk-tip{ position:absolute; top:-22px; left:50%; transform:translateX(-50%); font-size:11px; font-weight:500; background:var(--card); border:1px solid var(--line); padding:2px 8px; border-radius:7px; white-space:nowrap; }
html body .md-wk small{ font-size:12px; color:var(--muted); }

/* Reminders card */
html body .md-remind{ justify-content:flex-start; }
html body .md-rm-t{ font-size:26px; line-height:1.15; font-weight:500; letter-spacing:-.025em; color:var(--brand2); margin-top:14px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
html body .md-rm-t.muted{ color:var(--ink); opacity:.55; }
html body .md-rm-w{ font-size:13px; color:var(--muted); margin-top:10px; line-height:1.45; }
html body .md-rm-b{ display:flex; gap:8px; margin-top:auto; padding-top:18px; }
html body .md-rm-b .btn{ flex:1; gap:8px; padding:12px 14px!important; }
html body .md-rm-b .btn .fi{ width:16px; height:16px; }

/* Task progress gauge */
html body .md-g-wrap{ position:relative; flex:1; display:flex; align-items:flex-end; justify-content:center; padding-top:10px; }
html body .md-gauge{ width:min(250px,100%); height:auto; overflow:visible; }
html body .md-gauge path{ fill:none; stroke-linecap:round; }
html body .md-g-base{ stroke:var(--soft); }
html body .md-g-done{ stroke:var(--brand2); }
html body .md-g-ip{ stroke:var(--brand); }
html body .md-g-pend{ stroke:url(#mdStripe); }
html body .md-g-pbg{ fill:var(--soft); } html body .md-g-pl{ stroke:color-mix(in srgb, var(--ink) 45%, transparent); stroke-width:2.2; }
html body .md-g-c{ position:absolute; bottom:4px; left:0; right:0; text-align:center; }
html body .md-g-c b{ display:block; font-size:44px; font-weight:400; letter-spacing:-.04em; line-height:1; color:var(--ink); }
html body .md-g-c span{ font-size:12px; color:var(--muted); }
html body .md-g-leg{ display:flex; justify-content:center; gap:14px; flex-wrap:wrap; font-size:12px; color:var(--ink); margin-top:14px; }
html body .md-g-leg span{ display:inline-flex; align-items:center; gap:6px; }
html body .md-g-leg i{ width:11px; height:11px; border-radius:50%; }
html body .md-g-leg i.d{ background:var(--brand2); } html body .md-g-leg i.i{ background:var(--brand); }
html body .md-g-leg i.p{ background:repeating-linear-gradient(-45deg, var(--soft) 0 2px, color-mix(in srgb, var(--ink) 45%, transparent) 2px 3px); }

/* Team */
html body .md-pillbtn{ display:inline-flex; align-items:center; gap:6px; border:1.5px solid color-mix(in srgb, var(--ink) 80%, transparent); background:transparent; color:var(--ink); border-radius:999px; padding:7px 14px; font-family:inherit; font-size:13px; cursor:pointer; }
html body .md-pillbtn:hover{ background:var(--soft); }
html body .md-pillbtn .fi{ width:14px; height:14px; }
html body .md-tm-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 26px; margin-top:6px; }
html body .md-tm{ display:flex; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent); min-width:0; }
html body .md-tm-av{ position:relative; width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; color:#2a2320; flex-shrink:0; }
html body .md-tm-dot{ position:absolute; right:-1px; bottom:-1px; width:12px; height:12px; border-radius:50%; border:2.5px solid var(--card); background:#B9BDB8; }
html body .md-tm-dot.in{ background:#22A35A; } html body .md-tm-dot.break{ background:#E0A100; } html body .md-tm-dot.away{ background:#D9822B; }
html body .md-tm-t{ flex:1; min-width:0; display:flex; flex-direction:column; }
html body .md-tm-t b{ font-weight:500; font-size:14px; }
html body .md-tm-t small{ font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body .md-tm-t strong{ color:var(--ink); font-weight:500; }
html body .md-tm-n{ font-size:11.5px; color:var(--muted); white-space:nowrap; }
html body .md-free{ background:var(--soft)!important; color:var(--muted)!important; }

/* Deadlines */
html body .md-du{ display:flex; align-items:center; gap:12px; width:100%; padding:9px 4px; border:none; background:none; text-align:left; font-family:inherit; color:var(--ink); cursor:pointer; border-radius:12px; }
html body .md-du:hover{ background:var(--soft); }
html body .md-du-i{ width:32px; height:32px; border-radius:10px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--c) 14%, transparent); color:var(--c); }
html body .md-du-i .fi{ width:16px; height:16px; }
html body .md-du-t{ min-width:0; display:flex; flex-direction:column; }
html body .md-du-t b{ font-weight:500; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body .md-du-t small{ font-size:11.5px; color:var(--muted); }
html body .md-du-t small.late{ color:#C2413A; }

html body .dash-top.fx-in .md-kpis > *{ animation:freshRise .6s var(--ease) both; }
html body .dash-top.fx-in .md-kpis > *:nth-child(2){ animation-delay:.06s; } html body .dash-top.fx-in .md-kpis > *:nth-child(3){ animation-delay:.12s; } html body .dash-top.fx-in .md-kpis > *:nth-child(4){ animation-delay:.18s; }
html body .dash-top.fx-in .md-grid > *{ animation:freshRise .6s var(--ease) both; }
html body .dash-top.fx-in .md-grid > *:nth-child(2){ animation-delay:.08s; } html body .dash-top.fx-in .md-grid > *:nth-child(3){ animation-delay:.14s; }
html body .dash-top.fx-in .md-grid > *:nth-child(4){ animation-delay:.2s; } html body .dash-top.fx-in .md-grid > *:nth-child(5){ animation-delay:.26s; } html body .dash-top.fx-in .md-grid > *:nth-child(n+6){ animation-delay:.32s; }

@media (max-width:1280px){
  html body .md-grid{ grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-areas:"week week rem" "prog track gauge" "plan plan due" "team team team"; }
}
@media (max-width:900px){
  html body .md-grid{ grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"week week" "track plan" "prog gauge" "rem due" "team team"; }
  html body .md-tm-list{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  html body .md-grid{ grid-template-columns:1fr; grid-template-areas:"track" "plan" "rem" "week" "prog" "gauge" "due" "team"; }
  html body .md-wk-row{ gap:6px; min-height:160px; }
  html body .md-progress, html body .md-tracker, html body .md-gaugec{ min-height:0; }
}
/* the dark "My plan" card must beat the generic white .panel rules */
html body .panel.md-plan, html body:not(.dark) .panel.md-plan{ background:var(--brand)!important; color:#fff!important; }
html body.dark .panel.md-plan{ background:#0A120D!important; }

/* ── Meniscus dock (phones & tablets) ──────────────────────────────────── */
html body .mn-dock{ display:none; }
@media (max-width:860px){
  html body .mn-dock{
    display:block; position:fixed; z-index:250;
    left:max(10px, env(safe-area-inset-left)); right:max(10px, env(safe-area-inset-right));
    bottom:calc(10px + env(safe-area-inset-bottom,0px)); height:98px;
    --acc:var(--tint2);
    -webkit-tap-highlight-color:transparent; user-select:none; -webkit-user-select:none;
  }
  html body .mn-skin{ position:absolute; left:0; top:0; overflow:visible; filter:drop-shadow(0 18px 30px rgba(0,0,0,.35)); }
  html body .mn-p0{ stop-color:color-mix(in srgb, var(--brand) 30%, #1b1d20); }
  html body .mn-p1{ stop-color:color-mix(in srgb, var(--brand) 18%, #0c0d0f); }
  html body .mn-fill{ fill:url(#mnPlate); }
  html body .mn-rim{ fill:none; stroke:url(#mnRim); stroke-width:1.2; }
  html body .mn-glow{
    position:absolute; left:0; top:-30px; width:120px; height:120px; border-radius:50%; pointer-events:none;
    background:radial-gradient(circle, color-mix(in srgb, var(--acc) 38%, transparent) 0%, transparent 65%);
    filter:blur(8px); opacity:.85; transition:opacity .3s;
  }
  html body .mn-bead{
    position:absolute; left:0; top:0; width:54px; height:54px; border-radius:50%;
    background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--acc) 70%, #fff) 0%, var(--acc) 55%, color-mix(in srgb, var(--acc) 75%, #000) 100%);
    box-shadow:0 0 0 5px color-mix(in srgb, var(--acc) 16%, transparent), 0 10px 26px -6px color-mix(in srgb, var(--acc) 70%, transparent), inset 0 1px 0 rgba(255,255,255,.5);
    display:flex; align-items:center; justify-content:center; color:#121410; cursor:grab; touch-action:none; z-index:2;
    will-change:transform;
  }
  html body .mn-dock.dragging .mn-bead{ cursor:grabbing; box-shadow:0 0 0 8px color-mix(in srgb, var(--acc) 20%, transparent), 0 16px 34px -6px color-mix(in srgb, var(--acc) 80%, transparent), inset 0 1px 0 rgba(255,255,255,.5); }
  html body .mn-bead-i{ display:flex; animation:mnPop .3s var(--ease); }
  html body .mn-bead-i .fi{ width:22px; height:22px; stroke-width:2; }
  @keyframes mnPop{ from{ transform:scale(.6); opacity:.2; } to{ transform:none; opacity:1; } }
  html body .mn-tabs{ position:absolute; left:40px; right:40px; top:24px; height:74px; display:flex; }
  html body .mn-tab{
    flex:1; border:none; background:none; color:rgba(255,255,255,.62); font-family:inherit; cursor:pointer;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:8px 0 0; position:relative;
  }
  html body .mn-ti{ display:flex; transition:opacity .2s, transform .25s var(--ease); opacity:calc(1 - var(--lift,0)); transform:translateY(calc(var(--lift,0) * -10px)) scale(calc(1 - var(--lift,0) * .3)); }
  html body .mn-ti .fi{ width:21px; height:21px; }
  html body .mn-tl{ font-size:11px; font-weight:500; letter-spacing:.01em; opacity:0; transform:translateY(-4px); transition:opacity .2s, transform .25s var(--ease); color:var(--acc); position:absolute; bottom:12px; }
  html body .mn-tab.on .mn-tl{ opacity:1; transform:none; }
  html body .mn-dock.off-tab .mn-bead{ opacity:.55; }
  html body .mn-dock.off-tab .mn-tab .mn-tl{ opacity:0; }
  /* room for the dock */
  html body .content{ padding-bottom:140px!important; }
  html body .waq-fab{ bottom:calc(118px + env(safe-area-inset-bottom,0px))!important; }
  html body .toast{ bottom:calc(120px + env(safe-area-inset-bottom,0px))!important; }
  html body #mdRemStack{ bottom:calc(120px + env(safe-area-inset-bottom,0px)); }
}
@media (max-width:860px) and (prefers-reduced-motion: reduce){ html body .mn-bead-i{ animation:none; } }

/* ── Notice pop-ups (send / reply) — these had no styles before v075 ─────── */
html body .pn-ov{ position:fixed; inset:0; z-index:2147483200; display:flex; align-items:center; justify-content:center; padding:16px;
  background:color-mix(in srgb, var(--brand) 25%, rgba(8,10,9,.55)); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
html body .pn-box{ width:100%; max-width:460px; max-height:88vh; overflow:auto; background:var(--card); color:var(--ink); border-radius:26px;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.5); animation:freshRise .35s var(--ease) both; }
html body .pn-head{ background:var(--hero); color:#fff; padding:20px 22px; font-size:18px; font-weight:500; letter-spacing:-.01em; }
html body .pn-head.info{ background:linear-gradient(150deg, var(--brand2), color-mix(in srgb, var(--brand2) 60%, #000)); }
html body .pn-sub{ font-size:12.5px; color:var(--muted); padding:12px 22px 0; }
html body .pn-body{ padding:16px 22px 6px; }
html body .pn-msg{ font-size:17px; line-height:1.45; }
html body .pn-when{ font-size:12px; color:var(--muted); margin-top:8px; }
html body .pn-l{ display:block; font-size:12.5px; font-weight:500; color:var(--ink); margin-bottom:8px; }
html body .pn-quick{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
html body .pn-quick button{ border:1px solid var(--line); background:var(--card); color:var(--ink); border-radius:999px; padding:7px 12px; font-family:inherit; font-size:12.5px; cursor:pointer; }
html body .pn-quick button.on, html body .pn-quick button:hover{ background:var(--brand); border-color:var(--brand); color:#fff; }
html body #pn-by, html body #pn-msg{ width:100%; box-sizing:border-box; background:var(--soft); border:1px solid var(--line); border-radius:12px; padding:11px 14px; font-family:inherit; font-size:14px; color:var(--ink); }
html body #pn-msg{ resize:vertical; }
html body .pn-people{ display:flex; flex-wrap:wrap; gap:6px; }
html body .pn-who{ display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:999px; padding:6px 12px; font-size:13px; cursor:pointer; }
html body .pn-who input{ accent-color:var(--brand2); }
html body .pn-note{ font-size:12px; color:var(--muted); margin-top:10px; }
html body .pn-foot{ display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:14px 22px 20px; }
html body .pn-warn{ flex:1; font-size:12px; color:var(--muted); }

/* small fixes */
html body .an-kpis > .kpi:first-child .an-d{ color:#fff!important; }
html body .an-kpis > .kpi:first-child .an-spark-a{ fill:rgba(255,255,255,.12); }
html body .an-kpis > .kpi:first-child .an-spark-l{ stroke:rgba(255,255,255,.85); }
html body .md-seg label{ text-transform:none!important; letter-spacing:0!important; font-weight:400!important; }
html body .md-pl-add input[type=time]{ width:78px; padding:8px 4px!important; }

/* v076: shared client dashboard, aligned with the main workspace. */
html body .cd-dashboard { min-width:0; }
html body .cd-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:4px 4px 22px; }
html body .cd-stage>div:first-child { display:flex; justify-content:space-between; gap:6px; font-size:12px; color:var(--muted); margin-bottom:9px; }
html body .cd-stage b { color:var(--ink); font-weight:500; }
html body .cd-track { height:13px; border-radius:20px; overflow:hidden; background:var(--line); }
html body .cd-fill { display:block; height:100%; border-radius:20px; background:var(--brand); }
html body .cd-fill-work { background:var(--tint2); }
html body .cd-fill-scheduled { background:repeating-linear-gradient(-45deg,var(--tint) 0 4px,var(--brand2) 4px 5px); }
html body .cd-fill-done { background:var(--brand2); }
html body .cd-kpis { grid-template-columns:repeat(4,minmax(0,1fr))!important; margin-bottom:14px!important; }
html body .cd-kpi { text-align:left; cursor:pointer; width:100%; font-family:inherit; }
html body .cd-kpi>span { display:block; }
html body .cd-kpi .kt { display:flex; align-items:center; justify-content:space-between; gap:8px; }
html body .cd-arrow { display:grid; place-items:center; width:32px; height:32px; border:1px solid currentColor; border-radius:50%; font-size:16px; flex-shrink:0; }
html body .cd-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:14px; }
html body .cd-grid>.panel { margin:0!important; min-width:0; display:flex; flex-direction:column; }
html body .cd-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
html body .cd-card-head h3 { margin:0!important; }
html body .cd-card-head>span, html body .cd-card-foot>span { color:var(--muted); font-size:12px; }
html body .cd-link { display:inline-flex; gap:14px; align-items:center; background:transparent; border:0; color:inherit; font-size:12px; cursor:pointer; padding:8px 0; }
html body .cd-link span { font-size:18px; }
html body .cd-card-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:12px; }
html body .cd-week-chart { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:18px; padding:24px 2px 10px; }
html body .cd-day { display:flex; align-items:center; flex-direction:column; gap:7px; color:var(--muted); font-size:12px; }
html body .cd-day b { font-weight:500; color:var(--ink); }
html body .cd-day-track { height:116px; width:100%; display:flex; align-items:flex-end; justify-content:center; }
html body .cd-day-bar { width:100%; max-width:68px; border-radius:40px; background:var(--brand2); }
html body .cd-day-bar.is-empty { background:repeating-linear-gradient(-45deg,transparent 0 5px,var(--line) 5px 6px); border:1px solid var(--line); }
html body .cd-day.is-today>span { background:var(--brand); color:white; border-radius:20px; padding:2px 9px; margin:-2px 0; }
html body .cd-day small { font-size:11px; }
html body .cd-grid>.cd-attention { background:var(--brand)!important; color:#fff!important; grid-row:span 2; }
html body .cd-attention h3 { color:#fff!important; }
html body .cd-card-head .cd-attention-count { font-size:32px; color:#fff; font-weight:400; }
html body .cd-intro { font-size:12px; color:rgba(255,255,255,.7); line-height:1.6; margin:8px 0 20px; }
html body .cd-post { display:flex; width:100%; align-items:center; justify-content:space-between; gap:14px; text-align:left; color:inherit; background:none; border:0; border-bottom:1px solid var(--line); padding:15px 0; cursor:pointer; }
html body .cd-post:last-child { border-bottom:0; }
html body .cd-post-copy { min-width:0; }
html body .cd-post strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-weight:500; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
html body .cd-post small { display:block; font-size:11px; color:var(--muted); margin-top:5px; }
html body .cd-tag { flex-shrink:0; border-radius:20px; background:var(--panel); padding:5px 9px; font-size:10px; }
html body .cd-attention .cd-post { border-color:rgba(255,255,255,.12); }
html body .cd-attention .cd-post small { color:rgba(255,255,255,.65); }
html body .cd-attention .cd-tag { background:rgba(255,255,255,.12); color:#fff; }
html body .cd-empty { padding:28px 0 12px; color:var(--muted); font-size:13px; }
html body .cd-clear { display:flex; flex-direction:column; align-items:center; gap:12px; padding:40px 0; }
html body .cd-clear>span { display:grid; place-items:center; width:50px; height:50px; border:1px solid #ffffff50; border-radius:50%; font-size:24px; }
html body .cd-clear small { color:#ffffffb3; }
html body .cd-dashboard button:focus-visible { outline:3px solid var(--tint2); outline-offset:4px; }
@media(max-width:1100px){ html body .cd-kpis { grid-template-columns:repeat(2,minmax(0,1fr))!important; } html body .cd-grid { grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr); } }
@media(max-width:760px){ html body .cd-grid { grid-template-columns:minmax(0,1fr); } html body .cd-grid>.cd-attention { grid-row:auto; } html body .cd-progress { grid-template-columns:repeat(2,minmax(0,1fr)); } html body .cd-week-chart { gap:10px; } html body .cd-card-head { flex-wrap:wrap; } html body .cd-kpi .kv { font-size:38px!important; } html body .cd-kpi { padding:16px!important; min-height:148px!important; } html body .cd-kpi .kt { font-size:13px!important; } html body .cd-arrow { width:26px; height:26px; } }
html body .cd-kpi .kt { padding-right:0!important; }

/* v077 — shared client workspace, navigation and content collections */
html body .cw-sr { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html body[data-workspace="client"] .sidebar { overflow-y:auto!important; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
html body[data-workspace="client"] .sidebar .brand { padding-bottom:22px!important; }
html body[data-workspace="client"] .sidebar .bname { min-width:0; }
html body[data-workspace="client"] .sidebar .bname b { overflow-wrap:anywhere; line-height:1.25; }
html body[data-workspace="client"] #sideNav { padding:8px 14px 20px!important; }
html body .cw-nav-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 6px 16px; color:var(--muted); font-size:9px; letter-spacing:.08em; }
html body .cw-nav-heading button { background:none; border:0; color:var(--brand2); padding:8px 4px; cursor:pointer; font-size:11px; }
html body .cw-nav-list { display:flex; flex-direction:column; gap:7px; }
html body .cw-nav-row { display:flex; align-items:center; border-radius:18px; min-width:0; position:relative; }
html body .cw-nav-row .nav-i { flex:1; width:100%; min-width:0; border-radius:18px!important; padding:12px 10px!important; margin:0!important; gap:10px!important; min-height:50px; }
html body .cw-nav-label { flex:1; text-align:left; font-size:13px; }
html body .cw-nav-row .nav-i.active { background:var(--brand)!important; color:#fff!important; }
html body .cw-nav-row .nav-i.active:before { display:none!important; }
html body .cw-nav-row .ico { width:30px!important; height:30px!important; border-radius:50%!important; flex-shrink:0; display:grid!important; place-items:center; }
html body .cw-nav-row .active .ico { color:var(--brand)!important; background:var(--tint2)!important; box-shadow:0 0 0 5px color-mix(in srgb,var(--tint2) 25%,transparent)!important; }
html body .cw-nav-row .ct { min-width:20px; margin:0!important; }
html body .cw-grip { flex-shrink:0; width:32px; min-height:48px; border:0; background:none; color:var(--muted); font-size:23px; cursor:grab; touch-action:none; padding:0; }
html body .cw-grip[hidden], html body .cw-nav-hint[hidden] { display:none; }
html body .cw-nav-row.cw-dragging { background:var(--tint); outline:2px solid var(--brand2); box-shadow:0 6px 14px #0002; z-index:2; }
html body .cw-nav-hint { font-size:11px; color:var(--muted); line-height:1.6; margin:12px 8px; }
html body .cw-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 20px; flex-wrap:wrap; }
html body .cw-toolbar h2 { font-size:18px; font-weight:500; letter-spacing:-.02em; margin:0 0 5px; }
html body .cw-toolbar>div>span { font-size:12px; color:var(--muted); }
html body .cw-tools { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
html body .cw-filter select { max-width:100%; background:var(--card); border:1px solid var(--line); border-radius:30px; padding:11px 30px 11px 14px; color:var(--ink); font-size:12px; }
html body .cw-layout { display:flex; padding:4px; gap:3px; border:1px solid var(--line); border-radius:30px; background:var(--card); }
html body .cw-layout button { display:flex; align-items:center; gap:6px; padding:7px 12px; border:0; border-radius:24px; background:none; color:var(--muted); cursor:pointer; font-size:12px; }
html body .cw-layout button[aria-pressed="true"] { background:var(--brand); color:#fff; }
html body .cw-layout .fi { width:15px; height:15px; }
html body .cw-posts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
html body .cw-post-card { min-width:0; min-height:224px; display:flex; flex-direction:column; gap:16px; text-align:left; padding:22px; border:1px solid transparent; border-radius:22px; color:var(--ink); background:var(--card); cursor:pointer; transition:border-color .18s,transform .18s; }
html body .cw-post-card:hover { border-color:var(--brand2); transform:translateY(-2px); }
html body .cw-post-top { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
html body .cw-type { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--muted); }
html body .cw-type .fi, html body .cw-post-bottom .fi { width:15px; height:15px; flex-shrink:0; }
html body .cw-status { border-radius:20px; padding:5px 9px; background:var(--panel); font-size:10px; line-height:1.4; color:var(--muted); }
html body .cw-status.is-done { background:var(--tint); color:var(--brand); }
html body .cw-status.is-review { background:#fff0d7; color:#785110; }
html body .cw-post-card>strong { font-size:18px; font-weight:500; line-height:1.45; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
html body .cw-platforms { font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
html body .cw-post-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:16px; margin-top:auto; border-top:1px solid var(--line); width:100%; font-size:12px; color:var(--muted); gap:10px; }
html body .cw-post-bottom>span:first-child { display:flex; gap:6px; align-items:center; }
html body .cw-open { font-size:18px; color:var(--ink); }
html body .cw-posts.cw-list { grid-template-columns:1fr; }
html body .cw-list .cw-post-card { display:grid; grid-template-columns:minmax(160px,1fr) minmax(0,2fr) minmax(100px,1fr) minmax(140px,1fr); min-height:0; align-items:center; padding:18px 22px; }
html body .cw-list .cw-post-top { justify-content:flex-start; }
html body .cw-list .cw-post-card>strong { font-size:15px; -webkit-line-clamp:2; }
html body .cw-list .cw-post-bottom { border:0; padding:0; margin:0; }
html body .cw-blank { grid-column:1/-1; display:flex; align-items:center; flex-direction:column; text-align:center; background:var(--card); border-radius:24px; padding:65px 22px; }
html body .cw-blank>span { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:var(--tint); color:var(--brand); margin-bottom:20px; }
html body .cw-blank .fi { width:24px; height:24px; }
html body .cw-blank h3 { font-size:22px; font-weight:500; margin:0 0 8px; }
html body .cw-blank p { font-size:13px; color:var(--muted); margin:0; line-height:1.6; }
html body[data-workspace="client"] #view-ccomp .idea { background:var(--card)!important; border:1px solid transparent!important; border-radius:22px!important; padding:24px!important; box-shadow:none!important; }
html body[data-workspace="client"] #view-ccomp .idea:hover { border-color:var(--brand2)!important; }
html body[data-workspace="client"] #view-ccomp .it { font-size:19px!important; font-weight:500!important; margin-bottom:14px; }
html body[data-workspace="client"] #view-ccal .cal-bar { background:var(--card); border-radius:22px; padding:14px; gap:8px; }
html body[data-workspace="client"] #view-ccal .day { border-radius:14px; background:var(--card); }
html body[data-workspace="client"] #view-ccal .day.today { box-shadow:inset 0 0 0 2px var(--brand2)!important; }
html body[data-workspace="client"] #view-ccal .ev { border-radius:10px; box-shadow:none; }
html body .cw-collection button:focus-visible, html body .cw-nav-row button:focus-visible, html body .mn-dock :focus-visible { outline:3px solid var(--tint2); outline-offset:3px; }
@media(max-width:1200px){html body .cw-posts { grid-template-columns:repeat(2,minmax(0,1fr)); } html body .cw-list .cw-post-card { grid-template-columns:minmax(130px,1fr) minmax(0,2fr); } }
@media(max-width:860px){
  html body .mn-client:before { content:""; position:absolute; inset:16px 0 0; border-radius:26px; background:var(--brand); box-shadow:0 10px 28px #0003; }
  html body .mn-client .mn-skin, html body .mn-client .mn-glow { display:none; }
  html body .mn-client .mn-tabs { left:16px; right:16px; }
  html body .mn-client .mn-tl { opacity:1; transform:none; bottom:10px; color:#ffffffb3; font-size:10px; }
  html body .mn-client .mn-tab.on .mn-tl { color:var(--tint2); }
  html body .mn-client .mn-ti { margin-top:-13px; }
  html body .mn-client .mn-bead { background:var(--tint2); box-shadow:0 0 0 6px color-mix(in srgb,var(--tint2) 26%,transparent); }
  html body[data-workspace="client"] #pageHeadAct { flex-wrap:wrap; }
  html body[data-workspace="client"] .cal-bar { flex-wrap:wrap; }
  html body[data-workspace="client"] #ccalLabel { font-size:17px; order:-1; flex-basis:100%; }
}
@media(max-width:600px){
  html body .cw-posts { grid-template-columns:1fr; }
  html body .cw-post-card { min-height:200px; padding:20px; }
  html body .cw-toolbar { gap:14px; }
  html body .cw-tools { width:100%; justify-content:space-between; gap:8px; }
  html body .cw-filter { min-width:0; flex:1; }
  html body .cw-filter select { width:100%; }
  html body .cw-layout button { padding:8px 10px; }
  html body .cw-layout button span { display:none; }
  html body .cw-list .cw-post-card { grid-template-columns:minmax(0,1fr); gap:10px; }
  html body .cw-list .cw-post-top { justify-content:space-between; }
  html body .cw-list .cw-post-bottom { padding-top:10px; border-top:1px solid var(--line); }
  html body[data-workspace="client"] #view-ccomp .idea-grid { grid-template-columns:1fr!important; }
}
@media(prefers-reduced-motion:reduce){html body .cw-post-card { transition:none; } }
html body .cw-search { display:block; margin-bottom:18px; }
html body .cw-search input { display:block; width:100%; border:1px solid var(--line); background:var(--card); border-radius:28px; padding:13px 18px; font-size:13px; color:var(--ink); box-sizing:border-box; }
html body[data-workspace="client"][data-view="cposts"] #searchWrap { display:none!important; }
html body .cw-backdrop { display:none; }
@media(max-width:860px){
  html body[data-workspace="client"]:has(#sidebar.open) .cw-backdrop { display:block; position:fixed; inset:0; border:0; background:#101a1355; backdrop-filter:blur(3px); z-index:290; }
  html body[data-workspace="client"] #pageHead { flex-direction:column; align-items:flex-start; gap:14px; }
  html body[data-workspace="client"] #pageHeadAct { justify-content:flex-start; }
}

/* v078 — CRM workspace */
html body[data-workspace="crm"] .ws-switch { display:none; }
html body[data-workspace="crm"] #sideNav { padding:8px 14px 20px!important; }
html body .crx-back { margin:24px 8px 8px; background:none; border:0; color:var(--muted); font-size:12px; cursor:pointer; padding:10px 0; }
html body .crx-wrap { min-width:0; }
html body .crx-wrap .crm-seg, html body .crx-wrap .crm-disc-btn, html body .crx-wrap .crm-more { display:none!important; }
html body .crx-wrap>.crm-acts-row { justify-content:flex-end; margin:-8px 0 22px; gap:10px; flex-wrap:wrap; }
html body .crx-wrap>.crm-acts-row .btn { border-radius:28px!important; font-size:13px!important; padding:12px 20px!important; }
html body .crx-wrap .crm-bar { border:0!important; padding:0!important; background:transparent!important; box-shadow:none!important; margin-bottom:14px; }
html body .crx-wrap[data-section="dashboard"] .crm-bar, html body .crx-wrap[data-section="tools"] .crm-bar,
html body .crx-wrap[data-section="dashboard"] .crx-result-bar, html body .crx-wrap[data-section="tools"] .crx-result-bar { display:none!important; }
html body .crx-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px!important; margin-bottom:14px!important; }
html body .crx-kpis[hidden] { display:none!important; }
html body .crx-kpi { text-align:left; width:100%; cursor:pointer; min-width:0; }
html body .crx-kpi .kt { display:flex; justify-content:space-between; align-items:center; gap:8px; padding-right:0; }
html body .crx-arrow { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; border:1px solid currentColor; flex-shrink:0; }
html body .crx-kpi .kv { display:block; overflow-wrap:anywhere; }
html body .crx-kpi .crx-money { font-size:34px!important; }
html body .crx-kpi .kd { display:block; }
html body .crx-dashboard { display:grid; grid-template-columns:minmax(0,2fr) minmax(290px,1fr); gap:14px; }
html body .crx-dashboard>.panel { margin:0!important; min-width:0; display:flex; flex-direction:column; }
html body .crx-card-head { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }
html body .crx-card-head h3 { margin:0!important; }
html body .crx-link { display:inline-flex; align-items:center; gap:12px; color:inherit; background:none; border:0; padding:8px 0; cursor:pointer; font-size:12px; }
html body .crx-link>span { font-size:18px; }
html body .crx-muted { font-size:12px; color:var(--muted); line-height:1.6; margin:8px 0 24px; }
html body .crx-stages { display:flex; flex-direction:column; gap:18px; margin:6px 0 28px; }
html body .crx-stage { display:grid; grid-template-columns:minmax(100px,1fr) minmax(60px,2.5fr) 28px; align-items:center; gap:16px; background:none; border:0; text-align:left; color:var(--ink); font-size:13px; padding:4px 0; cursor:pointer; }
html body .crx-stage>span:first-child { overflow-wrap:anywhere; }
html body .crx-stage b { font-weight:500; text-align:right; }
html body .crx-stage-track { height:24px; border-radius:20px; background:var(--panel); overflow:hidden; }
html body .crx-stage-track>span { display:block; height:100%; background:var(--brand2); border-radius:20px; }
html body .crx-pipeline-foot { display:flex; align-items:center; gap:20px; justify-content:space-between; flex-wrap:wrap; border-top:1px solid var(--line); padding-top:20px; margin-top:auto; font-size:12px; color:var(--muted); }
html body .crx-pipeline-foot b { font-size:30px; font-weight:400; letter-spacing:-.04em; color:var(--ink); margin-right:8px; }
html body .crx-pipeline-foot small { font-size:11px; }
html body .crx-dashboard>.crx-priorities { grid-row:span 2; background:var(--brand)!important; color:white!important; }
html body .crx-priorities h3 { color:white!important; }
html body .crx-priorities .crx-card-head>b { font-size:32px; font-weight:400; }
html body .crx-priorities .crx-muted { color:#ffffffb3; }
html body .crx-lead { display:flex; align-items:center; gap:12px; width:100%; border:0; border-bottom:1px solid var(--line); color:inherit; background:none; padding:16px 0; text-align:left; cursor:pointer; }
html body .crx-lead:last-child { border-bottom:0; }
html body .crx-avatar { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border-radius:50%; background:var(--tint); color:var(--brand); font-size:11px; }
html body .crx-lead-copy { flex:1; min-width:0; }
html body .crx-lead strong { font-size:14px; font-weight:500; overflow-wrap:anywhere; line-height:1.5; }
html body .crx-lead small { display:block; color:var(--muted); font-size:11px; margin-top:4px; overflow-wrap:anywhere; }
html body .crx-lead-meta { text-align:right; font-size:10px; max-width:40%; }
html body .crx-priorities .crx-lead { border-color:#ffffff20; }
html body .crx-priorities .crx-lead small { color:#ffffffa8; }
html body .crx-priorities .crx-avatar { background:#ffffff15; color:#fff; }
html body .crx-priorities .crx-lead-meta { color:#dfece3; }
html body .crx-card-foot { margin-top:auto; padding-top:24px; }
html body .crx-caught { display:flex; align-items:center; flex-direction:column; padding:38px 12px; gap:14px; text-align:center; }
html body .crx-caught .fi { width:38px; height:38px; }
html body .crx-caught small { color:#ffffffb3; }
html body .crx-empty { padding:30px 0; font-size:13px; color:var(--muted); line-height:1.6; }
html body .crx-result-bar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:6px 0 16px; font-size:12px; color:var(--muted); }
html body .crx-follow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:start; }
html body .crx-follow-grid>.panel { margin:0!important; min-width:0; }
html body .crx-count { background:var(--tint); color:var(--brand); border-radius:20px; padding:5px 10px; font-size:12px; }
html body .crx-missing { margin-top:14px!important; }
html body .crx-missing summary { cursor:pointer; font-size:14px; }
html body .crx-missing summary span { margin-left:10px; color:var(--muted); }
html body .crx-tools-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
html body .crx-tool { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:16px; text-align:left; color:var(--ink); cursor:pointer; min-width:0; margin:0!important; min-height:210px; }
html body .crx-tool-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--tint); color:var(--brand); }
html body .crx-tool .fi { width:20px; height:20px; }
html body .crx-tool strong { font-size:18px; font-weight:500; }
html body .crx-tool small { font-size:13px; color:var(--muted); line-height:1.5; }
html body .crx-tool-arrow { position:absolute; right:22px; top:24px; font-size:20px; }
html body .crx-wrap .crm-board { gap:14px!important; padding-bottom:18px; }
html body .crx-wrap .crm-col { background:var(--card)!important; min-width:260px; }
html body .crx-wrap .crm-col-h { padding:18px!important; border-bottom:1px solid var(--line); }
html body .crx-wrap .crm-col-h b { font-weight:500!important; font-size:14px!important; }
html body .crx-wrap .crm-card { background:var(--panel)!important; padding:16px!important; margin-bottom:10px; }
html body .crx-wrap .crm-card-top b { font-size:15px!important; font-weight:500!important; }
html body .crx-wrap .crm-search, html body .crx-wrap .crm-sel { background:var(--card)!important; border:1px solid var(--line)!important; border-radius:24px!important; }
html body .crx-wrap .crm-table td, html body .crx-wrap .crm-table th { padding:16px!important; }
html body .crx-wrap .crm-table td b { font-weight:500; }
html body .crx-wrap button:focus-visible, html body .crx-back:focus-visible { outline:3px solid var(--tint2); outline-offset:3px; }
@media(max-width:1200px){html body .crx-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } html body .crx-follow-grid { grid-template-columns:1fr; } html body .crx-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:860px){
  html body[data-workspace="crm"]:has(#sidebar.open) .cw-backdrop { display:block; position:fixed; inset:0; border:0; background:#101a1355; backdrop-filter:blur(3px); z-index:290; }
  html body .crx-dashboard { grid-template-columns:1fr; }
  html body .crx-dashboard>.crx-priorities { grid-row:auto; }
  html body .crx-wrap>.crm-acts-row { margin:0 0 18px; justify-content:flex-start; }
  html body .crx-wrap .crm-filts { width:100%; }
  html body .crx-wrap .crm-filts>label { width:100%; }
  html body .crx-wrap .crm-filts select { width:100%; }
  html body .crx-wrap .crm-card .crm-note { display:none; }
}
@media(max-width:600px){
  html body .crx-kpi { padding:16px!important; min-height:156px!important; }
  html body .crx-kpi .kt { font-size:12px!important; align-items:flex-start; }
  html body .crx-arrow { width:24px; height:24px; }
  html body .crx-kpi .kv { font-size:32px!important; }
  html body .crx-kpi .crx-money { font-size:26px!important; }
  html body .crx-kpi .kd { font-size:11px!important; }
  html body .crx-stage { grid-template-columns:minmax(84px,1fr) minmax(50px,1.4fr) 24px; gap:10px; font-size:12px; }
  html body .crx-tools-grid { grid-template-columns:1fr; }
  html body .crx-wrap .crm-wa-btn, html body .crx-wrap .crm-new-btn { flex:1; white-space:nowrap; padding:11px 12px!important; font-size:12px!important; }
  html body .crx-wrap .crm-acts-row .crm-spacer { display:none; }
}
@media(max-width:600px){
  html body .crx-wrap .crm-table { display:block; width:100%; min-width:0!important; }
  html body .crx-wrap .crm-table thead { display:none; }
  html body .crx-wrap .crm-table tbody { display:grid; grid-template-columns:1fr; gap:14px; }
  html body .crx-wrap .crm-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; padding:18px; border:1px solid var(--line); border-radius:20px; background:var(--card); }
  html body .crx-wrap .crm-table td { display:block; padding:0!important; border:0!important; white-space:normal!important; min-width:0; overflow-wrap:anywhere; font-size:12px; }
  html body .crx-wrap .crm-table td:first-child { grid-column:1/-1; font-size:17px; line-height:1.5; }
  html body .crx-wrap .crm-table td:nth-child(3) { grid-column:1/-1; color:var(--muted); }
  html body .crx-wrap .crm-table td:nth-child(6), html body .crx-wrap .crm-table td:nth-child(8) { display:none; }
  html body .crx-wrap .crm-table td:nth-child(4):before { content:'Value'; }
  html body .crx-wrap .crm-table td:nth-child(5):before { content:'Follow-up'; }
  html body .crx-wrap .crm-table td:nth-child(7):before { content:'Assigned to'; }
  html body .crx-wrap .crm-table td:before { display:block; font-size:10px; color:var(--muted); margin-bottom:5px; }
  html body .crx-wrap #crmBody>.panel:has(.crm-table) { padding:0!important; background:transparent!important; }
}
@media(max-width:600px){ html body .crx-wrap .crm-table td { background:transparent!important; } }
/* v079: calm analytics, scoped to this page */
html body .ax-page .ax-scope { color:var(--muted); font-size:12px; line-height:1.6; margin:4px 0 18px; }
html body .ax-page .an-bar { margin-bottom:16px; }
html body .ax-page .an-kpis { margin-bottom:24px!important; }
html body .ax-page .pf-panel { padding:24px!important; margin-bottom:18px!important; }
html body .ax-page .pf-head { margin-bottom:4px; gap:16px; }
html body .ax-page .pf-seg-btns { background:var(--panel); border:0; border-radius:24px; padding:4px; gap:3px; display:inline-flex; margin:0; }
html body .ax-page .pf-seg-btns button { border:0!important; border-radius:20px; background:transparent; font-size:12px; font-weight:500; padding:8px 14px; }
html body .ax-page .pf-seg-btns button.on { background:var(--brand); color:white; }
html body .ax-page .pf-filters { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
html body .ax-page .pf-flab { font-size:11px; color:var(--muted); }
html body .ax-page .pf-type { width:auto!important; max-width:100%; flex:0 1 240px; background:var(--panel); border:1px solid var(--line); border-radius:24px; padding:10px 14px; font-size:12px; }
html body .ax-page .pf-panel[data-kind="post"] .pf-type, html body .ax-page .pf-panel[data-kind="post"] .pf-flab { display:none; }
html body .ax-page .pf-stats { gap:10px; margin-bottom:20px; }
html body .ax-page .pf-stat { border:0; border-radius:18px; padding:16px; background:var(--panel); gap:5px; }
html body .ax-page .pf-stat b { font-size:30px; font-weight:400; color:var(--ink); }
html body .ax-page .pf-stat span { font-weight:400; font-size:11px; }
html body .ax-page .pf-stat .pf-dlt { font-size:10px; }
html body .ax-page .pf-panel[data-kind="post"] .pf-stat.sep { flex:0 1 auto; min-width:200px; background:var(--brand); }
html body .ax-page .pf-panel[data-kind="post"] .pf-stat.sep b { color:#fff; }
html body .ax-page .pf-panel[data-kind="post"] .pf-stat.sep span { color:#ffffffba; }
html body .ax-page .pf-chip { font-weight:400; font-size:12px; padding:8px 12px; }
html body .ax-page .pf-chip.on { background:var(--brand); border-color:var(--brand); color:#fff; }
html body .ax-page .pf-chips { margin-bottom:30px; }
html body .ax-page .pf-axis, html body .ax-page .pf-canvas { height:230px!important; }
html body .ax-page .pf-canvas { border-left:0; }
html body .ax-page .pf-cols { gap:7px; }
html body .ax-page .pf-col { min-width:24px; border-radius:18px 18px 0 0; }
html body .ax-page .pf-col.today, html body .ax-page .pf-col.sel { background:var(--tint); }
html body .ax-page .pf-bar-stack { border-radius:18px 18px 5px 5px; overflow:hidden; box-shadow:none; min-height:0; }
html body .ax-page .pf-seg { box-shadow:none; border:0; }
html body .ax-page .pf-val { font-weight:500; font-size:11px; }
html body .ax-page .pf-day { font-size:10px; font-weight:500; color:var(--ink)!important; }
html body .ax-page .pf-dow { color:var(--muted); }
html body .ax-page .pf-avg-line { border-top:1px dashed var(--brand2); opacity:.65; }
html body .ax-page .pf-avg-lbl { background:var(--brand); color:#fff; border-radius:12px; font-weight:400; padding:3px 7px; }
html body .ax-page .pf-legend { gap:12px; margin-top:18px; }
html body .ax-page .pf-hint { font-weight:400; font-size:11px; color:var(--muted); margin-top:12px; line-height:1.6; }
html body .ax-page .pf-detail { background:var(--panel); border-radius:18px; border:0; padding:16px; margin-top:20px; }
html body .ax-page .ax-insights { display:grid; grid-template-columns:minmax(250px,1fr) minmax(0,2fr); gap:16px; margin-bottom:18px; }
html body .ax-page .ax-insights>.panel { margin:0!important; }
html body .ax-page .ax-eyebrow { font-size:10px; letter-spacing:.08em; color:var(--muted); display:block; margin-bottom:8px; }
html body .ax-page .ax-insights h3 { margin:0!important; }
html body .ax-page .panel.ax-completion { background:var(--brand)!important; color:#fff; display:flex; flex-direction:column; align-items:center; text-align:center; }
html body .ax-page .ax-completion h3 { color:#fff!important; }
html body .ax-page .ax-completion .ax-eyebrow { color:#ffffffa8; }
html body .ax-page .ax-progress-ring { width:174px; height:174px; flex-shrink:0; border-radius:50%; background:conic-gradient(var(--tint2) calc(var(--progress)*1%),#ffffff20 0); padding:12px; margin:28px 0; box-sizing:border-box; }
html body .ax-page .ax-progress-ring>span { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; background:var(--brand); border-radius:50%; }
html body .ax-page .ax-progress-ring b { font-size:40px; font-weight:400; letter-spacing:-.04em; }
html body .ax-page .ax-progress-ring small { font-size:11px; color:#ffffffb3; margin-top:4px; }
html body .ax-page .ax-completion-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 14px; font-size:11px; line-height:1.6; color:#ffffffc7; }
html body .ax-page .ax-break-head { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
html body .ax-page .ax-break-note { font-size:11px; color:var(--muted); }
html body .ax-page .ax-tabs { display:flex; gap:4px; flex-wrap:wrap; margin:22px 0; }
html body .ax-page .ax-tabs button { border:0; border-radius:22px; background:var(--panel); color:var(--muted); padding:9px 14px; cursor:pointer; font-size:12px; }
html body .ax-page .ax-tabs button[aria-pressed="true"] { background:var(--brand); color:#fff; }
html body .ax-page .ax-chart { display:flex; flex-direction:column; gap:17px; max-height:350px; overflow-y:auto; }
html body .ax-page .ax-bar>div:first-child { display:flex; justify-content:space-between; gap:16px; margin-bottom:7px; font-size:12px; }
html body .ax-page .ax-bar b { font-weight:500; }
html body .ax-page .ax-track { height:10px; border-radius:20px; background:var(--panel); overflow:hidden; }
html body .ax-page .ax-track>span { display:block; height:100%; background:var(--brand2); border-radius:20px; }
html body .ax-page button:focus-visible, html body .ax-page [role="button"]:focus-visible { outline:3px solid var(--tint2); outline-offset:3px; }
@media(max-width:760px){
 html body .ax-page .ax-insights { grid-template-columns:1fr; }
 html body .ax-page .pf-panel { padding:18px!important; }
 html body .ax-page .pf-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 html body .ax-page .pf-stat.sep { grid-column:1/-1; }
 html body .ax-page .pf-stat { min-width:0; }
 html body .ax-page .pf-filters { align-items:flex-start; }
 html body .ax-page .pf-flab { display:none; }
 html body .ax-page .pf-seg-btns button { padding:8px 10px; font-size:11px; }
 html body .ax-page .pf-axis,html body .ax-page .pf-canvas { height:200px!important; }
 html body .ax-page .pf-item { flex-wrap:wrap; gap:8px; }
 html body .ax-page .an-bar { gap:12px; }
}

/* v080: explicit status selector in every client content library. */
html body .cw-filter { display:flex; align-items:center; gap:10px; }
html body .cw-filter-label { font-size:12px; color:var(--muted); flex-shrink:0; }
html body .cw-filter select { min-width:190px; }
@media(max-width:600px){html body .cw-filter { flex-wrap:wrap; gap:5px; } html body .cw-filter-label { width:100%; } html body .cw-filter select { min-width:0; } html body .cw-tools { align-items:flex-end; }}
/* v081: post editor — clear fields, independently scrolling form, fixed actions. */
html body #postOverlay { padding:22px; background:rgba(16,28,21,.48); backdrop-filter:blur(7px); }
html body #postOverlay .pe-editor { max-width:100%; max-height:calc(100dvh - 44px); display:flex; flex-direction:column; overflow:hidden!important; border-radius:28px!important; background:var(--card)!important; box-shadow:0 30px 90px #0004!important; }
html body #postOverlay .modal-h { flex-shrink:0; padding:22px 26px!important; background:var(--card)!important; color:var(--ink)!important; align-items:center; }
html body #postOverlay .modal-h h2 { color:var(--ink)!important; margin:5px 0 0!important; font-size:25px!important; }
html body #postOverlay .pe-eyebrow { font-size:10px; letter-spacing:.12em; color:var(--muted); }
html body #postOverlay .modal-h .x { width:42px!important; height:42px!important; flex-shrink:0; display:grid; place-items:center; border:1px solid var(--line)!important; background:var(--panel)!important; color:var(--ink)!important; opacity:1!important; padding:0!important; }
html body #postOverlay .mbody { flex:1 1 auto; min-height:0; overflow:auto!important; padding:24px 26px!important; gap:20px 18px; background:var(--card); overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--tint2) transparent; }
html body #postOverlay .mbody>div { min-width:0; }
html body #postOverlay .pe-section { display:flex; align-items:center; gap:10px; padding-top:12px; border-top:1px solid var(--line); margin-top:6px; }
html body #postOverlay .pe-section:first-of-type { padding-top:0; border:0; margin-top:0; }
html body #postOverlay .pe-section>span { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; font-size:10px; color:var(--brand); background:var(--tint); }
html body #postOverlay .pe-section h3 { margin:0!important; font-size:16px!important; font-weight:500!important; color:var(--ink)!important; }
html body #postOverlay .mbody label { display:block; margin-bottom:8px; opacity:1!important; font-size:13px!important; color:var(--ink)!important; }
html body #postOverlay .pe-help { display:block; font-size:11px; color:var(--muted); font-weight:400; line-height:1.6; margin-top:4px; }
html body #postOverlay .mbody input:not([type=hidden]):not([type=file]):not([type=checkbox]), html body #postOverlay .mbody select, html body #postOverlay .mbody textarea, html body #postOverlay .ms-trigger { background:var(--panel)!important; color:var(--ink)!important; border:1px solid var(--line)!important; border-radius:13px!important; padding:12px 14px!important; min-height:46px; font-size:14px!important; box-shadow:none!important; }
html body #postOverlay .mbody input:focus, html body #postOverlay .mbody select:focus, html body #postOverlay .mbody textarea:focus { border-color:var(--brand2)!important; outline:2px solid var(--tint2)!important; outline-offset:2px; }
html body #postOverlay #p-content { min-height:230px!important; line-height:1.75!important; background:var(--card)!important; padding:18px!important; }
html body #postOverlay .ms-tag { background:var(--tint)!important; color:var(--brand)!important; border-radius:20px!important; font-size:12px; font-weight:500; padding:5px 10px; display:inline-block; margin:2px; }
html body #postOverlay .ms-dd { background:var(--card); border:1px solid var(--line); border-radius:14px; color:var(--ink); box-shadow:0 10px 25px #0002; }
html body #postOverlay .att-box { border:1px dashed var(--tint2)!important; background:var(--panel)!important; border-radius:16px; padding:18px!important; display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
html body #postOverlay .att-drop-hint { color:var(--muted); font-weight:400; font-size:12px; }
html body #postOverlay .att-list { display:flex; flex-direction:column; gap:10px; margin-top:14px; }
html body #postOverlay .att-item { display:grid; grid-template-columns:42px minmax(0,1fr) auto 36px 36px; gap:10px; align-items:center; border:1px solid var(--line); border-radius:14px; padding:12px!important; background:var(--card)!important; }
html body #postOverlay .att-name { min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal!important; overflow-wrap:anywhere; line-height:1.5; font-size:12px; font-weight:500; padding:0!important; background:transparent!important; color:var(--ink)!important; box-shadow:none!important; border:0!important; }
html body #postOverlay .att-thumb, html body #postOverlay .att-ico { width:42px!important; height:42px!important; border-radius:10px; object-fit:cover; background:var(--panel); }
html body #postOverlay .att-size { color:var(--muted); font-size:11px; white-space:nowrap; }
html body #postOverlay .att-dl, html body #postOverlay .att-x { width:36px; height:36px; border-radius:50%; background:var(--panel); color:var(--ink); border:1px solid var(--line); display:grid; place-items:center; text-decoration:none; padding:0; }
html body #postOverlay #p-audit { background:var(--panel)!important; border-radius:13px!important; padding:12px 14px!important; font-size:11px; }
html body #postOverlay .mfoot { flex-shrink:0; display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:16px 24px!important; background:var(--card)!important; }
html body #postOverlay .mfoot .btn { min-height:42px; border-radius:24px!important; padding:10px 16px!important; font-size:12px!important; }
html body #postOverlay .mfoot .btn-brand { background:var(--brand)!important; color:#fff!important; min-width:120px; }
html body #postOverlay .btn-danger { background:transparent!important; color:#a53732!important; box-shadow:none!important; border:1px solid #a5373240!important; }
html body #postOverlay button:focus-visible, html body #postOverlay a:focus-visible { outline:3px solid var(--tint2); outline-offset:2px; }
@media(max-width:600px){
 html body #postOverlay { padding:8px; }
 html body #postOverlay .pe-editor { max-height:calc(100dvh - 16px); border-radius:22px!important; }
 html body #postOverlay .modal-h { padding:18px!important; }
 html body #postOverlay .mbody { padding:18px!important; grid-template-columns:1fr!important; gap:18px; }
 html body #postOverlay .mbody .full { grid-column:1/-1; }
 html body #postOverlay .mbody input:not([type=checkbox]),html body #postOverlay .mbody select,html body #postOverlay .mbody textarea { font-size:16px!important; }
 html body #postOverlay .att-item { grid-template-columns:36px minmax(0,1fr) 36px 36px; gap:8px; padding:10px!important; }
 html body #postOverlay .att-thumb,html body #postOverlay .att-ico { grid-row:span 2; width:36px!important; height:36px!important; }
 html body #postOverlay .att-name { grid-column:2; }
 html body #postOverlay .att-size { grid-row:2; grid-column:2; }
 html body #postOverlay .att-dl { grid-row:1/3; grid-column:3; }
 html body #postOverlay .att-x { grid-row:1/3; grid-column:4; }
 html body #postOverlay .mfoot { padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))!important; gap:7px; }
 html body #postOverlay .mfoot .spacer { display:none; }
 html body #postOverlay .mfoot .btn { flex:1 1 auto; padding:10px 12px!important; }
}

/* v082 — calm, readable administration, shared across every workspace. */
html body #view-admin .ad-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:22px;border-radius:24px;background:var(--brand);color:#fff}
#view-admin .ad-eyebrow{font-size:11px;letter-spacing:1.8px;opacity:.75}
html body #view-admin .ad-intro h2{color:inherit;font-size:30px;font-weight:500;letter-spacing:-1px;margin:10px 0 7px}
#view-admin .ad-intro p{margin:0;color:#e0e9e2;font-size:14px}
#view-admin .ad-summary{display:flex;gap:30px;flex-shrink:0}
#view-admin .ad-summary span{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#e0e9e2}
#view-admin .ad-summary b{font-size:36px;font-weight:500;color:#fff}
html body #view-admin .adm-tabs{display:flex;gap:6px;width:fit-content;max-width:100%;background:var(--card);padding:6px;border:1px solid var(--line);border-radius:40px;margin:0;overflow-x:auto}
html body #view-admin .adm-tab{border:0!important;box-shadow:none!important;border-radius:30px!important;padding:12px 26px!important;font-size:14px;color:var(--muted);background:transparent;white-space:nowrap;min-height:44px}
html body #view-admin .adm-tab.on{background:var(--brand)!important;color:#fff!important}
html body #view-admin .adm-sub{border:0;padding:16px 4px;margin:0;color:var(--muted);font-size:13px;font-weight:400}
html body #view-admin .ad-pane>.panel,html body #view-admin .adm-panel{border:0!important;box-shadow:none!important;background:var(--card);border-radius:24px!important;padding:24px!important;margin-top:0!important;min-width:0}
#view-admin .ad-pane{display:grid;gap:18px}
html body #view-admin h3{font-size:18px!important;text-transform:none!important;letter-spacing:-.3px!important;font-weight:500!important;color:var(--ink)!important;border:0!important;margin:0 0 20px!important;padding:0!important;gap:12px;flex-wrap:wrap}
html body #view-admin h3>span[style]{font-size:12px!important}
html body #view-admin .adm-list{max-height:none;overflow:visible}
html body #view-admin .ad-people>.adm-panel>.adm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body #view-admin .adm-item{border:1px solid var(--line)!important;background:transparent!important;padding:18px!important;margin:0!important;border-radius:18px!important;min-width:0;gap:14px}
html body #view-admin .ai-name{min-width:0;overflow-wrap:anywhere;font-size:15px}
html body #view-admin .ai-name>div{font-size:12px!important;line-height:1.6}
html body #view-admin .ai-name>div:first-child>span:first-child{font-size:15px!important}
html body #view-admin .adm-av{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--brand)!important;box-shadow:none!important}
html body #view-admin .ai-btns button{font-size:12px!important;padding:9px 14px!important;min-height:40px;border-radius:24px!important;border:1px solid var(--line);color:var(--ink);background:var(--panel)}
html body #view-admin .btn{min-height:40px;font-size:12px!important}
html body #view-admin .adm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-admin .ad-setup .adm-list{display:grid;gap:10px}
html body #view-admin .cli-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0}
html body #view-admin .cli-card{border:1px solid var(--line)!important;border-radius:22px!important;padding:22px!important;box-shadow:none!important;min-width:0;transition:transform .2s,border-color .2s;background:var(--card)}
html body #view-admin .cli-card:hover{transform:translateY(-3px);border-color:var(--brand2)!important}
html body #view-admin .cli-card:after{display:none}
html body #view-admin .cli-logo{width:60px!important;height:60px!important;box-shadow:none!important}
html body #view-admin .cli-n{font-size:18px!important;margin-top:18px!important;overflow-wrap:anywhere}
html body #view-admin .cli-s{font-size:12px;line-height:1.6;margin-top:6px}
html body #view-admin .cli-edit{padding:7px 12px;border:0;border-radius:20px;background:var(--panel);font-size:12px}
html body #view-admin .cli-st{display:flex;flex-wrap:wrap;margin-top:20px!important;font-size:12px}
html body #view-admin .cli-cnt{padding:8px 12px;border-radius:20px;background:var(--panel)}
#view-admin .ad-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html body #view-admin .ad-health-grid>div{flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;gap:12px;padding:16px!important;background:var(--panel);border:0!important;border-radius:16px;min-width:0;overflow-wrap:anywhere}
html body #view-admin .ad-health-grid>div>span:last-child{font-size:16px!important;line-height:1.4}
#view-admin .ad-cloud>div{font-size:14px!important}
#view-admin .ad-cloud [style*="height:10px"],#view-admin .ad-cloud [style*="height:14px"]{background:var(--panel)!important}
#view-admin .ad-cloud [style="padding:0 4px"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:12px 0!important}
#view-admin .ad-cloud [style="padding:0 4px"]>div{padding:14px;border:1px solid var(--line);border-radius:14px;margin:0!important}
#view-admin .ad-activity>div>div{padding:16px 0!important;flex-wrap:wrap}
#view-admin .ad-activity>div>div>div:nth-child(2){min-width:100px;overflow-wrap:anywhere}
#view-admin button:focus-visible,#view-admin [tabindex]:focus-visible{outline:3px solid var(--tint2);outline-offset:3px}
@media(max-width:800px){html body #view-admin .ad-intro{align-items:flex-start;flex-direction:column;padding:24px}#view-admin .ad-summary{gap:40px}html body #view-admin .ad-people>.adm-panel>.adm-list{grid-template-columns:1fr}#view-admin .ad-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){html body #view-admin .ad-intro h2{font-size:26px}html body #view-admin .adm-tabs{width:100%;box-sizing:border-box;gap:2px}html body #view-admin .adm-tab{flex:1;padding:10px 9px!important;font-size:13px}html body #view-admin .ad-pane>.panel,html body #view-admin .adm-panel{padding:18px!important}html body #view-admin .adm-cols{grid-template-columns:1fr}html body #view-admin .cli-grid{grid-template-columns:1fr}html body #view-admin .adm-item{flex-wrap:wrap;padding:14px!important}#view-admin .ad-cloud [style="padding:0 4px"]{grid-template-columns:1fr}html body #view-admin .ad-health-grid>div{padding:12px!important}html body #view-admin .ad-health-grid>div>span:last-child{font-size:14px!important}#view-admin .ad-cloud .btn{flex:1 1 140px}}

/* v083 — focused lead editor with visible actions and optional detail groups. */
html body #crmOverlay{padding:24px!important;align-items:center!important;overflow:hidden!important}
html body #crmOverlay .crm-modal{width:820px!important;max-width:100%!important;min-height:0!important;max-height:calc(100dvh - 48px)!important;display:flex!important;flex-direction:column;overflow:hidden!important;border-radius:26px!important;margin:0!important;background:var(--card)!important}
html body #crmOverlay .modal-h{position:static!important;flex-shrink:0;background:var(--brand)!important;color:#fff!important;padding:22px 26px!important;border:0!important}
html body #crmOverlay .modal-h h2{font-size:24px!important;font-weight:500!important;color:#fff!important}
html body #crmOverlay .x{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border-radius:50%;font-size:27px!important;line-height:1;color:var(--brand)!important;background:#fff!important;opacity:1!important}
html body #crmMBody{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}
html body #crmMBody .mbody{overflow-y:auto!important;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:24px 26px!important;scrollbar-gutter:stable}
#crmMBody .mbody>*{min-width:0}
html body #crmMBody .le-hint{font-size:13px;color:var(--muted);margin:0;line-height:1.5}
html body #crmMBody .le-stage{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border-radius:16px;padding:12px 16px;gap:16px}
html body #crmMBody .le-stage label{margin:0!important;font-size:13px}
html body #crmMBody .le-stage select{width:180px!important;background:var(--card)!important}
html body #crmMBody label{display:block;font-size:13px!important;font-weight:500;color:var(--ink)!important;margin-bottom:8px}
html body #crmMBody input,html body #crmMBody select,html body #crmMBody textarea{border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;color:var(--ink)!important;padding:12px 13px!important;min-height:46px;font-size:14px!important;box-shadow:none!important;max-width:100%;box-sizing:border-box}
html body #crmMBody input:focus,html body #crmMBody select:focus,html body #crmMBody textarea:focus{outline:2px solid var(--brand2)!important;outline-offset:2px}
html body #crmMBody .lf-h{font-size:16px!important;font-weight:600;text-transform:none;letter-spacing:-.2px;color:var(--ink);padding-top:18px;margin:0;border-top:1px solid var(--line)}
html body #crmMBody .lf-more{border-radius:16px;background:var(--card);padding:0 16px}
html body #crmMBody .lf-more[open]{padding-bottom:16px}
html body #crmMBody summary{padding:15px 0;min-height:22px;font-size:14px;font-weight:500}
html body #crmMBody summary:focus-visible{outline:2px solid var(--brand2);outline-offset:2px}
html body #crmMBody .lf-voice{padding:14px;background:var(--panel);border-radius:12px;border:0}
html body #crmMBody .crm-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
html body #crmMBody .crm-quick button{min-height:32px;padding:6px 10px;border-radius:20px;border:1px solid var(--line);background:var(--card);font-size:11px}
html body #crmMBody .mfoot{position:static!important;flex-shrink:0;padding:16px 26px!important;border-top:1px solid var(--line);background:var(--card)!important;display:flex;gap:10px;flex-wrap:wrap}
html body #crmMBody .mfoot .btn{min-height:44px;border-radius:28px!important;padding:11px 22px!important;font-size:13px!important}
@media(max-width:600px){html body #crmOverlay{padding:10px!important}html body #crmOverlay .crm-modal{max-height:calc(100dvh - 20px)!important;border-radius:20px!important}html body #crmOverlay .modal-h{padding:18px!important}html body #crmMBody .mbody{padding:18px!important;grid-template-columns:minmax(0,1fr)!important;gap:14px}html body #crmMBody input,html body #crmMBody select,html body #crmMBody textarea{font-size:16px!important}html body #crmMBody .mfoot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important}html body #crmMBody .mfoot .btn-brand{flex:1 1 auto;order:0}html body #crmMBody .le-stage{padding:10px;gap:8px}html body #crmMBody .le-stage select{width:160px!important}html body #crmMBody .lf-grid{grid-template-columns:minmax(0,1fr)}}

/* v084 shared editor styling */
html body :is(#postOverlay,#taskOverlay) .we-editor { max-width:100%; max-height:calc(100dvh - 44px); display:flex; flex-direction:column; overflow:hidden!important; border-radius:28px!important; background:var(--card)!important; box-shadow:0 30px 90px #0004!important; }
html body :is(#postOverlay,#taskOverlay) .modal-h { flex-shrink:0; padding:22px 26px!important; background:var(--card)!important; color:var(--ink)!important; align-items:center; }
html body :is(#postOverlay,#taskOverlay) .modal-h h2 { color:var(--ink)!important; margin:5px 0 0!important; font-size:25px!important; }
html body :is(#postOverlay,#taskOverlay) .pe-eyebrow { font-size:10px; letter-spacing:.12em; color:var(--muted); }
html body :is(#postOverlay,#taskOverlay) .modal-h .x { width:42px!important; height:42px!important; flex-shrink:0; display:grid; place-items:center; border:1px solid var(--line)!important; background:var(--panel)!important; color:var(--ink)!important; opacity:1!important; padding:0!important; }
html body :is(#postOverlay,#taskOverlay) .mbody { flex:1 1 auto; min-height:0; overflow:auto!important; padding:24px 26px!important; gap:20px 18px; background:var(--card); overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--tint2) transparent; }
html body :is(#postOverlay,#taskOverlay) .mbody>div { min-width:0; }
html body :is(#postOverlay,#taskOverlay) .pe-section { display:flex; align-items:center; gap:10px; padding-top:12px; border-top:1px solid var(--line); margin-top:6px; }
html body :is(#postOverlay,#taskOverlay) .pe-section:first-of-type { padding-top:0; border:0; margin-top:0; }
html body :is(#postOverlay,#taskOverlay) .pe-section>span { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; font-size:10px; color:var(--brand); background:var(--tint); }
html body :is(#postOverlay,#taskOverlay) .pe-section h3 { margin:0!important; font-size:16px!important; font-weight:500!important; color:var(--ink)!important; }
html body :is(#postOverlay,#taskOverlay) .mbody label { display:block; margin-bottom:8px; opacity:1!important; font-size:13px!important; color:var(--ink)!important; }
html body :is(#postOverlay,#taskOverlay) .pe-help { display:block; font-size:11px; color:var(--muted); font-weight:400; line-height:1.6; margin-top:4px; }
html body :is(#postOverlay,#taskOverlay) .mbody input:not([type=hidden]):not([type=file]):not([type=checkbox]), html body :is(#postOverlay,#taskOverlay) .mbody select, html body :is(#postOverlay,#taskOverlay) .mbody textarea, html body :is(#postOverlay,#taskOverlay) .ms-trigger { background:var(--panel)!important; color:var(--ink)!important; border:1px solid var(--line)!important; border-radius:13px!important; padding:12px 14px!important; min-height:46px; font-size:14px!important; box-shadow:none!important; }
html body :is(#postOverlay,#taskOverlay) .mbody input:focus, html body :is(#postOverlay,#taskOverlay) .mbody select:focus, html body :is(#postOverlay,#taskOverlay) .mbody textarea:focus { border-color:var(--brand2)!important; outline:2px solid var(--tint2)!important; outline-offset:2px; }
html body :is(#postOverlay,#taskOverlay) #p-content { min-height:230px!important; line-height:1.75!important; background:var(--card)!important; padding:18px!important; }
html body :is(#postOverlay,#taskOverlay) .ms-tag { background:var(--tint)!important; color:var(--brand)!important; border-radius:20px!important; font-size:12px; font-weight:500; padding:5px 10px; display:inline-block; margin:2px; }
html body :is(#postOverlay,#taskOverlay) .ms-dd { background:var(--card); border:1px solid var(--line); border-radius:14px; color:var(--ink); box-shadow:0 10px 25px #0002; }
html body :is(#postOverlay,#taskOverlay) .att-box { border:1px dashed var(--tint2)!important; background:var(--panel)!important; border-radius:16px; padding:18px!important; display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
html body :is(#postOverlay,#taskOverlay) .att-drop-hint { color:var(--muted); font-weight:400; font-size:12px; }
html body :is(#postOverlay,#taskOverlay) .att-list { display:flex; flex-direction:column; gap:10px; margin-top:14px; }
html body :is(#postOverlay,#taskOverlay) .att-item { display:grid; grid-template-columns:42px minmax(0,1fr) auto 36px 36px; gap:10px; align-items:center; border:1px solid var(--line); border-radius:14px; padding:12px!important; background:var(--card)!important; }
html body :is(#postOverlay,#taskOverlay) .att-name { min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal!important; overflow-wrap:anywhere; line-height:1.5; font-size:12px; font-weight:500; padding:0!important; background:transparent!important; color:var(--ink)!important; box-shadow:none!important; border:0!important; }
html body :is(#postOverlay,#taskOverlay) .att-thumb, html body :is(#postOverlay,#taskOverlay) .att-ico { width:42px!important; height:42px!important; border-radius:10px; object-fit:cover; background:var(--panel); }
html body :is(#postOverlay,#taskOverlay) .att-size { color:var(--muted); font-size:11px; white-space:nowrap; }
html body :is(#postOverlay,#taskOverlay) .att-dl, html body :is(#postOverlay,#taskOverlay) .att-x { width:36px; height:36px; border-radius:50%; background:var(--panel); color:var(--ink); border:1px solid var(--line); display:grid; place-items:center; text-decoration:none; padding:0; }
html body :is(#postOverlay,#taskOverlay) #p-audit { background:var(--panel)!important; border-radius:13px!important; padding:12px 14px!important; font-size:11px; }
html body :is(#postOverlay,#taskOverlay) .mfoot { flex-shrink:0; display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:16px 24px!important; background:var(--card)!important; }
html body :is(#postOverlay,#taskOverlay) .mfoot .btn { min-height:42px; border-radius:24px!important; padding:10px 16px!important; font-size:12px!important; }
html body :is(#postOverlay,#taskOverlay) .mfoot .btn-brand { background:var(--brand)!important; color:#fff!important; min-width:120px; }
html body :is(#postOverlay,#taskOverlay) .btn-danger { background:transparent!important; color:#a53732!important; box-shadow:none!important; border:1px solid #a5373240!important; }
html body :is(#postOverlay,#taskOverlay) button:focus-visible, html body :is(#postOverlay,#taskOverlay) a:focus-visible { outline:3px solid var(--tint2); outline-offset:2px; }
@media(max-width:600px){
 html body :is(#postOverlay,#taskOverlay) { padding:8px; }
 html body :is(#postOverlay,#taskOverlay) .we-editor { max-height:calc(100dvh - 16px); border-radius:22px!important; }
 html body :is(#postOverlay,#taskOverlay) .modal-h { padding:18px!important; }
 html body :is(#postOverlay,#taskOverlay) .mbody { padding:18px!important; grid-template-columns:1fr!important; gap:18px; }
 html body :is(#postOverlay,#taskOverlay) .mbody .full { grid-column:1/-1; }
 html body :is(#postOverlay,#taskOverlay) .mbody input:not([type=checkbox]),html body :is(#postOverlay,#taskOverlay) .mbody select,html body :is(#postOverlay,#taskOverlay) .mbody textarea { font-size:16px!important; }
 html body :is(#postOverlay,#taskOverlay) .att-item { grid-template-columns:36px minmax(0,1fr) 36px 36px; gap:8px; padding:10px!important; }
 html body :is(#postOverlay,#taskOverlay) .att-thumb,html body :is(#postOverlay,#taskOverlay) .att-ico { grid-row:span 2; width:36px!important; height:36px!important; }
 html body :is(#postOverlay,#taskOverlay) .att-name { grid-column:2; }
 html body :is(#postOverlay,#taskOverlay) .att-size { grid-row:2; grid-column:2; }
 html body :is(#postOverlay,#taskOverlay) .att-dl { grid-row:1/3; grid-column:3; }
 html body :is(#postOverlay,#taskOverlay) .att-x { grid-row:1/3; grid-column:4; }
 html body :is(#postOverlay,#taskOverlay) .mfoot { padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))!important; gap:7px; }
 html body :is(#postOverlay,#taskOverlay) .mfoot .spacer { display:none; }
 html body :is(#postOverlay,#taskOverlay) .mfoot .btn { flex:1 1 auto; padding:10px 12px!important; }
}


html body :is(#postOverlay,#taskOverlay){padding:22px!important;align-items:center!important;overflow:hidden!important}
html body :is(#postOverlay,#taskOverlay) .we-editor{width:850px!important;min-height:0!important;margin:0!important}
html body :is(#postOverlay,#taskOverlay) .mbody{display:flex!important;flex-direction:column!important;gap:18px!important}
html body :is(#postOverlay,#taskOverlay) .we-section{border:1px solid var(--line);border-radius:18px;padding:20px;flex-shrink:0;min-width:0}
html body :is(#postOverlay,#taskOverlay) .we-section h3{font-size:16px!important;font-weight:500;margin:0 0 18px!important;letter-spacing:-.2px;color:var(--ink)}
html body :is(#postOverlay,#taskOverlay) .we-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
html body :is(#postOverlay,#taskOverlay) .we-grid>*{min-width:0}
html body :is(#postOverlay,#taskOverlay) .we-grid>.full{grid-column:1/-1}
html body :is(#postOverlay,#taskOverlay) summary{cursor:pointer;font-size:14px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
html body :is(#postOverlay,#taskOverlay) summary::after{content:'+';color:var(--brand2);font-size:21px}
html body :is(#postOverlay,#taskOverlay) details[open]>summary{margin-bottom:20px}
html body :is(#postOverlay,#taskOverlay) details[open]>summary::after{content:'−'}
html body :is(#postOverlay,#taskOverlay) summary::-webkit-details-marker{display:none}
html body :is(#postOverlay,#taskOverlay) .modal-h{border-bottom:1px solid var(--line)!important}
html body :is(#postOverlay,#taskOverlay) .modal-h .x{font-size:26px!important;border-radius:50%!important}
html body :is(#postOverlay,#taskOverlay) .mfoot{border-top:1px solid var(--line);position:static!important}
html body :is(#postOverlay,#taskOverlay) .mfoot [hidden]{display:none!important}
html body :is(#postOverlay,#taskOverlay) textarea{min-height:140px!important;resize:vertical;line-height:1.65!important}
html body #postOverlay #p-content{min-height:170px!important}
html body #taskOverlay .ms-wrap{width:100%}
html body #taskOverlay .link-row{min-width:0;flex-wrap:wrap}
html body #taskOverlay .link-row input,html body #taskOverlay .link-row select{min-width:0;flex:1 1 150px}
@media(max-width:600px){html body :is(#postOverlay,#taskOverlay){padding:8px!important}html body :is(#postOverlay,#taskOverlay) .we-section{padding:15px;border-radius:16px}html body :is(#postOverlay,#taskOverlay) .we-grid{grid-template-columns:minmax(0,1fr);gap:16px}html body :is(#postOverlay,#taskOverlay) .mfoot .btn{flex:1 1 auto}html body :is(#postOverlay,#taskOverlay) .mfoot .spacer{display:none}}

/* v086 — a quieter, consistent work library. */
html body .wl-view .wl-controls{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card);border-radius:20px;margin-bottom:16px;flex-wrap:wrap}
html body .wl-view .wl-controls input{flex:1 1 220px;width:auto;min-width:0}
html body .wl-view .wl-controls select{flex:0 1 210px;width:auto}
html body .wl-view .wl-controls input,html body .wl-view .wl-controls select,html body .wl-view .toolbar select{padding:12px 15px!important;min-height:44px;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;font-size:14px!important;color:var(--ink)}
.wl-count{font-size:12px;color:var(--muted);white-space:nowrap;padding:0 6px}
html body .wl-view .toolbar{gap:12px;flex-wrap:wrap;margin-bottom:16px}
html body .wl-view .toolbar select{width:auto!important;max-width:100%;min-width:210px}
html body .wl-view .panel{padding:22px!important;border-radius:24px!important;box-shadow:none!important}
html body .wl-view .panel h3{font-size:17px!important;font-weight:500!important;color:var(--ink)!important;padding-bottom:16px!important}
html body .wl-view .table-wrapper{border:1px solid var(--line)!important;border-radius:20px!important;background:var(--card);box-shadow:none!important;overflow:auto}
html body .wl-view table{width:100%;border-collapse:collapse}
html body .wl-view th{background:var(--panel)!important;color:var(--muted)!important;font-size:12px!important;font-weight:500!important;padding:15px 14px!important;white-space:nowrap}
html body .wl-view td{padding:17px 14px!important;font-size:13px!important;line-height:1.5;border-bottom:1px solid var(--line)!important;background:var(--card)!important}
html body .wl-view .td-h{min-width:230px;max-width:400px;font-size:14px!important;font-weight:500!important}
html body .wl-view .td-h>div:first-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .wl-view tr:hover td{background:var(--panel)!important}
html body .wl-view .pill,html body .wl-view .pr{padding:5px 10px!important;border-radius:20px!important;box-shadow:none!important;font-size:11px!important;white-space:nowrap;border:0!important;line-height:1.6}
html body .wl-view .td-id{font-size:12px!important;font-weight:500!important;white-space:nowrap}
html body .wl-view td button{min-height:30px;min-width:30px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--brand)}
html body .wl-view tr[hidden]{display:none!important}
html body .wl-view .wl-no-results{padding:24px;text-align:center;border-radius:18px;background:var(--card);margin-bottom:16px;color:var(--muted)}
html body .wl-view .wl-no-results[hidden]{display:none}
html body .wl-view .wl-review-empty{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
html body .wl-view .empty{padding:35px 18px!important;font-size:14px;color:var(--muted)}
html body .wl-view :focus-visible{outline:2px solid var(--brand2);outline-offset:3px}
@media(max-width:760px){
 html body .wl-view .wl-controls{padding:14px;gap:10px}
 html body .wl-view .wl-controls input{flex-basis:100%;font-size:16px!important}
 html body .wl-view .panel{padding:16px!important}
 html body .wl-view .table-wrapper{overflow:visible;border:0!important;background:transparent!important}
 html body .wl-view table,html body .wl-view tbody{display:block;min-width:0!important;width:100%!important}
 html body .wl-view thead{display:none}
 html body .wl-view tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:18px;margin-bottom:12px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
 html body .wl-view td{display:block;padding:0!important;border:0!important;min-width:0!important;max-width:none!important;width:auto!important;font-size:12px!important;overflow-wrap:anywhere;background:transparent!important}
 html body .wl-view td::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;margin-bottom:4px}
 html body .wl-view .wl-title{grid-column:1/-1;grid-row:1;font-size:15px!important}
 html body .wl-view .wl-title::before{display:none}
 html body .wl-view td[colspan]{grid-column:1/-1}
 html body .wl-view td button{min-height:36px;min-width:36px}
 html body .wl-view .wl-review-empty{grid-template-columns:1fr}
}

/* v087: close controls must remain legible independently of header/theme colors. */
html body :is(#taskOverlay,#postOverlay,#crmOverlay,.overlay) .modal .modal-h button.x,
html body .modal-h button.x{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
 flex:0 0 42px!important;padding:0!important;margin:0!important;border-radius:50%!important;
 background:#fff!important;color:#19251e!important;border:1px solid #d5ded8!important;
 font-family:Arial,sans-serif!important;font-size:28px!important;font-weight:400!important;
 line-height:1!important;opacity:1!important;visibility:visible!important;cursor:pointer;
 text-shadow:none!important;-webkit-text-fill-color:#19251e!important;
}
html body .modal-h button.x svg{color:#19251e!important;stroke:currentColor}
html body .modal-h button.x:hover{background:#eaf0ec!important}
html body .modal-h button.x:focus-visible{outline:3px solid #82b594!important;outline-offset:3px!important}

/* v088 — separate appearance and accent, with tonal dark surfaces. */
html body .appearance-picker{display:flex;gap:4px;padding:4px;margin:6px 14px 4px;background:var(--card);border:1px solid var(--line);border-radius:24px;flex-shrink:0}
html body .appearance-picker button{flex:1;border:0;background:transparent;color:var(--muted);border-radius:20px;padding:9px 10px;font-size:12px;min-height:36px;cursor:pointer}
html body .appearance-picker button[aria-pressed=true]{background:var(--brand);color:#fff}
html body .appearance-picker button:focus-visible,html body .theme-swatch:focus-visible{outline:2px solid var(--tint2);outline-offset:3px}
html body.dark :is(input,select,textarea){color-scheme:dark;color:var(--ink);background-color:var(--panel)}
html body.dark select option{color:var(--ink)!important;background:var(--card)!important}
html body.dark :is(.panel,.adm-panel,.table-wrapper,.modal,.crm-modal){background-color:var(--card)!important;color:var(--ink)}
html body.dark :is(.td-id,.ai-name,.cli-n,.cw-post-title,.crx-lead-name){color:var(--ink)!important}
html body.dark :is(.hint,.td-m,.muted,.pe-help,.crm-fine){color:var(--muted)!important}
html body.dark :is(.ms-tag,.post-chip,.type-tag){background:var(--tint)!important;color:var(--tint2)!important}
html body.dark .pill{box-shadow:none!important}
html body.dark .btn-line{color:var(--ink)!important;border-color:var(--line)!important;background:var(--panel)!important}
html body.dark :is(.btn-brand,.btn-accent){background:var(--brand)!important;color:#fff!important}
html body.dark :is(.md-ring-bg,.md-ticks line){stroke:var(--line)}
html body.dark .md-ring-dot{fill:var(--ink)}
html body.dark .md-plan{background:var(--brand)!important}
html body.dark .wl-view td{background:var(--card)!important;color:var(--ink)}
html body.dark .wl-view th{background:var(--panel)!important;color:var(--muted)!important}
html body.dark :is(#postOverlay,#taskOverlay) .ms-tag{background:var(--tint)!important;color:var(--tint2)!important}
html body.dark :is(#postOverlay,#taskOverlay,#crmOverlay) .modal-h{background:var(--card)!important;color:var(--ink)!important}
html body.dark :is(#postOverlay,#taskOverlay,#crmOverlay) .modal-h h2{color:var(--ink)!important}
html body.dark{background:var(--bg)!important;background-image:none!important}
html body.dark :is(.btn-brand,.btn-accent){background-image:none!important;background-color:var(--brand)!important;opacity:1}

/* v089: account controls live only in the top bar. */
html body .top-logout{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);cursor:pointer}
html body .top-logout:focus-visible{outline:2px solid var(--tint2);outline-offset:3px}

/* v090: flexible device layouts and keyboard-safe dialogs. */
html body .main,html body .content,html body .view,html body .panel{min-width:0;box-sizing:border-box}
html body img,html body video{max-width:100%}
html body .table-wrapper{max-width:100%;overscroll-behavior-x:contain}
html body .toolbar{flex-wrap:wrap}
html body .overlay{height:var(--device-height,100dvh)!important;top:var(--device-top,0px)!important;bottom:auto!important;box-sizing:border-box}
html body .overlay .modal{max-width:calc(100vw - 24px)!important;max-height:calc(var(--device-height,100dvh) - 32px)!important;box-sizing:border-box}
html body :is(#taskOverlay,#postOverlay,#crmOverlay) .modal{max-height:calc(var(--device-height,100dvh) - 32px)!important}
html body .sidebar{height:calc(100dvh - 24px)!important;overscroll-behavior:contain}
@media(min-width:861px) and (max-width:1150px){html body .sidebar{width:224px!important}html body .content{padding:24px 20px!important}html body .top-user-txt small{max-width:125px}html body .page-head h2{font-size:36px}}
@media(max-width:860px){html body .sidebar{height:calc(100dvh - 16px)!important}html body .topbar{flex-wrap:wrap;gap:8px!important}html body .page-head{flex-wrap:wrap;gap:14px}html body .page-head h2{overflow-wrap:anywhere}html body .content{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}html body .overlay .modal{max-height:calc(var(--device-height,100dvh) - 16px)!important}html body :is(#taskOverlay,#postOverlay,#crmOverlay) .modal{max-height:calc(var(--device-height,100dvh) - 16px)!important}}
@media(max-width:380px){html body .app{padding:4px!important}html body .content{padding-left:10px!important;padding-right:10px!important}html body .page-head h2{font-size:28px!important}html body .kpis{grid-template-columns:1fr!important}html body .topbar{padding:8px!important}html body .top-user{gap:6px!important}html body .overlay{padding:6px!important}}
@media(pointer:coarse){html body :is(.btn,.md-open,.top-logout,.theme-swatch){min-height:40px;min-width:40px}html body .theme-picker{flex-wrap:wrap}html body .ms-trigger{min-height:44px}html body :is(input,select,textarea){font-size:16px!important}html body .modal-h .x{min-width:44px!important;min-height:44px!important}}
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-height:520px) and (orientation:landscape){html body .modal-h{padding:10px 16px!important}html body .modal .mfoot{padding:8px 14px!important}html body .page-head{margin-bottom:14px!important}}

/* v091: opaque, theme-independent status fills with white text. */
html body:is(.dark,body) .s-Notstarted{--status-fill:#475569;background:#475569!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Not started"]{border-left:5px solid #475569!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-NotyetStarted{--status-fill:#475569;background:#475569!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Not yet Started"]{border-left:5px solid #475569!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-InProgress{--status-fill:#1D4ED8;background:#1D4ED8!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="In Progress"]{border-left:5px solid #1D4ED8!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Workingonit{--status-fill:#1D4ED8;background:#1D4ED8!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Working on it"]{border-left:5px solid #1D4ED8!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Done{--status-fill:#0F766E;background:#0F766E!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Done"]{border-left:5px solid #0F766E!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-InReview,html body:is(.dark,body) .s-Review{--status-fill:#92400E;background:#92400E!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="In Review"]{border-left:5px solid #92400E!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Review{--status-fill:#92400E;background:#92400E!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Review"]{border-left:5px solid #92400E!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Redo{--status-fill:#C2410C;background:#C2410C!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Redo"]{border-left:5px solid #C2410C!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Approved{--status-fill:#15803D;background:#15803D!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Approved"]{border-left:5px solid #15803D!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Completed{--status-fill:#166534;background:#166534!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Completed"]{border-left:5px solid #166534!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Scheduled{--status-fill:#6D28D9;background:#6D28D9!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Scheduled"]{border-left:5px solid #6D28D9!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Published{--status-fill:#065F46;background:#065F46!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Published"]{border-left:5px solid #065F46!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Cancelled{--status-fill:#B91C1C;background:#B91C1C!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Cancelled"]{border-left:5px solid #B91C1C!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-Archived{--status-fill:#52525B;background:#52525B!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Archived"]{border-left:5px solid #52525B!important;background:var(--card)!important;color:var(--ink)!important;}
html body:is(.dark,body) .s-NeedtoUpload{--status-fill:#6D28D9;background:#6D28D9!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid #ffffff33!important;box-shadow:none!important;}
html body .ev[data-work-status="Need to Upload"]{border-left:5px solid #6D28D9!important;background:var(--card)!important;color:var(--ink)!important;}
html body :is(#postOverlay,#taskOverlay) .mbody select.work-status-select{background:var(--status-fill)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #ffffff55!important;color-scheme:dark;font-weight:600}
html body :is(#postOverlay,#taskOverlay) .mbody select.work-status-select option{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .ev .pill,html body.dark .ev .pill,html body .cw-status{background:var(--status-fill,var(--panel))!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* v092: overview cards and compact action/filter bars. */
html body .wo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:24px}
html body .wo-card{display:flex;flex-direction:column;text-align:left;gap:12px;min-width:0;background:var(--card);color:var(--ink);border:1px solid transparent;border-radius:24px;padding:23px;font-family:inherit}
html body button.wo-card{cursor:pointer}
html body .wo-card.wo-primary{background:var(--hero);color:#fff;box-shadow:0 6px 15px #0001}
.wo-label{font-size:14px;font-weight:500}.wo-value{font-size:36px;font-weight:400;letter-spacing:-1.5px;line-height:1.2;overflow-wrap:anywhere}.wo-note{font-size:12px;opacity:.8}
html body .wo-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;background:var(--card);border-radius:22px;margin-bottom:18px}
html body .wo-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:4px;background:var(--panel);border-radius:24px}
html body .wo-tabs button,html body .wo-clear{border:0;background:transparent;color:var(--muted);padding:9px 13px;border-radius:20px;font-size:12px;font-family:inherit;cursor:pointer;min-height:36px}
html body .wo-tabs button[aria-pressed=true]{background:var(--brand);color:#fff}
html body .wo-filter input,html body .wo-filter select{width:auto;min-width:0;max-width:100%;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--ink)!important;border-radius:24px!important;padding:10px 14px!important;min-height:40px;font-size:13px!important}
html body .wo-filter input[type=search]{flex:1 1 190px}.wo-count{font-size:12px;color:var(--muted)}
html body .wo-empty{padding:24px;background:var(--card);border-radius:20px;margin-bottom:16px;color:var(--muted)}
html body .wo-empty[hidden],html body .rc-card[hidden]{display:none!important}
html body .wo-card:focus-visible,html body .wo-filter :focus-visible{outline:3px solid var(--tint2);outline-offset:2px}
@media(max-width:650px){html body .wo-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}html body .wo-card{padding:18px;border-radius:20px}.wo-value{font-size:30px}.wo-label{font-size:13px}html body .wo-tabs{width:100%;border-radius:16px}html body .wo-filter input,html body .wo-filter select{font-size:16px!important;flex:1 1 140px}}
/* v093: readable plans, focused sales work and item-level pricing. */
html body .md-pl-t b{white-space:pre-wrap!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.5}
html body .md-pl{align-items:flex-start;gap:9px}html body .md-pl-i{flex-shrink:0}
html body .md-pl-list{max-height:460px!important}
html body .md-pl-edit{border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:12px;padding:6px;font-size:11px;cursor:pointer}
html body .md-pl-x{opacity:.8!important}
html body :is(#planEditOverlay,#followEditOverlay){z-index:1200}
html body :is(#planEditOverlay,#followEditOverlay) .modal{width:580px;overflow:auto}
html body :is(#planEditOverlay,#followEditOverlay) textarea{min-height:140px;white-space:pre-wrap}
html body :is(#planEditOverlay,#followEditOverlay) input[type=checkbox]{width:auto;min-height:0;display:inline-block}
html body .crm-follow-shortcuts{display:flex;gap:7px;flex-wrap:wrap}
html body .crm-follow-shortcuts button{padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink)}
html body .crx-priorities>div:nth-last-child(2){max-height:500px;overflow:auto}
html body .crx-lead-copy strong,html body .crx-lead-copy small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
html body .crm-follow-row{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:8px}
html body .crm-follow-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 6px}
html body .crx-priorities .crm-follow-actions .btn{color:#fff!important;background:transparent!important;border-color:#ffffff66!important}
html body .crm-follow-note{font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;padding:0 6px}
html body .crm-stage-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
html body .crm-stage-tabs button{padding:10px 14px;border:1px solid var(--line);border-radius:24px;background:var(--card);color:var(--ink);cursor:pointer}
html body .crm-stage-tabs button[aria-pressed=true]{background:var(--brand);color:#fff}
html body .crm-board-clean{display:flex!important;flex-direction:column;overflow:visible!important;gap:16px;min-width:0!important}
html body .crm-board-clean .crm-col{width:100%!important;min-width:0!important;max-width:none!important;background:var(--panel)!important;border:1px solid var(--line);border-radius:20px}
html body .crm-board-clean .crm-col-h{cursor:pointer;padding:18px!important}
html body .crm-board-clean .crm-col-h:after{content:'−';margin-left:10px}html body .crm-board-clean .crm-col-h[aria-expanded=false]:after{content:'+'}
html body .crm-board-clean .crm-col-b{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px;max-height:none!important;overflow:visible!important;padding:12px!important}
html body .crm-board-clean [hidden]{display:none!important}
html body .crm-board-clean .crm-card{margin:0!important;background:var(--card)!important;min-width:0;cursor:pointer}
html body .crm-card .crm-note-t,html body .crm-card-top b,html body .crm-biz{white-space:normal!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important;overflow-wrap:anywhere}
html body .crm-card-actions-clean{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
html body .crm-card-actions-clean select{flex:1;min-width:0;width:auto;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink)}
html body .crm-card-actions-clean button{border:1px solid var(--line);border-radius:12px;padding:9px;background:var(--panel);color:var(--ink)}
html body .lq-row{padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
html body .lq-top b{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
html body .lq-item-discount{display:flex;align-items:center;gap:14px;margin:12px 0;flex-wrap:wrap}
html body .lq-item-discount label{display:flex!important;align-items:center;gap:10px;margin:0!important;font-size:12px!important}
html body .lq-item-discount input{width:120px!important;min-width:0}
html body .lq-item-discount small{color:var(--muted);font-size:11px}
html body .lq-opts{padding:16px;background:var(--panel);border:0;border-radius:16px}
html body .lq-sum{background:var(--brand)!important;color:#fff!important;border-radius:18px;padding:20px}
html body .lq-sum :is(small,span,b){color:inherit!important}
html body .lq-actions{display:flex;gap:8px;flex-wrap:wrap}
html body .crm-qmodal{display:flex;flex-direction:column;overflow:hidden!important}
html body .crm-qtools,html body .crm-qwa{flex-shrink:0;flex-wrap:wrap;gap:8px;padding:12px!important;background:var(--panel)!important;color:var(--ink)!important}
html body .crm-qstage{overflow:auto!important;min-height:0;flex:1}
@media(max-width:600px){html body .crm-board-clean .crm-col-b{grid-template-columns:minmax(0,1fr)}html body .lq-ctl{flex-wrap:wrap;gap:10px}html body .lq-ctl select{max-width:100%!important}html body .lq-price{margin-left:0!important}html body .crm-qtools .btn,html body .crm-qwa button{font-size:12px!important;padding:8px!important}html body .md-pl-i{width:27px;height:27px}html body .md-pl-edit{padding:5px}html body .md-pl-x{width:20px}}

html body .crm-board-clean .crm-col-b[hidden],html body .crm-board-clean .crm-col[hidden]{display:none!important}
.crm-qwa-help{flex-basis:100%;font-size:12px;line-height:1.5;color:var(--muted);margin:0}
html body .crm-board-clean .crm-col{flex:0 0 auto!important;min-height:0!important;max-height:none!important}
html body .crm-qwa{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
html body .crm-qwa>.crm-qwa-l{flex:1 0 100%;min-width:0;overflow-wrap:anywhere}
html body .crm-qwa>.crm-qwa-app{flex:0 0 auto;max-width:100%}
html body .crm-qwa>.crm-wab{flex:0 0 auto;white-space:normal;min-height:40px;max-width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:22px}
html body .crm-qwa>.crm-wab.main{background:var(--brand);border-color:var(--brand);color:#fff}
html body .crm-qwa>.crm-wab:disabled{opacity:.5}