/* ==========================================================================
   COD Process — brand layer for media.codprocess.app
   Ported from the COD Process Team design system (app.css + cod-brand.css).
   Loaded LAST on the login page and on every authenticated page, so it wins
   over the per-page inline <style> blocks without touching page logic.

   Tokens (identical to COD Process Team):
     sidebar navy #07133a → #09194a   primary #4c5eff   violet #6c59ff
     sky #27a8ff   purple #8f4cff     bg #f5f7fb   panel #fff   line #e8edf7
     text #14213d  muted #7081a6      soft #eef2ff
   ========================================================================== */

:root{
  /* --- COD Process Team tokens ------------------------------------------ */
  --cp-navy:#07133a;
  --cp-navy-2:#09194a;
  --cp-blue:#4c5eff;
  --cp-sky:#27a8ff;
  --cp-violet:#6c59ff;
  --cp-purple:#8f4cff;
  --cp-lavender:#eef2ff;
  --cp-line:#e8edf7;
  --cp-text:#14213d;
  --cp-muted:#7081a6;
  --cp-label:#41527a;
  --cp-shadow:0 16px 40px rgba(18,33,73,.08);
  --cp-font:"Figtree",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  /* --- Re-point the media app's own tokens at the brand ------------------ */
  --cbs-primary:#4c5eff;
  --cbs-primary-hover:#3f4fe0;
  --cbs-primary-dark:#3241c4;
  --cbs-primary-soft:#eef2ff;
  --cbs-background:#f5f7fb;
  --cbs-background-light:#eef1fa;
  --cbs-card:#ffffff;
  --cbs-card-hover:#fafbff;
  --cbs-input:#ffffff;
  --cbs-border:#e8edf7;
  --cbs-border-strong:#d6def0;
  --cbs-text:#14213d;
  --cbs-muted:#7081a6;
  --cbs-success:#16a34a;
  --cbs-warning:#f59e0b;
  --cbs-danger:#ef4444;
  --cbs-purple:#6c59ff;
  --cbs-radius:14px;
  --cbs-shadow-xs:0 1px 2px rgba(18,33,73,.04);
  --cbs-shadow-sm:0 16px 40px rgba(18,33,73,.08);
  --cbs-shadow-md:0 18px 44px rgba(18,33,73,.12);
}

html,body{background:#f5f7fb!important;color:var(--cp-text)!important}
body,button,input,select,textarea{font-family:var(--cp-font)!important}
body{-webkit-font-smoothing:antialiased}

/* ==========================================================================
   App shell — navy sidebar (was: top header)
   ========================================================================== */
.cbs-app{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr);
  min-height:100vh;
  background:#f5f7fb!important;
}
.cbs-header{
  position:sticky!important;
  top:0;
  height:100vh;
  z-index:1000;
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  gap:16px!important;
  grid-template-columns:none!important;
  padding:22px 14px 18px!important;
  background:linear-gradient(180deg,#07133a,#09194a)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  overflow-y:auto;
}

/* Brand block */
.cbs-brand{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  gap:8px!important;
  min-width:0!important;
  padding:8px 0 12px 10px;
}
.cbs-brand-wordmark{display:block;width:152px;max-width:100%;height:auto}
.cbs-brand-text strong{display:none!important}
.cbs-brand-text span{
  display:block;
  margin:0!important;
  color:#91a0cd!important;
  font-size:11px!important;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Navigation */
.cbs-navigation{
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  gap:6px!important;
  margin-top:6px;
  grid-template-columns:none!important;
}
.cbs-nav-item{
  display:flex!important;
  align-items:center;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:0!important;
  padding:12px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#d2d9f1!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0;
  transition:.2s ease;
}
.cbs-nav-item:hover{background:transparent!important;color:#fff!important}
.cbs-nav-item.is-active{
  background:linear-gradient(135deg,#4c5eff,#5f6dff)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(76,94,255,.25)!important;
}
.cbs-nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;opacity:.95;font-size:0}
.cbs-nav-icon svg{width:18px;height:18px}

/* Account block — pinned to the bottom like the Team sidebar */
.cbs-user-area{
  margin-top:auto;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:2px 10px!important;
  min-width:0!important;
  padding:14px 12px 0;
  border-top:1px solid rgba(255,255,255,.08);
  justify-content:stretch!important;
}
.cbs-avatar{
  grid-column:1;grid-row:1;
  width:40px!important;height:40px!important;
  border-radius:50%!important;
  border:0!important;
  background:linear-gradient(135deg,#5163ff,#6f57ff)!important;
  color:#fff!important;
  font-size:15px;font-weight:700;
  box-shadow:none!important;
}
.cbs-user-information{grid-column:2;grid-row:1;text-align:left!important;min-width:0}
.cbs-user-information strong{color:#fff!important;font-size:14px!important;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbs-user-information span{color:#93a2d0!important;font-size:12px!important;margin-top:2px;display:block}
.cbs-logout{
  grid-column:1/-1;grid-row:2;
  justify-content:flex-start!important;
  gap:8px;
  min-height:0!important;
  width:auto!important;
  margin-top:10px;
  padding:0 0 0 2px!important;
  border:0!important;
  background:transparent!important;
  color:#91a0cd!important;
  font-size:12px!important;
  font-weight:500;
  box-shadow:none!important;
}
.cbs-logout:hover{background:transparent!important;color:#fff!important}
.cbs-logout-icon svg{width:14px;height:14px}

/* ==========================================================================
   Main content & page head
   ========================================================================== */
.cbs-main{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding:28px 22px 40px!important;
  min-width:0;
  overflow:hidden;
  background:transparent!important;
}
.cbs-page-header{
  display:flex!important;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px!important;
}
.cbs-page-title-group{display:flex;align-items:flex-start;gap:18px;min-width:0}
.cbs-page-icon{
  flex:0 0 auto;
  width:74px;height:74px;
  display:grid;place-items:center;
  border-radius:18px;
  border:1px solid #e8ebfb;
  background:linear-gradient(180deg,#eef1ff,#f7f8ff);
  color:var(--cp-blue);
  box-shadow:0 10px 22px rgba(89,103,255,.10);
}
.cbs-page-icon svg{width:32px;height:32px}
.cbs-page-header h1{
  margin:0 0 8px!important;
  color:var(--cp-text)!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1.15;
  letter-spacing:-.01em!important;
}
.cbs-page-header p{margin:0;color:var(--cp-muted)!important;font-size:14px!important}

/* Buttons — .btn / .btn-primary / .btn-secondary / .mini-btn pattern */
.cbs-header-button,
.cbs-submit,
.cbs-fin-btn-primary,.cbs-fees-btn-primary,.cbs-source-button-primary,.cbs-pp-button-primary,.cbs-dp-button-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;
  padding:11px 16px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#5b69ff,#5a4dff)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  box-shadow:0 14px 28px rgba(91,105,255,.24)!important;
  transition:.2s ease;
  cursor:pointer;
}
.cbs-header-button:hover,.cbs-submit:hover{transform:translateY(-1px)}
.cbs-fin-btn,.cbs-fees-btn,.cbs-source-button,.cbs-pp-button,.cbs-dp-button,.cbs-data-action-button,
.cbs-filter-reset,.cbs-filter-action button{
  border-radius:12px!important;
  font-weight:700!important;
}

/* ==========================================================================
   Cards, panels, containers — radius 20 / 1px line / soft navy shadow
   ========================================================================== */
.cbs-kpi-card,.cbs-panel,.cbs-placeholder,.cbs-performance-panel,.cbs-filters,
.cbs-analytics-v2-card,.cbs-analytics-v2-chart-box,.cbs-analytics-v2-daily-card,.cbs-analytics-v2-rate-card,
.cbs-calc-v3-card,.cbs-calc-v3-forecast-card,.cbs-calc-v3-forecast-cost-panel,.cbs-calc-v3-forecast-input-panel,.cbs-calc-v3-panel,.cbs-calc-v3-section,
.cbs-dashboard-financial-card,.cbs-dashboard-kpi-card,
.cbs-data-table-card,.cbs-dp-table-card,.cbs-pp-table-card,.cbs-pp-filter-card,
.cbs-fin-card,.cbs-fin-chart-panel,.cbs-fin-panel,.cbs-goals-summary-card,.cbs-source-kpi,.cbs-week-card{
  border:1px solid var(--cp-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  color:var(--cp-text)!important;
  box-shadow:var(--cp-shadow)!important;
}
.cbs-fin-modal-card,.cbs-goals-modal-card{
  border:1px solid #e9ecf7!important;
  border-radius:24px!important;
  box-shadow:0 22px 60px rgba(10,20,55,.2)!important;
}
.cbs-filters{padding:18px!important;gap:14px!important}
.cbs-panel-header,.cbs-performance-panel .cbs-panel-header{
  padding:18px!important;
  border-bottom:1px solid var(--cp-line)!important;
  background:#fff!important;
}
.cbs-panel-header h2{color:var(--cp-text);font-size:18px;font-weight:800;letter-spacing:-.01em}
.cbs-panel-header span{color:var(--cp-muted)}

/* KPI / metric cards — 62px soft circular icon, label / value / note stack */
.cbs-kpi-card{
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:18px!important;
  min-height:120px!important;
  padding:22px!important;
  border-color:color-mix(in srgb,var(--kpi-color,#4c5eff) 22%,#e8edf7)!important;
}
.cbs-kpi-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(18,33,73,.12)!important}
.cbs-kpi-icon{
  width:62px!important;height:62px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--kpi-color,#4c5eff) 14%,#fff)!important;
  color:var(--kpi-color,#4c5eff)!important;
  box-shadow:none!important;
}
.cbs-kpi-icon svg{width:26px;height:26px}
.cbs-kpi-label{color:var(--cp-label)!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:6px}
.cbs-kpi-value{color:var(--cp-text)!important;font-size:22px!important;font-weight:800!important;line-height:1.1;margin:0 0 8px!important}
.cbs-kpi-note{color:#8492b5!important;font-size:13px!important}
.cbs-kpi-positive{color:#1e9951!important}
.cbs-kpi-negative{color:#e34b5e!important}

/* KPI palette → COD Process accents */
.cbs-kpi-leads    {--kpi-color:#6156ff;--kpi-border:#e2e0ff}
.cbs-kpi-confirmed{--kpi-color:#18a24a;--kpi-border:#d9f1de}
.cbs-kpi-delivered{--kpi-color:#27a8ff;--kpi-border:#d6ecff}
.cbs-kpi-revenue  {--kpi-color:#4c5eff;--kpi-border:#dce4ff}
.cbs-kpi-profit   {--kpi-color:#16a34a;--kpi-border:#d9f1de}
.cbs-kpi-ads      {--kpi-color:#8f4cff;--kpi-border:#e9dcff}
.cbs-kpi-cpl      {--kpi-color:#f59e0b;--kpi-border:#fbe8b8}
.cbs-kpi-cpd      {--kpi-color:#27a8ff;--kpi-border:#d6ecff}
.cbs-kpi-roi      {--kpi-color:#6c59ff;--kpi-border:#e2e0ff}
.cbs-kpi-stock    {--kpi-color:#f59e0b;--kpi-border:#fbe8b8}
.cbs-kpi-margin   {--kpi-color:#8f4cff;--kpi-border:#e9dcff}

/* ==========================================================================
   Forms & filters — 44px controls, radius 14, indigo focus
   ========================================================================== */
.cbs-field label{
  margin-bottom:6px;
  color:var(--cp-label)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.cbs-field select,.cbs-field input,.cbs-field textarea,
main input[type=text],main input[type=number],main input[type=date],main input[type=email],main input[type=search],main select,main textarea{
  min-height:44px;
  border:1px solid var(--cp-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#233254!important;
  font-size:13px;
}
.cbs-field textarea,main textarea{min-height:88px}
.cbs-field select:focus,.cbs-field input:focus,.cbs-field textarea:focus,
main input:focus,main select:focus,main textarea:focus{
  border-color:var(--cp-blue)!important;
  outline:none;
  box-shadow:0 0 0 3px rgba(76,94,255,.12)!important;
}

/* ==========================================================================
   Tables — flat header, 13px cells, hairline rows, no zebra
   ========================================================================== */
main table{border-collapse:collapse}
main table thead th{
  padding:14px!important;
  border-bottom:1px solid var(--cp-line)!important;
  background:#fff!important;
  color:#61739d!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap;
}
main table tbody td,main table tfoot td{
  padding:14px!important;
  border-bottom:1px solid var(--cp-line)!important;
  color:var(--cp-text);
  font-size:13px!important;
}
main table tbody tr:nth-child(even) td{background:transparent!important}
main table tbody tr:hover td{background:#fbfcff!important}
main table tfoot td{background:#fafbff!important;font-weight:800}

/* Pills / badges / chips — radius 10, 12px/700 */
.cbs-performance-badge,.cbs-rate-pill{border-radius:10px!important;font-size:12px!important;font-weight:700!important}
.cbs-performance-tabs{gap:8px}
.cbs-performance-tab,.cbs-data-tab{
  border:1px solid var(--cp-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#42527a!important;
  font-size:13px!important;
  font-weight:600!important;
}
.cbs-performance-tab.is-active,.cbs-data-tab.is-active{
  border-color:transparent!important;
  background:linear-gradient(135deg,#5b69ff,#5a4dff)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(91,105,255,.22);
}
.cbs-performance-pagination button:not(.cod-select-trigger){border-radius:10px!important;border:1px solid var(--cp-line)!important;background:#fff!important;color:#6c7da7!important}
.cbs-performance-pagination button:not(.cod-select-trigger):hover:not(:disabled){background:var(--cp-lavender)!important}

/* Notices */
.cbs-data-notice{border-radius:14px}
.cbs-data-notice-success{border-color:#d9f1de!important;background:#eaf8ef!important;color:#1e9951!important}
.cbs-data-notice-error{border-color:#f7dddd!important;background:#fff0f1!important;color:#de4a5d!important}

/* ==========================================================================
   Responsive — sidebar collapses to a top bar
   ========================================================================== */
@media (max-width:1100px){
  .cbs-app{grid-template-columns:1fr}
  .cbs-header{position:static!important;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 14px!important;gap:10px!important}
  .cbs-brand{padding:0}
  .cbs-brand-text{display:none}
  .cbs-brand-wordmark{width:120px}
  .cbs-navigation{flex-direction:row!important;overflow-x:auto;order:3;width:100%;margin-top:0}
  .cbs-nav-item{padding:10px 12px!important;white-space:nowrap}
  .cbs-user-area{margin:0 0 0 auto;padding:0;border:0;grid-template-columns:40px auto auto}
  .cbs-user-information{grid-row:1}
  .cbs-logout{grid-column:auto;grid-row:1;margin:0 0 0 10px}
  .cbs-main{padding:20px 14px 32px!important}
}
@media (max-width:640px){
  .cbs-page-icon{width:54px;height:54px;border-radius:14px}
  .cbs-page-icon svg{width:24px;height:24px}
  .cbs-page-header{flex-direction:column}
  .cbs-page-header h1{font-size:24px!important}
}

/* ==========================================================================
   Sign-in — navy stage, glass card, gradient glows (COD Process Team login)
   ========================================================================== */
body.cp-login{
  min-height:100vh;min-height:100dvh;
  background:var(--cp-navy)!important;
  color:#e8ecfb!important;
  position:relative;overflow-x:hidden;
}
body.cp-login::before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:
    radial-gradient(38% 45% at 18% 22%,rgba(76,94,255,.28),transparent 70%),
    radial-gradient(40% 45% at 85% 80%,rgba(143,76,255,.24),transparent 70%),
    radial-gradient(65% 60% at 50% 50%,rgba(9,22,92,.46),rgba(7,17,66,.74) 100%);
}
body.cp-login .cbs-login-page{position:relative;z-index:1}
body.cp-login .cbs-login-visual{
  background:transparent!important;
  color:#fff;
}
body.cp-login .cbs-login-visual::before,
body.cp-login .cbs-login-visual::after{background:rgba(138,156,255,.06)}
body.cp-login .cbs-login-brand-mark{
  width:auto;height:auto;background:transparent!important;box-shadow:none!important;border-radius:0;
}
body.cp-login .cbs-login-brand-mark img{display:block;height:48px;width:auto}
body.cp-login .cbs-login-brand-mark svg{display:none}
body.cp-login .cbs-login-brand-copy strong{
  color:#fff;font-weight:800;letter-spacing:-.02em;
}
body.cp-login .cbs-login-brand-copy span{
  color:#d9e0f7;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.2em;
}
body.cp-login .cbs-login-visual h1{color:#fff;font-weight:800;letter-spacing:-.01em}
body.cp-login .cbs-login-visual p{color:#c3cdf0}
body.cp-login .cbs-login-point{
  border:1px solid rgba(138,156,255,.24)!important;
  border-radius:14px;
  background:rgba(255,255,255,.06)!important;
  color:#fff;
}
body.cp-login .cbs-login-form-side{background:transparent!important}
body.cp-login .cbs-login-card{
  border:1px solid rgba(138,156,255,.24)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,26,74,.80),rgba(9,17,52,.86))!important;
  box-shadow:0 30px 70px rgba(3,8,30,.45),0 0 0 1px rgba(76,94,255,.06),inset 0 1px 0 rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  color:#e8ecfb;
}
body.cp-login .cbs-login-mobile-brand .cbs-login-brand-mark img{height:40px}
body.cp-login .cbs-login-mobile-brand strong{color:#fff}
body.cp-login .cbs-login-mobile-brand span{color:#93a2d0}
body.cp-login .cbs-login-kicker{color:#8fa0ff!important;font-weight:700;letter-spacing:.14em}
body.cp-login .cbs-login-card h2{color:#fff!important;font-size:28px;font-weight:800;letter-spacing:-.01em}
body.cp-login .cbs-login-intro{color:#b7c2e6!important}
body.cp-login .cbs-field label{color:#d9e0f7!important}
body.cp-login .cbs-field input[type="text"],
body.cp-login .cbs-field input[type="password"]{
  min-height:48px;
  border:1px solid rgba(138,156,255,.28)!important;
  border-radius:14px!important;
  background:rgba(7,19,58,.55)!important;
  color:#fff!important;
}
body.cp-login .cbs-field input:focus{
  border-color:#4c5eff!important;
  box-shadow:0 0 0 3px rgba(76,94,255,.28)!important;
}
body.cp-login .cbs-input-icon,
body.cp-login .cbs-password-toggle{color:#8fa0d6!important}
body.cp-login .cbs-remember,
body.cp-login .cbs-login-options{color:#b7c2e6!important}
body.cp-login .cbs-submit{width:100%;min-height:48px}
body.cp-login .cbs-login-footer{color:#93a2d0!important}
body.cp-login .cbs-login-footer strong{color:#fff}
body.cp-login .cbs-login-error{
  border:1px solid rgba(255,107,125,.35)!important;
  border-radius:14px;
  background:rgba(239,68,68,.14)!important;
  color:#ffb4bd!important;
}

/* ==========================================================================
   Shell overrides that neutralise the legacy top-header breakpoints
   ========================================================================== */
.cbs-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:18px!important;margin-bottom:18px}
.cbs-nav-item span:last-child{display:inline!important}
.cbs-logout span:last-child{display:inline!important}
.cbs-avatar{display:flex!important}
.cbs-user-information{display:block!important}
.cbs-logout{display:inline-flex!important}
@media (max-width:640px){
  .cbs-user-information{display:none!important}
  .cbs-kpi-grid{grid-template-columns:1fr!important}
}
::-webkit-scrollbar-thumb{background:#c9d2f2!important;border-color:#eef1fa!important}
*{scrollbar-color:#c9d2f2 #eef1fa!important}

/* Sign-in refinements */
body.cp-login .cbs-login-card{width:min(460px,100%);padding:40px 40px 34px}
body.cp-login .cbs-login-visual::before,
body.cp-login .cbs-login-visual::after{display:none}
body.cp-login .cbs-login-kicker{
  background:rgba(76,94,255,.18)!important;
  border:1px solid rgba(138,156,255,.28);
  color:#aab6ff!important;
}
body.cp-login .cbs-login-kicker::before{background:#27a8ff!important;box-shadow:0 0 0 4px rgba(39,168,255,.16)!important}
body.cp-login .cbs-login-footer{border-top:1px solid rgba(138,156,255,.18)!important}
body.cp-login .cbs-remember input{accent-color:#4c5eff}
@media (max-width:980px){
  body.cp-login .cbs-login-form-side{padding:32px 20px}
  body.cp-login .cbs-login-card{padding:32px 24px 28px}
}

/* ==========================================================================
   PARITY LAYER — exact sizes/colors of COD Process Team
   (values read from Team's app.css "Sidebar geometry lock", workspace-contrast.css
   and team-performance-v2.css tokens)
   ========================================================================== */
@font-face{font-family:"Baloo Bhaina 2 Local";src:local("Baloo Bhaina 2");font-weight:500}
:root{
  --cp-font:"Baloo Bhaina 2","Figtree",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cp-canvas:#D7DFEE;           /* workspace canvas (Team workspace-contrast.css) */
  --bg:#D7DFEE;
}
/* Canvas scale: identical to Team → every px value below renders at Team's size */
html.crm-layout-ready{zoom:var(--crm-ui-scale,1)!important;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable}
html,body{background:var(--cp-canvas)!important}
body:not(.cp-login),body:not(.cp-login) button,body:not(.cp-login) input,body:not(.cp-login) select,body:not(.cp-login) textarea{font-family:var(--cp-font)!important}

/* Layout: 195px rail + canvas */
@media (min-width:768px){
  .cbs-app{grid-template-columns:195px minmax(0,1fr)!important;min-height:var(--crm-viewport-height,100vh)}
  .cbs-header{
    position:fixed!important;inset:0 auto auto 0!important;
    width:195px!important;min-width:195px!important;max-width:195px!important;
    height:var(--crm-viewport-height,100vh)!important;
    padding:17px 8px 14px 14px!important;
    gap:12px!important;
    z-index:100;
  }
  .cbs-main{grid-column:2!important;background:var(--cp-canvas)!important}
  .cbs-app::before{content:"";grid-column:1;grid-row:1}
}
.cbs-header .cbs-brand{padding:6px 0 10px 8px}
.cbs-brand-wordmark{width:152px}

/* Nav item: 173×46, 12.4px / 650, icon box 34px (svg 24px) */
.cbs-navigation{gap:6px!important;margin-top:6px}
.cbs-nav-item{
  position:relative;
  box-sizing:border-box!important;
  width:173px;height:46px!important;min-height:46px!important;
  padding:0 8px!important;gap:9px!important;
  font-size:12.4px!important;font-weight:650!important;line-height:1.15!important;letter-spacing:0!important;
  border-radius:14px!important;
  color:#d2d9f1!important;
}
.cbs-nav-item>span:last-child{flex:1 1 auto;min-width:0;white-space:nowrap;font-size:12.4px;font-weight:650;line-height:1.15}
.cbs-nav-icon{
  width:34px!important;height:34px!important;min-width:34px;flex:0 0 34px!important;
  display:grid!important;place-items:center;
  border-radius:50%;
  color:#dbe4ff;
  opacity:1;
}
.cbs-nav-icon svg{width:24px!important;height:24px!important;display:block}

/* Selected item — same connected tab as Team: canvas-coloured pill + curved corners */
.cbs-nav-item.is-active{
  border-radius:999px 0 0 999px!important;
  background:var(--cp-canvas)!important;
  color:#142247!important;
  box-shadow:8px 0 0 var(--cp-canvas)!important;
  margin-right:-8px;
  width:181px;
}
.cbs-nav-item.is-active>span:last-child{color:#142247}
.cbs-nav-item.is-active .cbs-nav-icon{
  background:linear-gradient(135deg,#643cff,#4b2bff);
  color:#fff;
  box-shadow:0 8px 18px rgba(83,89,255,.28);
}
.cbs-nav-item.is-active .cbs-nav-icon svg{width:23px!important;height:23px!important}
.cbs-nav-item.is-active::before,
.cbs-nav-item.is-active::after{
  content:"";position:absolute;right:-8px;width:22px;height:22px;pointer-events:none;background:transparent;
}
.cbs-nav-item.is-active::before{top:-22px;border-bottom-right-radius:22px;box-shadow:8px 8px 0 8px var(--cp-canvas)}
.cbs-nav-item.is-active::after{bottom:-22px;border-top-right-radius:22px;box-shadow:8px -8px 0 8px var(--cp-canvas)}
.cbs-nav-item:hover:not(.is-active){background:transparent!important;color:#fff!important}
.cbs-header{overflow:visible}
.cbs-navigation{overflow:visible}

/* Page head (Team: h1 28/… , subtitle 14, icon tile 74) */
.cbs-main{padding:28px 22px 40px!important}
.cbs-page-icon{width:74px;height:74px}
.cbs-page-header h1{font-size:28px!important;line-height:1.15;font-weight:800}
.cbs-page-header p{font-size:14px!important}

/* Cards: Team overview-card metrics (padding 24/22, min-height 140, icon 62, 14/22/13 type) */
.cbs-kpi-card{padding:24px 22px!important;min-height:140px!important;gap:18px!important;border-radius:20px!important}
.cbs-kpi-icon{width:62px!important;height:62px!important}
.cbs-kpi-icon svg{width:26px!important;height:26px!important}
.cbs-kpi-label{font-size:14px!important;font-weight:600!important}
.cbs-kpi-value{font-size:22px!important;font-weight:800!important}
.cbs-kpi-note{font-size:13px!important}
/* Panels sit on the canvas exactly like Team's panels */
.cbs-panel,.cbs-performance-panel,.cbs-filters,.cbs-placeholder{background:#F3F6FC!important;border-color:#C9D3E4!important;box-shadow:0 1px 2px rgba(24,39,78,.05),0 8px 24px rgba(24,39,78,.07)!important}
.cbs-panel-header,.cbs-performance-panel .cbs-panel-header{background:transparent!important}
.cbs-kpi-card,.cbs-dashboard-kpi-card,.cbs-dashboard-financial-card,.cbs-fin-card,.cbs-source-kpi,.cbs-goals-summary-card,.cbs-analytics-v2-card{
  box-shadow:0 1px 2px rgba(24,39,78,.05),0 6px 18px rgba(24,39,78,.08)!important;
}
/* Tables/inputs text sizes = Team body 13 / controls 44 */
main table tbody td,main table tfoot td{font-size:13px!important}
main table thead th{font-size:12px!important}
main table thead th,.cbs-performance-table thead th{background:transparent!important}
.cbs-user-area{padding:14px 12px 0}
.cbs-user-information strong{font-size:14px!important}
.cbs-user-information span{font-size:12px!important}
.cbs-logout{font-size:12px!important}

@media (max-width:767px){
  .cbs-nav-item{width:auto;height:auto!important;padding:10px 12px!important}
  .cbs-nav-item.is-active{border-radius:14px!important;box-shadow:none!important;margin-right:0;width:auto;background:linear-gradient(135deg,#4c5eff,#5f6dff)!important;color:#fff!important}
  .cbs-nav-item.is-active::before,.cbs-nav-item.is-active::after{display:none}
  .cbs-nav-item.is-active .cbs-nav-icon{background:transparent;box-shadow:none}
  .cbs-nav-item.is-active>span:last-child{color:#fff}
}

/* ==========================================================================
   ROUND 3 — icons + dashboard styled after the approved mockups
   ========================================================================== */
:root{--cp-btn:linear-gradient(135deg,#4f5dff,#3b35e8);--cp-btn-shadow:0 12px 26px rgba(66,64,240,.28)}

/* --- Sidebar icons: 2px outline, rounded, exactly like the mockup --------- */
.cbs-nav-icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cbs-nav-icon svg *{vector-effect:none}
.cbs-nav-item.is-active .cbs-nav-icon svg{stroke:#fff}
.cbs-nav-item.is-active .cbs-nav-icon{background:linear-gradient(135deg,#5a4bff,#4a3af0);box-shadow:0 8px 18px rgba(83,70,255,.35)}
.cbs-nav-item.is-active .cbs-nav-icon svg{width:21px!important;height:21px!important}

/* --- Active tab connector: smooth concave curves, never clipped ----------- */
.cbs-header,.cbs-navigation{overflow:visible!important;contain:none!important}
.cbs-header{clip-path:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.cbs-nav-item.is-active::before,.cbs-nav-item.is-active::after{
  right:-8px;width:24px;height:24px;background:transparent;z-index:1;
}
.cbs-nav-item.is-active::before{top:-24px;border-bottom-right-radius:24px;box-shadow:9px 9px 0 9px var(--cp-canvas)}
.cbs-nav-item.is-active::after{bottom:-24px;border-top-right-radius:24px;box-shadow:9px -9px 0 9px var(--cp-canvas)}
.cbs-navigation{gap:8px!important;padding-right:0}
.cbs-nav-item.is-active{z-index:2}

/* --- Page head ------------------------------------------------------------ */
.cbs-page-icon{width:88px;height:88px;border-radius:24px;background:#fff;border:1px solid #e6eafb;box-shadow:0 12px 28px rgba(60,72,160,.10);color:#4a3af0}
.cbs-page-icon svg{width:38px;height:38px}
.cbs-page-dashboard .cbs-page-icon svg *{fill:currentColor;stroke:currentColor}
.cbs-page-header h1{font-size:34px!important;letter-spacing:-.01em!important;margin-bottom:6px!important}
.cbs-page-header p{font-size:16px!important;color:#6f7fa8!important}
.cbs-header-button{min-height:66px!important;padding:0 26px!important;border-radius:20px!important;background:var(--cp-btn)!important;box-shadow:var(--cp-btn-shadow)!important;font-size:18px!important;gap:12px!important}
.cbs-header-button svg{width:22px;height:22px}

/* --- Filters card --------------------------------------------------------- */
.cbs-filters{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr)) auto!important;
  align-items:end;gap:18px!important;
  padding:22px 26px!important;border-radius:24px!important;
  background:#fff!important;border:1px solid #e8ecf8!important;
  box-shadow:0 10px 30px rgba(60,72,160,.08)!important;
}
.cbs-filters .cbs-field label{font-size:14px!important;font-weight:700!important;color:#3d4b6b!important;margin-bottom:8px}
.cbs-filters select{
  appearance:none;-webkit-appearance:none;
  height:54px;min-height:54px!important;width:100%;
  padding:0 42px 0 52px!important;
  border:1px solid #e3e8f6!important;border-radius:16px!important;background-color:#fff!important;
  font-size:16px;font-weight:600;color:#14213d!important;
  background-repeat:no-repeat!important;
  background-position:16px 50%,right 16px center!important;
  background-size:22px 22px,16px 16px!important;
}
.cbs-filters select{background-image:var(--ic),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314213d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}
#cbs-dashboard-user{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.4-3.6 2.8-5.5 6.5-5.5s6.1 1.9 6.5 5.5M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.8c2 .7 3.2 2.4 3.5 5.2'/%3E%3C/svg%3E")}
#cbs-dashboard-country{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.7 5.6 3.7 9s-1.2 6.4-3.7 9c-2.5-2.6-3.7-5.6-3.7-9S9.5 5.6 12 3z'/%3E%3C/svg%3E")}
#cbs-dashboard-product{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.500 7.400v9.200L12 21.200 3.500 16.600V7.400L12 2.800z'/%3E%3Cpath d='m3.700 7.600 8.300 4.600 8.300-4.600M12 12.200v9'/%3E%3C/svg%3E")}
#cbs-dashboard-service{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 6.500h11v10h-11zM13.500 10h4l3 3.200v3.300h-7'/%3E%3Ccircle cx='7' cy='17.500' r='2'/%3E%3Ccircle cx='17' cy='17.500' r='2'/%3E%3C/svg%3E")}
#cbs-dashboard-range{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.500' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3.500 10h17'/%3E%3C/svg%3E")}
.cbs-filter-action{display:flex;align-items:center;gap:14px;grid-column:auto!important}
.cbs-filter-action button,.cbs-filter-reset{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  height:54px;padding:0 26px;border-radius:16px!important;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap;
}
.cbs-filter-action button{border:0!important;background:var(--cp-btn)!important;color:#fff!important;box-shadow:var(--cp-btn-shadow)}
.cbs-filter-action button::before,.cbs-filter-reset::before{content:"";width:22px;height:22px;background-repeat:no-repeat;background-size:contain}
.cbs-filter-action button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.500h18l-7 8.500v6l-4 2v-8z'/%3E%3C/svg%3E")}
.cbs-filter-reset{border:1px solid #e3e8f6!important;background:#fff!important;color:#14213d!important;box-shadow:0 6px 16px rgba(60,72,160,.08)}
.cbs-filter-reset::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314213d' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.400-5.700'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/svg%3E")}
.cbs-custom-date-fields{grid-column:1/-1}

/* --- KPI cards: 5 × 2, tinted rounded-square icon, mini bars top-right ---- */
.cbs-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
.cbs-kpi-card{
  position:relative;
  display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;align-items:center;
  gap:20px!important;min-height:128px!important;padding:24px 26px!important;
  border:1px solid #edf0fa!important;border-radius:24px!important;background:#fff!important;
  box-shadow:0 10px 30px rgba(60,72,160,.07)!important;
}
.cbs-kpi-icon{
  width:74px!important;height:74px!important;border-radius:20px!important;
  background:var(--kpi-tint,#efebff)!important;color:var(--kpi-color,#5b4ef0)!important;box-shadow:none!important;
}
.cbs-kpi-icon svg{width:36px!important;height:36px!important;stroke-width:1.9}
.cbs-kpi-label{font-size:16px!important;font-weight:700!important;color:#2b3a5e!important;margin-bottom:4px!important}
.cbs-kpi-value{font-size:30px!important;font-weight:800!important;line-height:1.05!important;margin:0 0 4px!important}
.cbs-kpi-note{font-size:15px!important;color:#7f8fb0!important}
.cbs-kpi-card::after{
  display:block!important;content:"";position:absolute;top:26px;right:26px;width:28px;height:28px;
  background:
    linear-gradient(var(--kpi-color),var(--kpi-color)) 0 100%/4px 10px no-repeat,
    linear-gradient(var(--kpi-color),var(--kpi-color)) 8px 100%/4px 15px no-repeat,
    linear-gradient(var(--kpi-color),var(--kpi-color)) 16px 100%/4px 21px no-repeat,
    linear-gradient(var(--kpi-color),var(--kpi-color)) 24px 100%/4px 28px no-repeat;
  opacity:.9;border-radius:2px;
}
.cbs-kpi-leads    {--kpi-color:#5b4ef0;--kpi-tint:#efebff}
.cbs-kpi-confirmed{--kpi-color:#16a34a;--kpi-tint:#e2f6e9}
.cbs-kpi-delivered{--kpi-color:#2b9df5;--kpi-tint:#e0f1ff}
.cbs-kpi-revenue  {--kpi-color:#5b4ef0;--kpi-tint:#ece9fc}
.cbs-kpi-profit   {--kpi-color:#16a34a;--kpi-tint:#e2f6e9}
.cbs-kpi-cpl      {--kpi-color:#f59e0b;--kpi-tint:#fff1dc}
.cbs-kpi-cpd      {--kpi-color:#2b9df5;--kpi-tint:#e0f1ff}
.cbs-kpi-stock    {--kpi-color:#f59e0b;--kpi-tint:#fff1dc}
.cbs-kpi-margin   {--kpi-color:#5b4ef0;--kpi-tint:#ece9fc}
.cbs-kpi-ads      {--kpi-color:#d946ef;--kpi-tint:#fce7fa}
/* order = mockup (Ads Cost last) */
.cbs-kpi-leads{order:1}.cbs-kpi-confirmed{order:2}.cbs-kpi-delivered{order:3}.cbs-kpi-revenue{order:4}.cbs-kpi-profit{order:5}
.cbs-kpi-cpl{order:6}.cbs-kpi-cpd{order:7}.cbs-kpi-stock{order:8}.cbs-kpi-margin{order:9}.cbs-kpi-ads{order:10}
.cbs-kpi-profit .cbs-kpi-value,.cbs-kpi-margin .cbs-kpi-value,.cbs-kpi-positive{color:#0f9d4d!important}

/* --- Performance Details panel ------------------------------------------- */
.cbs-performance-panel{background:#fff!important;border:1px solid #edf0fa!important;border-radius:24px!important;box-shadow:0 10px 30px rgba(60,72,160,.07)!important;overflow:hidden}
.cbs-performance-panel .cbs-panel-header{padding:22px 26px 14px!important;border:0!important;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cbs-performance-heading{display:flex;align-items:center;gap:14px}
.cbs-performance-heading-icon{width:52px;height:52px;border-radius:16px;background:#eeebff;color:#5b4ef0;display:grid;place-items:center;flex:0 0 52px;font-size:0}
.cbs-performance-heading-icon svg{width:26px;height:26px}
.cbs-performance-panel .cbs-panel-header h2{font-size:24px;font-weight:800;margin:0}
.cbs-performance-panel .cbs-panel-header>div>span{display:block;margin:2px 0 0 66px;font-size:15px;color:#7f8fb0}
.cbs-performance-heading+span{margin-left:66px}
.cbs-performance-tabs{display:flex;gap:10px}
.cbs-performance-tab{height:46px;padding:0 24px;display:inline-flex;align-items:center;border-radius:999px!important;border:1px solid #e3e8f6!important;background:#fff!important;color:#2b3a5e!important;font-size:16px!important;font-weight:700!important;box-shadow:0 4px 12px rgba(60,72,160,.06)}
.cbs-performance-tab.is-active{background:var(--cp-btn)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--cp-btn-shadow)!important}
.cbs-performance-table-wrapper{margin:0 22px;border:1px solid #edf0fa;border-radius:16px;overflow:auto}
.cbs-performance-table thead th{background:#f6f8fd!important;border-right:1px solid #edf0fa;font-size:14px!important;font-weight:700!important;color:#3d4b6b!important;padding:18px 16px!important}
.cbs-performance-table thead th:last-child{border-right:0}
.cbs-empty-row{padding:40px 16px!important;text-align:center;color:#7f8fb0}
.cbs-empty-row .cbs-empty-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border-radius:12px;background:#f3f5ff;color:#8a94d6}
.cbs-empty-row .cbs-empty-icon svg{width:26px;height:26px}
.cbs-empty-title{display:block;font-size:16px;font-weight:800;color:#14213d}
.cbs-empty-sub{display:block;margin-top:4px;font-size:14px;color:#8a98ba}
.cbs-performance-footer{padding:18px 26px!important;font-size:14px;color:#7f8fb0;display:flex;align-items:center;justify-content:space-between}
.cbs-performance-pagination{display:flex;align-items:center;gap:10px}
.cbs-performance-pagination select{height:46px;border-radius:14px;border:1px solid #e3e8f6;padding:0 14px;font-weight:700;color:#14213d;background:#fff}
.cbs-performance-pagination button:not(.cod-select-trigger),.cbs-performance-pagination #cbs-performance-current-page{width:46px;height:46px;border-radius:14px!important;display:grid;place-items:center;font-size:18px}
.cbs-performance-pagination #cbs-performance-current-page{background:var(--cp-btn);color:#fff;font-weight:800;box-shadow:var(--cp-btn-shadow)}

@media (max-width:1500px){.cbs-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:767px){
  .cbs-filters{grid-template-columns:1fr!important}
  .cbs-kpi-grid{grid-template-columns:1fr!important}
  .cbs-performance-panel .cbs-panel-header{flex-direction:column;align-items:flex-start}
}

/* --- Round 3b: clean concave connectors (no spill outside the sidebar) ---- */
.cbs-nav-item.is-active{box-shadow:none!important;margin-right:0!important;width:181px}
.cbs-nav-item.is-active::before,
.cbs-nav-item.is-active::after{
  right:0;width:24px;height:24px;border-radius:0;box-shadow:none;z-index:1;
}
.cbs-nav-item.is-active::before{
  top:-24px;
  background:radial-gradient(circle at 0 0,transparent 23.5px,var(--cp-canvas) 24.5px);
}
.cbs-nav-item.is-active::after{
  bottom:-24px;
  background:radial-gradient(circle at 0 100%,transparent 23.5px,var(--cp-canvas) 24.5px);
}
/* empty state centred in the visible area of the scrolling table */
.cbs-performance-table-wrapper{container-type:inline-size}
.cbs-empty-inner{position:sticky;left:0;width:100cqw;text-align:center}
.cbs-performance-tabs{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.cbs-performance-pagination select{font-size:14px}

/* ==========================================================================
   ROUND 4 — COD Process Team "Dashboard scale" (team-performance-v2.css)
   Fonts, icon boxes, cards, panels, controls: exact Team tokens.
     page title 24/800 · subtitle 12.5 · section title 17 · card title 15
     kpi value 22/800 · metric label 12 · body 12.5 · role/chip 11 · helper 10.5
     icon box page 40 (svg 20) · section 36 (18) · card 32 (16)
     control height 38 · link btn 32 · status 24 · chip 22
     card: padding 14, radius 14, gap 12 · panel: padding 18, radius 18
     shadow 0 4px 16px rgba(24,39,78,.04) · panel bg #fbfcfe · line #e5eaf2
   Placed last so it overrides the earlier, larger mockup-proportion values.
   ========================================================================== */
:root{
  --tp-ink:#14213d; --tp-text:#3d4b6b; --tp-muted:#6b7a96; --tp-line:#e5eaf2; --tp-line-soft:#edf1f7;
  --tp-shadow:0 4px 16px rgba(24,39,78,.04);
  --tp-purple:#5b4ef0; --tp-purple-bg:#efedff; --tp-purple-line:#e0dcfd;
  --tp-blue:#2f6fe4;   --tp-blue-bg:#e9f1ff;   --tp-blue-line:#d6e4fb;
  --tp-green:#16975a;  --tp-green-bg:#e4f6eb;  --tp-green-line:#cdeada;
  --tp-orange:#e1800c; --tp-orange-bg:#fff1de; --tp-orange-line:#f6dfbd;
  --tp-pink:#c026d3;   --tp-pink-bg:#fbe8fd;   --tp-pink-line:#f2cff6;
}

/* Page head */
.cbs-main{padding:22px 22px 40px!important}
.cbs-page-header{margin-bottom:16px!important;align-items:center}
.cbs-page-title-group{gap:12px;align-items:center}
.cbs-page-icon{width:40px;height:40px;border-radius:12px;box-shadow:none;background:#fff;border:1px solid var(--tp-purple-line);color:var(--tp-purple)}
.cbs-page-icon svg{width:20px;height:20px}
.cbs-page-header h1{font-size:24px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.01em!important;margin:0!important;color:var(--tp-ink)!important}
.cbs-page-header p{font-size:12.5px!important;line-height:1.4;font-weight:500;margin:4px 0 0!important;color:var(--tp-muted)!important}
.cbs-header-button{min-height:38px!important;height:38px;padding:0 14px!important;border-radius:10px!important;font-size:12.5px!important;font-weight:700!important;gap:8px!important;box-shadow:0 6px 14px rgba(66,64,240,.22)!important}
.cbs-header-button svg{width:14px;height:14px}

/* Filters = Team subpanel + 38px controls */
.cbs-filters{padding:14px 18px!important;border-radius:18px!important;gap:12px!important;margin-bottom:12px!important;border:1px solid var(--tp-line)!important;box-shadow:var(--tp-shadow)!important;background:#fff!important}
.cbs-filters .cbs-field label,.cbs-field label{font-size:12px!important;font-weight:700!important;color:var(--tp-text)!important;margin-bottom:6px!important}
.cbs-filters select{
  height:38px;min-height:38px!important;padding:0 32px 0 36px!important;border-radius:10px!important;
  font-size:12.5px;font-weight:700;
  background-position:12px 50%,right 11px center!important;background-size:16px 16px,14px 14px!important;
}
.cbs-filter-action{gap:8px}
.cbs-filter-action button,.cbs-filter-reset{height:38px;padding:0 14px;border-radius:10px!important;font-size:12.5px;gap:8px}
.cbs-filter-action button::before,.cbs-filter-reset::before{width:14px;height:14px}
.cbs-filter-action button{box-shadow:0 6px 14px rgba(66,64,240,.22)}
.cbs-filter-reset{box-shadow:0 2px 8px rgba(24,39,78,.03)}

/* KPI cards = .tp2-kpi */
.cbs-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin-bottom:12px}
.cbs-kpi-card{
  display:flex!important;align-items:flex-start!important;gap:12px!important;
  min-height:0!important;padding:14px!important;border-radius:14px!important;overflow:hidden;
  border:1px solid var(--kpi-line,var(--tp-line))!important;
  background:var(--kpi-bg,#fff)!important;
  box-shadow:var(--tp-shadow)!important;
}
.cbs-kpi-card:hover{transform:none;box-shadow:var(--tp-shadow)!important}
.cbs-kpi-icon{
  width:32px!important;height:32px!important;flex:0 0 32px;border-radius:9px!important;
  background:var(--kpi-tint)!important;border:1px solid var(--kpi-tline,transparent);color:var(--kpi-color)!important;
}
.cbs-kpi-icon svg{width:16px!important;height:16px!important;stroke-width:2}
.cbs-kpi-content{display:grid;gap:4px;min-width:0;flex:1}
.cbs-kpi-label{font-size:12px!important;line-height:1.25!important;font-weight:500!important;color:var(--tp-text)!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:26px}
.cbs-kpi-value{font-size:22px!important;line-height:1.1!important;font-weight:800!important;color:var(--tp-ink);margin:0!important}
.cbs-kpi-note{font-size:10.5px!important;line-height:1.4!important;font-weight:500!important;color:var(--tp-muted)!important}
/* wash circle (Team) + mini bars (mockup) */
.cbs-kpi-card::before{content:"";position:absolute;right:-30px;bottom:-36px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,var(--kpi-wash,rgba(91,78,240,.09)) 0%,rgba(255,255,255,0) 72%);pointer-events:none;z-index:0}
.cbs-kpi-card>*{position:relative;z-index:1}
.cbs-kpi-card::after{top:14px;right:14px;width:14px;height:14px;z-index:1;
  background:
    linear-gradient(var(--kpi-color),var(--kpi-color)) 0 100%/2px 5px no-repeat,
    linear-gradient(var(--kpi-color),var(--kpi-color)) 4px 100%/2px 8px no-repeat,
    linear-gradient(var(--kpi-color),var(--kpi-color)) 8px 100%/2px 11px no-repeat,
    linear-gradient(var(--kpi-color),var(--kpi-color)) 12px 100%/2px 14px no-repeat!important}
.cbs-kpi-leads,.cbs-kpi-revenue,.cbs-kpi-margin{--kpi-color:var(--tp-purple);--kpi-tint:var(--tp-purple-bg);--kpi-tline:var(--tp-purple-line);--kpi-line:#e7e3ff;--kpi-bg:linear-gradient(120deg,#fff 0%,#fff 72%,#f7f5ff 100%);--kpi-wash:rgba(91,78,240,.12)}
.cbs-kpi-confirmed,.cbs-kpi-profit{--kpi-color:var(--tp-green);--kpi-tint:var(--tp-green-bg);--kpi-tline:var(--tp-green-line);--kpi-line:#dcefe4;--kpi-bg:linear-gradient(120deg,#fff 0%,#fff 72%,#f3fbf6 100%);--kpi-wash:rgba(22,151,90,.12)}
.cbs-kpi-delivered,.cbs-kpi-cpd{--kpi-color:var(--tp-blue);--kpi-tint:var(--tp-blue-bg);--kpi-tline:var(--tp-blue-line);--kpi-line:#dfe9fb;--kpi-bg:linear-gradient(120deg,#fff 0%,#fff 72%,#f3f7ff 100%);--kpi-wash:rgba(47,111,228,.11)}
.cbs-kpi-cpl,.cbs-kpi-stock{--kpi-color:var(--tp-orange);--kpi-tint:var(--tp-orange-bg);--kpi-tline:var(--tp-orange-line);--kpi-line:#f4e4cc;--kpi-bg:linear-gradient(120deg,#fff 0%,#fff 72%,#fff8ef 100%);--kpi-wash:rgba(225,128,12,.13)}
.cbs-kpi-ads{--kpi-color:var(--tp-pink);--kpi-tint:var(--tp-pink-bg);--kpi-tline:var(--tp-pink-line);--kpi-line:#f5dcf8;--kpi-bg:linear-gradient(120deg,#fff 0%,#fff 72%,#fef5ff 100%);--kpi-wash:rgba(192,38,211,.10)}
.cbs-kpi-profit .cbs-kpi-value,.cbs-kpi-margin .cbs-kpi-value,.cbs-kpi-positive{color:var(--tp-green)!important}
.cbs-kpi-negative{color:#e0374c!important}

/* Panels = .tp2-panel */
.cbs-panel,.cbs-performance-panel{border-radius:18px!important;border:1px solid var(--tp-line)!important;background:#fbfcfe!important;box-shadow:var(--tp-shadow)!important}
.cbs-performance-panel .cbs-panel-header,.cbs-panel-header{padding:18px 18px 12px!important}
.cbs-performance-heading{gap:12px}
.cbs-performance-heading-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:var(--tp-purple-bg);border:1px solid var(--tp-purple-line);color:var(--tp-purple)}
.cbs-performance-heading-icon svg{width:18px;height:18px}
.cbs-performance-panel .cbs-panel-header h2,.cbs-panel-header h2{font-size:17px;line-height:1.2;font-weight:800;color:var(--tp-ink)}
.cbs-performance-panel .cbs-panel-header>div>span,.cbs-performance-heading+span{margin:2px 0 0 48px;font-size:12.5px;line-height:1.4;font-weight:500;color:var(--tp-muted)}
.cbs-performance-tabs{gap:8px}
.cbs-performance-tab{height:32px;padding:0 12px;border-radius:999px!important;font-size:12px!important;font-weight:700!important;box-shadow:none;border:1px solid var(--tp-line)!important;background:#fff!important;color:var(--tp-text)!important}
.cbs-performance-tab.is-active{background:var(--cp-btn)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 14px rgba(66,64,240,.22)!important}
.cbs-performance-table-wrapper{margin:0 18px;border-radius:14px;border:1px solid var(--tp-line-soft);background:#fff}
.cbs-performance-table thead th{padding:11px 14px!important;font-size:12px!important;font-weight:700!important;color:var(--tp-text)!important;background:#f8fafd!important;border-right:1px solid var(--tp-line-soft)}
.cbs-performance-table tbody td{font-size:12.5px!important;padding:11px 14px!important}
.cbs-empty-row{padding:26px 16px!important}
.cbs-empty-row .cbs-empty-icon{width:32px;height:32px;border-radius:9px;margin-bottom:8px;background:var(--tp-purple-bg);color:var(--tp-purple)}
.cbs-empty-row .cbs-empty-icon svg{width:16px;height:16px}
.cbs-empty-title{font-size:15px;font-weight:800}
.cbs-empty-sub{font-size:12.5px;font-weight:500;color:var(--tp-muted)}
.cbs-performance-footer{padding:14px 18px!important;font-size:12px;font-weight:500;color:var(--tp-muted)}
.cbs-performance-pagination{gap:8px}
.cbs-performance-pagination select{height:32px;border-radius:10px;font-size:12px;padding:0 10px}
.cbs-performance-pagination button:not(.cod-select-trigger),.cbs-performance-pagination #cbs-performance-current-page{width:32px;height:32px;border-radius:10px!important;font-size:14px}
.cbs-performance-pagination #cbs-performance-current-page{font-size:12px;box-shadow:0 6px 14px rgba(66,64,240,.22)}

/* Shared scale for every other page */
main input[type=text],main input[type=number],main input[type=date],main input[type=email],main input[type=search],main select,
.cbs-field select,.cbs-field input{min-height:38px;border-radius:10px!important;font-size:12.5px}
main textarea,.cbs-field textarea{border-radius:10px!important;font-size:12.5px}
.cbs-fin-btn-primary,.cbs-fees-btn-primary,.cbs-source-button-primary,.cbs-pp-button-primary,.cbs-dp-button-primary,.cbs-submit{min-height:38px;padding:0 14px!important;border-radius:10px!important;font-size:12.5px!important}
.cbs-fin-btn,.cbs-fees-btn,.cbs-source-button,.cbs-pp-button,.cbs-dp-button,.cbs-data-action-button{border-radius:10px!important;font-size:12.5px}
main table thead th{font-size:12px!important}
main table tbody td,main table tfoot td{font-size:12.5px!important}
.cbs-data-tab,.cbs-performance-tab{font-size:12px!important}
.cbs-analytics-v2-card,.cbs-analytics-v2-chart-box,.cbs-analytics-v2-daily-card,.cbs-analytics-v2-rate-card,
.cbs-calc-v3-card,.cbs-calc-v3-forecast-card,.cbs-calc-v3-panel,.cbs-calc-v3-section,.cbs-dashboard-financial-card,.cbs-dashboard-kpi-card,
.cbs-fin-card,.cbs-fin-panel,.cbs-fin-chart-panel,.cbs-goals-summary-card,.cbs-source-kpi,.cbs-week-card,.cbs-data-table-card,.cbs-dp-table-card,.cbs-pp-table-card,.cbs-pp-filter-card{
  border-radius:14px!important;box-shadow:var(--tp-shadow)!important;border:1px solid var(--tp-line)!important;
}
.cbs-fin-modal-card,.cbs-goals-modal-card{border-radius:18px!important}
@media (max-width:1500px){.cbs-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:1100px){.cbs-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:767px){.cbs-kpi-grid{grid-template-columns:1fr!important}.cbs-page-icon{width:36px;height:36px}}

/* ==========================================================================
   Navigation loader — copied 1:1 from COD Process Team ("Morph Loader #6")
   Centered spinning brand mark + dimmed, slightly blurred page.
   ========================================================================== */
.sys-page-loader{
  position:fixed;z-index:2147482000;inset:0;display:grid;place-items:center;
  pointer-events:none;opacity:0;visibility:hidden;
  background:rgba(5,12,35,.38);
  -webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);
  transition:opacity .2s ease,visibility .2s ease;
}
.sys-page-loader::before{
  content:"";position:absolute;left:50%;top:50%;width:168px;height:168px;transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(104,82,255,.16) 0%,rgba(82,78,255,.07) 42%,transparent 72%);
  filter:blur(10px);pointer-events:none;
}
.sys-page-loader-orbit{position:relative;display:grid;place-items:center;width:124px;height:124px;isolation:isolate}
.sys-page-loader-svg{
  position:absolute;inset:0;width:124px;height:124px;overflow:visible;transform-origin:50% 50%;
  animation:sysMorphSpin 1.65s linear infinite;filter:drop-shadow(0 0 8px rgba(91,79,255,.24));
}
.sys-page-loader-arc{fill:none;stroke-width:6;stroke-linecap:round;transform-origin:60px 60px;vector-effect:non-scaling-stroke}
.sys-page-loader-arc-a{stroke:url(#sysLoaderGradientA);stroke-dasharray:31 69;stroke-dashoffset:3;animation:sysMorphArcA 1.65s ease-in-out infinite}
.sys-page-loader-arc-b{stroke:url(#sysLoaderGradientB);stroke-dasharray:25 75;stroke-dashoffset:-48;animation:sysMorphArcB 1.65s ease-in-out infinite}
.sys-page-loader-mark{
  position:relative;z-index:2;display:grid;place-items:center;width:66px;min-width:66px;opacity:1;
  transform-origin:center;will-change:transform,opacity;animation:sysBrandBreath 1.65s ease-in-out infinite;
}
.sys-page-loader-mark img{display:block;width:66px;height:auto;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(60,55,190,.20))}
html.sys-navigation-loading .sys-page-loader{opacity:1;visibility:visible;pointer-events:auto}
html.sys-navigation-complete .sys-page-loader{opacity:0;pointer-events:none}
@keyframes sysMorphSpin{to{transform:rotate(360deg)}}
@keyframes sysMorphArcA{0%,100%{stroke-dasharray:27 73;stroke-dashoffset:2}50%{stroke-dasharray:40 60;stroke-dashoffset:-7}}
@keyframes sysMorphArcB{0%,100%{stroke-dasharray:24 76;stroke-dashoffset:-48}50%{stroke-dasharray:34 66;stroke-dashoffset:-40}}
@keyframes sysBrandBreath{0%,100%{transform:scale(1);opacity:.96}50%{transform:scale(1.03);opacity:1}}
@media (prefers-reduced-motion:reduce){.sys-page-loader-svg,.sys-page-loader-arc,.sys-page-loader-mark{animation:none!important}}


/* ==========================================================================
   ROUND 6 — Global dropdown system (Team dropdowns.css/js) + filter cleanup
   ========================================================================== */
select{color-scheme:light}
/* one caret only: the enhanced trigger draws its own chevron */
main select,.cbs-filters select,.cbs-performance-pagination select{
  -webkit-appearance:none;appearance:none;
  background-image:var(--ic,none)!important;background-repeat:no-repeat!important;
  background-position:12px 50%!important;background-size:16px 16px!important;
}
.cbs-field:has(#cbs-dashboard-user){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.4-3.6 2.8-5.5 6.5-5.5s6.1 1.9 6.5 5.5M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.8c2 .7 3.2 2.4 3.5 5.2'/%3E%3C/svg%3E")}
.cbs-field:has(#cbs-dashboard-country){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.7 5.6 3.7 9s-1.2 6.4-3.7 9c-2.5-2.6-3.7-5.6-3.7-9S9.5 5.6 12 3z'/%3E%3C/svg%3E")}
.cbs-field:has(#cbs-dashboard-product){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.500 7.400v9.200L12 21.200 3.500 16.600V7.400L12 2.800z'/%3E%3Cpath d='m3.700 7.600 8.300 4.600 8.300-4.600M12 12.200v9'/%3E%3C/svg%3E")}
.cbs-field:has(#cbs-dashboard-service){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 6.500h11v10h-11zM13.500 10h4l3 3.200v3.300h-7'/%3E%3Ccircle cx='7' cy='17.500' r='2'/%3E%3Ccircle cx='17' cy='17.500' r='2'/%3E%3C/svg%3E")}
.cbs-field:has(#cbs-dashboard-range){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.500' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3.500 10h17'/%3E%3C/svg%3E")}
.cbs-field:has(#cbs-dashboard-date-from),.cbs-field:has(#cbs-dashboard-date-to){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.500' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3.500 10h17'/%3E%3C/svg%3E")}

/* dropdown trigger + popup = system look */
.cod-select-trigger{font-weight:700}
.cod-select-trigger .cod-select-value{font-weight:700}
.cbs-filters .cod-select-trigger{height:38px;border:1px solid var(--tp-line,#e5eaf2);border-radius:10px;background-color:#fff;color:#14213d;padding:0 12px 0 36px;font-size:12.5px}
.cod-select-popover{border:1px solid #e5eaf2;border-radius:12px;box-shadow:0 14px 34px rgba(31,45,78,.14),0 3px 10px rgba(31,45,78,.06);padding:5px;font-family:var(--cp-font)}
.cod-select-option{font-weight:600;font-size:12.5px;border-radius:8px;min-height:32px}
.cod-select-option.is-selected{background:#eef2ff;color:#4a3af0;font-weight:700}
.cbs-performance-pagination .cod-select{width:auto;min-width:74px;flex:0 0 auto}
.cbs-performance-pagination .cod-select-trigger{height:32px;padding:0 10px;border-radius:10px;font-size:12px}

/* Dashboard filter bar: no captions (kept for screen readers), single row */
#cbs-dashboard-filters .cbs-field{position:relative}
#cbs-dashboard-filters .cbs-field>label{
  position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
#cbs-dashboard-filters{align-items:center!important}




/* ==========================================================================
   ROUND 7 — Date range popover (Team .tp2-date-popover, Dashboard scale)
   ========================================================================== */
.cbs-date-dropdown{position:relative}
.cbs-date-trigger{
  list-style:none;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;box-sizing:border-box;
  border:1px solid #e5eaf2;border-radius:10px;background:#fff;color:#14213d;
  font:700 12.5px/1 var(--cp-font);white-space:nowrap;cursor:pointer;
  box-shadow:0 2px 8px rgba(24,39,78,.03);
  transition:border-color .14s ease,box-shadow .14s ease;
}
.cbs-date-trigger::-webkit-details-marker{display:none}
.cbs-date-trigger::marker{content:""}
.cbs-date-trigger>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cbs-date-cal{width:16px;height:16px;flex:0 0 16px;color:#7f8fb8}
.cbs-date-chev{width:14px;height:14px;flex:0 0 14px;color:#7d8aa5;transition:transform .14s ease}
.cbs-date-dropdown[open]>.cbs-date-trigger{border-color:#e0dcfd;box-shadow:0 0 0 3px rgba(91,78,240,.08)}
.cbs-date-dropdown[open] .cbs-date-chev{transform:rotate(180deg);color:#4a3af0}

.cbs-date-popover{
  position:absolute;right:0;top:calc(100% + 6px);z-index:1200;width:286px;padding:7px;box-sizing:border-box;
  border:1px solid #e5eaf2;border-radius:11px;background:#fff;box-shadow:0 18px 40px rgba(24,38,74,.14);
}
.cbs-date-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.cbs-date-preset{
  padding:7px 4px;border:0;border-radius:7px;background:#f8fafd;color:#3d4b6b;
  font:700 11px/1.2 var(--cp-font);text-align:center;cursor:pointer;
}
.cbs-date-preset:hover{background:#f1f3fb}
.cbs-date-preset.is-active{background:#efedff;color:#5b4ef0}
.cbs-date-popover .cbs-custom-date-fields{
  display:grid!important;grid-template-columns:1fr 1fr;grid-column:auto;gap:7px;margin-top:7px;padding:0;
}
.cbs-date-input{display:grid;gap:3px;color:#6b7a96;font:700 10px/1.2 var(--cp-font)}
.cbs-date-input input{
  width:100%;height:30px;box-sizing:border-box;padding:0 8px!important;
  border:1px solid #e5eaf2!important;border-radius:7px!important;background:#f8fafd!important;
  color:#14213d!important;font:700 11.5px/1 var(--cp-font)!important;min-height:0!important;
  background-image:none!important;
}
.cbs-date-input input:focus{border-color:#5a5cf4!important;box-shadow:0 0 0 3px rgba(91,91,241,.10)!important;outline:0}
.cbs-date-apply{
  width:100%;height:30px;margin-top:7px;border:0;border-radius:7px;background:#5b4ef0;color:#fff;
  font:700 11.5px/1 var(--cp-font);cursor:pointer;
}
.cbs-date-apply:hover{background:#4f43e6}
/* the label of the Date Range field stays for screen readers only */
#cbs-dashboard-filters .cbs-range-field>label{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#cbs-dashboard-filters .cbs-date-input span{position:static}
.cbs-date-popover .cbs-date-input{margin:0!important;color:#6b7a96!important;font:700 10px/1.2 var(--cp-font)!important;text-transform:none;letter-spacing:0}
.cbs-filters .cbs-range-field{position:relative}


/* ==========================================================================
   ROUND 8 — Rows dropdown + pager
   ========================================================================== */
.cbs-performance-pagination{display:flex;align-items:center;gap:8px}
.cbs-performance-pagination .cod-select{display:inline-flex;width:auto!important;min-width:64px;flex:0 0 auto}
.cbs-performance-pagination .cod-select-trigger{
  display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px;
  width:auto!important;min-width:64px;height:32px!important;min-height:32px!important;
  padding:0 10px!important;border:1px solid #e5eaf2!important;border-radius:10px!important;
  background:#fff!important;color:#14213d!important;font:700 12px/1 var(--cp-font)!important;box-shadow:none!important;
}
.cbs-performance-pagination .cod-select.is-open .cod-select-trigger,
.cbs-performance-pagination .cod-select-trigger:focus-visible{border-color:#5a5cf4!important;box-shadow:0 0 0 3px rgba(91,91,241,.10)!important}
.cbs-performance-pagination .cod-select-value{flex:0 0 auto}
.cbs-performance-pagination .cod-select-chevron{flex:0 0 13px}


/* ==========================================================================
   ROUND 9 — KPI cards + performance tabs after the approved mockups
   (glossy icon tile, sparkline with end-dot; segmented tab control)
   Text sizes stay on the Team dashboard scale.
   ========================================================================== */
.cbs-kpi-icon{
  width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:15px!important;
  background:linear-gradient(145deg,var(--kpi-g1),var(--kpi-g2))!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 16px color-mix(in srgb,var(--kpi-color) 16%,transparent)!important;
  color:var(--kpi-color)!important;
}
.cbs-kpi-icon svg{width:29px!important;height:29px!important;stroke-width:1.9;filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--kpi-color) 22%,transparent))}
.cbs-kpi-card{gap:14px!important;align-items:center!important;min-height:86px}
.cbs-kpi-label{padding-right:0!important;font-weight:600!important}
.cbs-kpi-card::before{
  right:8px!important;bottom:auto!important;top:50%!important;transform:translateY(-50%);width:118px!important;height:118px!important;
  background:radial-gradient(circle,var(--kpi-wash) 0%,rgba(255,255,255,0) 70%)!important;
}
.cbs-kpi-card::after{
  top:50%!important;right:16px!important;width:84px!important;height:40px!important;transform:translateY(-58%);
  background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;opacity:1!important;border-radius:0!important;
}
.cbs-kpi-leads{--kpi-color:#5b4ef0;--kpi-g1:#f3efff;--kpi-g2:#e0d9ff;--kpi-wash:rgba(91,78,240,.13);--kpi-tint:#f3efff}
.cbs-kpi-leads::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%235b4ef0' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%235b4ef0'/%3E%3C/svg%3E")!important}
.cbs-kpi-confirmed{--kpi-color:#2f9d44;--kpi-g1:#eaf9ea;--kpi-g2:#cfeed0;--kpi-wash:rgba(47,157,68,.13);--kpi-tint:#eaf9ea}
.cbs-kpi-confirmed::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%232f9d44' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%232f9d44'/%3E%3C/svg%3E")!important}
.cbs-kpi-delivered{--kpi-color:#2c7be6;--kpi-g1:#e9f3ff;--kpi-g2:#d0e4ff;--kpi-wash:rgba(44,123,230,.13);--kpi-tint:#e9f3ff}
.cbs-kpi-delivered::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%232c7be6' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%232c7be6'/%3E%3C/svg%3E")!important}
.cbs-kpi-revenue{--kpi-color:#e23a72;--kpi-g1:#ffe9f0;--kpi-g2:#ffd0de;--kpi-wash:rgba(226,58,114,.13);--kpi-tint:#ffe9f0}
.cbs-kpi-revenue::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%23e23a72' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%23e23a72'/%3E%3C/svg%3E")!important}
.cbs-kpi-profit{--kpi-color:#22a35a;--kpi-g1:#eaf9ee;--kpi-g2:#d2f1da;--kpi-wash:rgba(34,163,90,.13);--kpi-tint:#eaf9ee}
.cbs-kpi-profit::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%2322a35a' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%2322a35a'/%3E%3C/svg%3E")!important}
.cbs-kpi-cpl{--kpi-color:#f0a020;--kpi-g1:#fff3de;--kpi-g2:#ffe4b8;--kpi-wash:rgba(240,160,32,.14);--kpi-tint:#fff3de}
.cbs-kpi-cpl::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%23f0a020' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%23f0a020'/%3E%3C/svg%3E")!important}
.cbs-kpi-cpd{--kpi-color:#2c7be6;--kpi-g1:#e9f3ff;--kpi-g2:#d0e4ff;--kpi-wash:rgba(44,123,230,.13);--kpi-tint:#e9f3ff}
.cbs-kpi-cpd::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%232c7be6' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%232c7be6'/%3E%3C/svg%3E")!important}
.cbs-kpi-stock{--kpi-color:#f0a020;--kpi-g1:#fff3de;--kpi-g2:#ffe2b3;--kpi-wash:rgba(240,160,32,.14);--kpi-tint:#fff3de}
.cbs-kpi-stock::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%23f0a020' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%23f0a020'/%3E%3C/svg%3E")!important}
.cbs-kpi-margin{--kpi-color:#8b4cf5;--kpi-g1:#f2ecff;--kpi-g2:#ded0ff;--kpi-wash:rgba(139,76,245,.13);--kpi-tint:#f2ecff}
.cbs-kpi-margin::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%238b4cf5' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%238b4cf5'/%3E%3C/svg%3E")!important}
.cbs-kpi-ads{--kpi-color:#e0409f;--kpi-g1:#ffe9f5;--kpi-g2:#ffd0e8;--kpi-wash:rgba(224,64,159,.13);--kpi-tint:#ffe9f5}
.cbs-kpi-ads::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 40'%3E%3Cpath d='M3 33C14 37 20 24 32 24s18 8 28-4S74 9 80 8' fill='none' stroke='%23e0409f' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='8' r='3.2' fill='%23e0409f'/%3E%3C/svg%3E")!important}

/* Performance tabs: segmented control with icons */
.cbs-performance-tabs{
  display:inline-flex!important;align-items:center;gap:4px!important;padding:4px!important;
  border:1px solid #dfe5ef!important;border-radius:14px;background:#f8fafd!important;box-shadow:0 2px 8px rgba(24,39,78,.04)!important;
}
.cbs-performance-tab{
  display:inline-flex;align-items:center;gap:8px;height:32px!important;padding:0 14px!important;
  border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;
  color:#6b7a96!important;font:700 12px/1 var(--cp-font)!important;
}
.cbs-performance-tab:hover:not(.is-active){color:#3d4b6b!important;background:#f1f4fa!important}
.cbs-performance-tab.is-active{
  background:var(--cp-btn)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(66,64,240,.30)!important;
}
.cbs-tab-icon{width:14px;height:14px;flex:0 0 14px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.cbs-tab-product .cbs-tab-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7.5A2.5 2.5 0 0 1 5.5 5h13A2.5 2.5 0 0 1 21 7.5V9H3z'/%3E%3Cpath d='M4 10.5h16v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 18.5zM10 12.6h4v1.8h-4z' fill-rule='evenodd'/%3E%3C/svg%3E")}
.cbs-tab-service .cbs-tab-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 6h7v9.5h-7z' rx='1.5'/%3E%3Cpath d='M15.5 9h3.1c.5 0 .9.2 1.2.5l2 2.5c.3.4.5.8.5 1.3v2.2h-6.8z'/%3E%3Ccircle cx='11' cy='17.6' r='2.2'/%3E%3Ccircle cx='18.4' cy='17.6' r='2.2'/%3E%3Cpath d='M1.5 8h4.5v1.7H1.5zM.5 12h5.5v1.7H.5zM2.5 16H6v1.7H2.5z'/%3E%3C/svg%3E")}
.cbs-tab-country .cbs-tab-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.7 3.8 5.7 3.8 9S14.6 18.3 12 21c-2.6-2.7-3.8-5.7-3.8-9S9.4 5.7 12 3z' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E")}
.cbs-tab-employee .cbs-tab-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3.3'/%3E%3Cpath d='M2.5 19.5c.3-3.6 2.7-5.6 6.5-5.6s6.2 2 6.5 5.6z'/%3E%3Ccircle cx='17.2' cy='9' r='2.6'/%3E%3Cpath d='M16.6 14.3c3.2 0 5 1.6 5.3 4.6h-4.5c-.1-1.8-.5-3.3-1.4-4.4.2-.1.4-.2.6-.2z'/%3E%3C/svg%3E")}

/* tab label/icon always follow the tab colour (active = white) */
.cbs-performance-tab>span,.cbs-performance-tab>span.cbs-tab-icon{color:inherit!important}
.cbs-performance-tab .cbs-tab-icon{background-color:currentColor!important}


/* ==========================================================================
   ROUND 10 — Performance table header with column icons (Team style)
   ========================================================================== */
.cbs-performance-table thead th.cbs-th{
  background:linear-gradient(180deg,#f7f8fe,#f3f5fd)!important;
  border-right:1px solid #e6e9f6!important;border-bottom:1px solid #e6e9f6!important;
  color:#3d4b6b!important;font:700 12px/1 var(--cp-font)!important;padding:12px 14px!important;white-space:nowrap;
}
.cbs-performance-table thead th.cbs-th:last-child{border-right:0!important}
.cbs-performance-table thead th.cbs-th-primary{background:#fff!important;color:#14213d!important}
.cbs-th-icon{display:inline-block;width:15px;height:15px;margin-right:8px;vertical-align:-3px;background:#6b7a96;
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.cbs-th-primary .cbs-th-icon{background:#4a3af0}
.cbs-th-break_even_fb .cbs-th-icon{background:#1877f2}
.cbs-th-text{vertical-align:middle}
/* empty state: icon tile with scattered dots */
.cbs-empty-row .cbs-empty-icon{position:relative;width:46px;height:46px;border-radius:15px;margin:2px auto 12px;background:linear-gradient(180deg,#f1efff,#e9e6ff);color:#4a3af0;box-shadow:0 6px 16px rgba(91,78,240,.10)}
.cbs-empty-row .cbs-empty-icon svg{width:24px;height:24px}
.cbs-empty-row .cbs-empty-icon::before{
  content:"";position:absolute;inset:-16px -26px;pointer-events:none;
  background:
    radial-gradient(circle at 6% 28%,#d3d6f6 0 2px,transparent 2.6px),
    radial-gradient(circle at 20% 88%,#dfe1f8 0 2px,transparent 2.6px),
    radial-gradient(circle at 92% 20%,#d3d6f6 0 2px,transparent 2.6px),
    radial-gradient(circle at 80% 92%,#dfe1f8 0 1.6px,transparent 2.2px),
    radial-gradient(circle at 96% 62%,#e6e8fa 0 1.6px,transparent 2.2px);
}
.cbs-th-primary-product .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.5 7.4v9.2L12 21.2 3.5 16.6V7.4L12 2.8z'/%3E%3Cpath d='m3.7 7.6 8.3 4.6 8.3-4.6M12 12.2v9'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-primary-service .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 6.500h11v10h-11zM13.500 10h4l3 3.200v3.300h-7'/%3E%3Ccircle cx='7' cy='17.500' r='2'/%3E%3Ccircle cx='17' cy='17.500' r='2'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-primary-country .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.7 3.8 5.7 3.8 9S14.6 18.3 12 21c-2.6-2.7-3.8-5.7-3.8-9S9.4 5.7 12 3z'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-primary-employee .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M2.5 20c.4-3.7 2.9-5.6 6.5-5.6s6.100 1.900 6.500 5.600'/%3E%3Cpath d='M16 4.800a3.400 3.400 0 0 1 0 6.400M18.500 14.800c1.900.7 3 2.300 3.200 5.200'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-country .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.7 3.8 5.7 3.8 9S14.6 18.3 12 21c-2.6-2.7-3.8-5.7-3.8-9S9.4 5.7 12 3z'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-leads .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M2.5 20c.4-3.7 2.9-5.6 6.5-5.6s6.100 1.900 6.500 5.600'/%3E%3Cpath d='M16 4.800a3.400 3.400 0 0 1 0 6.400M18.500 14.800c1.900.7 3 2.300 3.200 5.200'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-confirmed .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cpath d='m7.500 12.400 3 3 6-6.400' fill='none' stroke='%23000' stroke-width='2.300' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='10' mask='url%28%23m%29'/%3E%3C/svg%3E")}
.cbs-th-delivered .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 6.500h11v10h-11zM13.500 10h4l3 3.200v3.300h-7'/%3E%3Ccircle cx='7' cy='17.500' r='2'/%3E%3Ccircle cx='17' cy='17.500' r='2'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-confirm_rate .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.200' cy='7.200' r='2.800'/%3E%3Ccircle cx='16.800' cy='16.800' r='2.800'/%3E%3Cpath d='M19.500 4.500 4.500 19.500'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-delivery_rate .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 17V10M12 17V5M18 17v-6M3 21h18'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-global_rate .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M3 11h16M11 3c2.300 2.400 3.400 5 3.400 8s-1.100 5.600-3.400 8c-2.300-2.400-3.400-5-3.400-8S8.700 5.400 11 3z'/%3E%3Cpath d='m17 17 4 4'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-cpa .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14.500 7.800-6.300 1.900L10 19.500z' fill='%23000'/%3E%3C/svg%3E")}
.cbs-th-break_even_fb .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cpath d='M13.600 20v-7h2.400l.4-2.800h-2.800V8.500c0-.8.300-1.400 1.500-1.400h1.400V4.700c-.3 0-1.100-.1-2.100-.1-2.100 0-3.500 1.300-3.500 3.600v2H8.400V13h2.500v7z' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='10' mask='url%28%23m%29'/%3E%3C/svg%3E")}
.cbs-th-cpd .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5.500' rx='7.500' ry='3'/%3E%3Cpath d='M4.500 5.500v6c0 1.700 3.400 3 7.500 3s7.500-1.300 7.500-3v-6M4.500 11.500v6c0 1.700 3.400 3 7.500 3s7.500-1.300 7.500-3v-6'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-cpd_max .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-margin .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3.200A9 9 0 1 0 20.800 13H11z' fill='%23000'/%3E%3Cpath d='M13.500 2.400A9 9 0 0 1 21.600 10.500h-8.100z' fill='%23000'/%3E%3C/svg%3E")}
.cbs-th-revenue .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.500'/%3E%3Cpath d='M12 6.500v11M14.800 9.200c-.6-.7-1.600-1-2.800-1-1.600 0-2.700.8-2.700 2 0 1.200 1 1.700 2.700 2 1.800.3 2.800.9 2.800 2.100 0 1.300-1.300 2.100-2.900 2.100-1.200 0-2.200-.4-2.900-1.100'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-service_cost .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.200 2h-.4a2 2 0 0 0-2 2v.2a2 2 0 0 1-1 1.700l-.4.2a2 2 0 0 1-2 0l-.2-.1a2 2 0 0 0-2.700.7l-.2.4a2 2 0 0 0 .7 2.700l.2.1a2 2 0 0 1 1 1.700v.5a2 2 0 0 1-1 1.700l-.2.100a2 2 0 0 0-.7 2.700l.2.400a2 2 0 0 0 2.700.7l.2-.1a2 2 0 0 1 2 0l.4.200a2 2 0 0 1 1 1.700v.2a2 2 0 0 0 2 2h.4a2 2 0 0 0 2-2v-.2a2 2 0 0 1 1-1.700l.4-.2a2 2 0 0 1 2 0l.2.100a2 2 0 0 0 2.700-.7l.2-.4a2 2 0 0 0-.7-2.700l-.2-.1a2 2 0 0 1-1-1.700v-.5a2 2 0 0 1 1-1.700l.2-.1a2 2 0 0 0 .7-2.700l-.2-.4a2 2 0 0 0-2.700-.7l-.2.100a2 2 0 0 1-2 0l-.4-.2a2 2 0 0 1-1-1.700V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-product_cost .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12.500V4h8.500l9.500 9.500-8.500 8.500z'/%3E%3Ccircle cx='7.600' cy='8.600' r='1.200'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-ads_cost .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4l11 4.500v-13L3 10z'/%3E%3Cpath d='M14 8.500c2.600.3 4.500 1.700 4.500 3.500s-1.900 3.200-4.500 3.500M7 15l1.200 5h3l-1-4'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-other_cost .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9.500 8h5M9.500 12h5'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-avg_aov .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6z'/%3E%3Cpath d='M9 8V6.500a3 3 0 0 1 6 0V8'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-total_profit .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20.500h18'/%3E%3Cpath d='m4.500 15.500 5-5 3.500 3 6.500-7'/%3E%3Cpath d='M15.500 6.500h4v4'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-profit_orders .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.500' y='6' width='19' height='12' rx='2.500'/%3E%3Ccircle cx='12' cy='12' r='2.500'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-profit_piece .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.5 7.4v9.2L12 21.2 3.5 16.6V7.4L12 2.8z'/%3E%3Cpath d='m3.7 7.6 8.3 4.6 8.3-4.6M12 12.2v9'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-profit_stock .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 3 8l9 5 9-5z'/%3E%3Cpath d='m3 13 9 5 9-5'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-stock_value .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.5 7.4v9.2L12 21.2 3.5 16.6V7.4L12 2.8z'/%3E%3Cpath d='m3.7 7.6 8.3 4.6 8.3-4.6M12 12.2v9'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-initial_total_stock .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6v10H3z'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-stock_delivered .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 6.500h11v10h-11zM13.500 10h4l3 3.200v3.300h-7'/%3E%3Ccircle cx='7' cy='17.500' r='2'/%3E%3Ccircle cx='17' cy='17.500' r='2'/%3E%3C/g%3E%3C/svg%3E")}
.cbs-th-available_stock .cbs-th-icon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.800 20.500 7.400v9.200L12 21.200 3.500 16.600V7.400L12 2.800z'/%3E%3Cpath d='m8.500 12 2.500 2.500 4.500-4.500'/%3E%3C/g%3E%3C/svg%3E")}


/* ==========================================================================
   ROUND 11 — Analytics page (filters, charts, donuts, monthly profit)
   ========================================================================== */
.cbs-field:has(#cbs-analytics-v2-user){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.4-3.6 2.8-5.5 6.5-5.5s6.1 1.9 6.5 5.5M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.8c2 .7 3.2 2.4 3.5 5.2'/%3E%3C/svg%3E")}
.cbs-field:has(#cbs-analytics-v2-country){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.7 5.6 3.7 9s-1.2 6.4-3.7 9c-2.5-2.6-3.7-5.6-3.7-9S9.5 5.6 12 3z'/%3E%3C/svg%3E")}
.cbs-field:has(#cbs-analytics-v2-product){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.500 7.400v9.200L12 21.200 3.500 16.600V7.400L12 2.800z'/%3E%3Cpath d='m3.700 7.600 8.300 4.600 8.300-4.600M12 12.200v9'/%3E%3C/svg%3E")}
.cbs-field:has(#cbs-analytics-v2-service){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8fb8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 6.500h11v10h-11zM13.500 10h4l3 3.200v3.300h-7'/%3E%3Ccircle cx='7' cy='17.500' r='2'/%3E%3Ccircle cx='17' cy='17.500' r='2'/%3E%3C/svg%3E")}

#cbs-analytics-v2-filter-form .cbs-field{position:relative}
#cbs-analytics-v2-filter-form .cbs-field>label{
  position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
#cbs-analytics-v2-filter-form{align-items:center!important}
.cbs-analytics-v2{display:grid;gap:12px}

/* action buttons: Apply = system gradient, Clear = red, Refresh = system indigo */
.cbs-analytics-v2-actions{display:flex;align-items:center;gap:8px}
.cbs-analytics-v2-action{
  min-height:38px!important;height:38px;padding:0 14px!important;border-radius:10px!important;
  font:700 12.5px/1 var(--cp-font)!important;gap:8px!important;
}
.cbs-analytics-v2-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cbs-analytics-v2-apply{border:0!important;background:var(--cp-btn)!important;color:#fff!important;box-shadow:0 6px 14px rgba(66,64,240,.22)!important}
.cbs-analytics-v2-clear{border:1px solid #ffd0d5!important;background:#fff5f6!important;color:#e0374c!important;box-shadow:none!important}
.cbs-analytics-v2-clear:hover{background:#ffecee!important}
.cbs-analytics-v2-refresh{border:1px solid #dfe3ff!important;background:#eef2ff!important;color:#4a3af0!important;box-shadow:none!important}
.cbs-analytics-v2-refresh:hover{background:#e5eaff!important}
.cbs-date-popover .cbs-analytics-v2-custom-dates{
  display:grid!important;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;padding:0!important;border:0!important;background:none!important;
}

/* chart cards: centered title only (mockup) */
.cbs-analytics-v2-chart-grid{gap:12px!important}
.cbs-analytics-v2-card{background:#fff!important;border-radius:18px!important;overflow:hidden}
.cbs-analytics-v2-card-header{display:flex!important;justify-content:center;padding:16px 18px 0!important;border:0!important;background:transparent!important}
.cbs-analytics-v2-card-icon,.cbs-analytics-v2-card-heading small{display:none!important}
.cbs-analytics-v2-card-heading{text-align:center}
.cbs-analytics-v2-card-heading h2{margin:0;font-size:15px;line-height:1.2;font-weight:800;color:#14213d;text-align:center}
.cbs-analytics-v2-chart-box{height:270px!important;padding:8px 14px 14px!important}
.cbs-analytics-v2-chart-message{color:#7081a6;font-size:12.5px}

/* rate cards → donuts */
.cbs-analytics-v2-rate-grid{gap:12px!important}
.cbs-rate-donut-card{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:16px 18px 22px!important;min-height:210px;background:#fff!important;border-radius:18px!important}
.cbs-rate-donut-card .cbs-analytics-v2-rate-title{margin:0 0 14px;font-size:15px!important;line-height:1.2;font-weight:800!important;color:#14213d!important;text-align:center}
.cbs-rate-donut{position:relative;width:132px;height:132px;margin:auto 0}
.cbs-rate-donut::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(var(--c) calc(var(--p) * 1%),#eef0f6 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px));
}
.cbs-rate-donut-value{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:800;color:var(--c);letter-spacing:-.01em}
.cbs-rate-donut-card.is-confirmation{--c:#4c5eff}
.cbs-rate-donut-card.is-delivery{--c:#16a34a}
.cbs-rate-donut-card.is-leads{--c:#16a34a}

/* Monthly Profit card */
.cbs-analytics-v2-daily-card{border-radius:18px!important}
.cbs-analytics-v2-daily-header{
  display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px!important;
  padding:16px 18px 6px!important;border:0!important;background:transparent!important;
}
.cbs-analytics-v2-daily-heading{flex:0 0 100%;display:flex;justify-content:center;text-align:center}
.cbs-analytics-v2-daily-icon,.cbs-analytics-v2-daily-subtitle{display:none!important}
.cbs-analytics-v2-daily-title{font-size:15px!important;line-height:1.2;font-weight:800!important;color:#14213d!important;text-align:center}
.cbs-analytics-v2-switch-group{display:inline-flex;gap:8px!important;padding:0!important;border:0!important;background:none!important}
.cbs-analytics-v2-switch{
  display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px!important;
  border:1px solid #dfe5ef!important;border-radius:10px!important;background:#fff!important;color:#3d4b6b!important;
  font:700 12px/1 var(--cp-font)!important;box-shadow:0 2px 8px rgba(24,39,78,.04)!important;cursor:pointer;
}
.cbs-analytics-v2-switch svg{width:14px;height:14px;flex:0 0 14px}
.cbs-analytics-v2-switch:hover:not(.is-active){background:#f6f8fd!important}
.cbs-analytics-v2-switch.is-active{background:var(--cp-btn)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 18px rgba(66,64,240,.28)!important}
.cbs-analytics-v2-daily-chart{height:380px!important;padding:6px 18px 6px!important}
.cbs-analytics-v2-summary{border-top:1px solid #eef1f7!important;background:transparent!important}
.cbs-analytics-v2-summary span{font-size:12px;font-weight:500;color:#7081a6}
.cbs-analytics-v2-summary strong{font-size:15px;font-weight:800;color:#14213d}
@media (max-width:1100px){.cbs-analytics-v2-actions{flex-wrap:wrap}}

.cbs-rate-donut-card .cbs-analytics-v2-rate-title,.cbs-analytics-v2-summary span,.cbs-analytics-v2-card-heading h2{text-transform:none!important;letter-spacing:0!important}

/* Analytics typography consistency: all primary card titles use one shared scale */
.cbs-analytics-v2 .cbs-analytics-v2-card-heading h2,
.cbs-analytics-v2 .cbs-rate-donut-card .cbs-analytics-v2-rate-title{
  margin-top:0!important;
  font-family:var(--cp-font,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#14213d!important;
}

/* Analytics: beat the page's inline !important colours + clean chart box */
.cbs-analytics-v2 .cbs-analytics-v2-apply{border:0!important;background:var(--cp-btn)!important;color:#fff!important;box-shadow:0 6px 14px rgba(66,64,240,.22)!important}
.cbs-analytics-v2 .cbs-analytics-v2-clear{border:1px solid #ffd0d5!important;background:#fff5f6!important;color:#e0374c!important;box-shadow:none!important}
.cbs-analytics-v2 .cbs-analytics-v2-clear:hover{background:#ffecee!important}
.cbs-analytics-v2 .cbs-analytics-v2-refresh{border:1px solid #dfe3ff!important;background:#eef2ff!important;color:#4a3af0!important;box-shadow:none!important}
.cbs-analytics-v2 .cbs-analytics-v2-refresh:hover{background:#e5eaff!important}
.cbs-analytics-v2 .cbs-analytics-v2-chart-box{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.cbs-analytics-v2 .cbs-analytics-v2-card-header{padding:16px 18px 4px!important}
.cbs-analytics-v2 .cbs-analytics-v2-chart-message{border:0!important;background:transparent!important}
.cbs-analytics-v2 .cbs-filters select,.cbs-analytics-v2 .cbs-filters .cbs-field select{
  background-image:var(--ic,none)!important;background-repeat:no-repeat!important;
  background-position:12px 50%!important;background-size:16px 16px!important;background-color:#fff!important;
}

/* ========================================================================== 
   ROUND 12 — Analytics filter icon polish (reference-matched)
   Scope is intentionally limited to Analytics so other system filters stay intact.
   ========================================================================== */
#cbs-analytics-v2-filter-form{
  gap:12px!important;
  padding:14px 18px!important;
  border:1px solid #e4eaf5!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(54,70,120,.08)!important;
}

/* Custom dropdowns: carry the field icon onto the visible trigger. */
#cbs-analytics-v2-filter-form .cbs-field:not(.cbs-range-field) .cod-select-trigger{
  height:42px!important;
  min-height:42px!important;
  padding:0 10px 0 43px!important;
  border:1px solid #d9e2f1!important;
  border-radius:10px!important;
  background-color:#fff!important;
  background-image:var(--ic,none)!important;
  background-repeat:no-repeat!important;
  background-position:14px 50%!important;
  background-size:18px 18px!important;
  color:#111827!important;
  font-size:12.5px!important;
  font-weight:750!important;
  box-shadow:0 1px 2px rgba(26,43,80,.02)!important;
}
#cbs-analytics-v2-filter-form .cbs-field:not(.cbs-range-field) .cod-select-trigger:hover{
  border-color:#c7d3e8!important;
  background-color:#fbfcff!important;
}
#cbs-analytics-v2-filter-form .cbs-field:not(.cbs-range-field) .cod-select.is-open .cod-select-trigger,
#cbs-analytics-v2-filter-form .cbs-field:not(.cbs-range-field) .cod-select-trigger:focus-visible{
  border-color:#8998ed!important;
  box-shadow:0 0 0 3px rgba(76,94,255,.09)!important;
}
#cbs-analytics-v2-filter-form .cod-select-chevron{
  position:relative!important;
  width:31px!important;
  height:24px!important;
  flex:0 0 31px!important;
  margin-left:6px!important;
  border-left:1px solid #dce4f1!important;
  color:#6e83b7!important;
}
#cbs-analytics-v2-filter-form .cod-select-chevron::before{
  left:15px!important;
  top:7px!important;
  width:6px!important;
  height:6px!important;
  border-right-width:1.7px!important;
  border-bottom-width:1.7px!important;
}

/* Date control: same icon scale, separator and caret treatment. */
#cbs-analytics-v2-filter-form .cbs-date-trigger{
  height:42px!important;
  min-height:42px!important;
  gap:10px!important;
  padding:0 10px 0 14px!important;
  border:1px solid #d9e2f1!important;
  border-radius:10px!important;
  color:#111827!important;
  font-size:12.5px!important;
  font-weight:750!important;
  box-shadow:0 1px 2px rgba(26,43,80,.02)!important;
}
#cbs-analytics-v2-filter-form .cbs-date-trigger:hover{border-color:#c7d3e8!important;background:#fbfcff!important}
#cbs-analytics-v2-filter-form .cbs-date-cal{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#6e83b7!important;
  stroke-width:1.9!important;
}
#cbs-analytics-v2-filter-form .cbs-date-chev{
  width:31px!important;
  height:24px!important;
  flex:0 0 31px!important;
  margin-left:5px!important;
  padding-left:13px!important;
  border-left:1px solid #dce4f1!important;
  color:#6e83b7!important;
  box-sizing:border-box!important;
}

/* Reference-style actions and crisp outline icons. */
#cbs-analytics-v2-filter-form .cbs-analytics-v2-actions{gap:8px!important;flex-wrap:nowrap}
#cbs-analytics-v2-filter-form .cbs-analytics-v2-action{
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  gap:8px!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1!important;
}
#cbs-analytics-v2-filter-form .cbs-analytics-v2-action svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#cbs-analytics-v2-filter-form .cbs-analytics-v2-apply{
  min-width:86px!important;
  border:1px solid #514bff!important;
  background:linear-gradient(135deg,#5954ff 0%,#4338f5 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(76,70,244,.22)!important;
}
#cbs-analytics-v2-filter-form .cbs-analytics-v2-clear{
  min-width:84px!important;
  border:1px solid #ffcdd3!important;
  background:#fff7f8!important;
  color:#e72f40!important;
  box-shadow:none!important;
}
#cbs-analytics-v2-filter-form .cbs-analytics-v2-clear:hover{
  border-color:#ffb8c0!important;
  background:#fff0f2!important;
}
#cbs-analytics-v2-filter-form .cbs-analytics-v2-refresh{
  min-width:94px!important;
  border:1px solid #d9ddff!important;
  background:#f7f7ff!important;
  color:#4d4ce7!important;
  box-shadow:none!important;
}
#cbs-analytics-v2-filter-form .cbs-analytics-v2-refresh:hover{
  border-color:#c8ceff!important;
  background:#f0f1ff!important;
}

@media (max-width:1100px){
  #cbs-analytics-v2-filter-form .cbs-analytics-v2-actions{flex-wrap:wrap}
}