/* ── YRT Royal Violet ────────────────────────────────────────────────
   One theme file for the whole CRM, linked after each page's inline
   styles so its rules win by cascade order. Slate base stays; every
   silver/white accent becomes the violet gradient. Status colours
   (green / amber / red / blue) keep their meaning, and the engraved
   silver grand-total plate stays silver on purpose — the one
   non-purple accent, like a trophy plate against purple velvet. */

:root{
  --bg:#0d0b14;
  --bg-2:#141221;
  --bg-3:#1b1830;
  --bg-4:#262040;
  --sidebar:#0a0810;
  --line:#2e2947;
  --line-2:#423a63;
  --line-strong:#423a63;
  --brass:#9d7bf5;
  --brass-2:#7c3aed;
  --brass-bg:rgba(109,40,217,.16);
  --paper:#0d0b14;
  --paper-2:#141221;
  --slate-900:#141221;
  --slate-700:#1b1830;
}

body{background:radial-gradient(120% 70% at 50% -12%,#1c1433 0%,#0d0b14 56%) no-repeat fixed #0d0b14;}

/* sidebar + topbar active state */
.nav a.active{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff;border-color:transparent;}

/* primary actions — every page's flavour of the light accent button */
.btn-primary,.btn-save,.btn-brass,.btn.brass,.btn-dark,
.modal-btn-primary,.inact-btn.primary,
#__sm .b.primary,#pmodal .pb.primary,.am-btn.primary{
  background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff;border-color:#5b21b6;
}
.btn-primary:hover,.btn-save:hover,.btn-brass:hover,.btn.brass:hover,.btn-dark:hover{
  filter:brightness(1.1);background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff;
}

/* identity chips */
.avatar,.hero-badge{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff;}

/* selected segments, tabs, tracker chip, list filter chips */
.rt.on,.htab.on,.tab.active,.chip.active,.seg-toggle .t.active{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff;border-color:#5b21b6;}
.htab.on .tn{background:rgba(255,255,255,.22);color:#fff;}
.pip.on{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff;}
.pip.on::before{border-color:#fff;background:#fff;}

/* report bars */
.bar-fill{background:linear-gradient(90deg,#5b21b6,#8b5cf6);}

/* ── drawers (New Client / Edit Client) ── */
.drawer{background:var(--bg-2);border-left:1px solid var(--line-2);box-shadow:-24px 0 60px -30px rgba(0,0,0,.8);}
.drawer-head{background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border-bottom:1px solid var(--line-2);}
.drawer-head h3{letter-spacing:.03em;text-transform:uppercase;font-size:13px;}
.drawer input:focus,.drawer select:focus,.drawer textarea:focus,.drawer .in:focus{border-color:var(--brass-2)!important;outline:none;box-shadow:0 0 0 3px rgba(109,40,217,.18);}
.drawer label{color:var(--text-3);}
.drawer-foot{background:var(--bg-3);border-top:1px solid var(--line-2);}

/* ── client profile page polish ── */
.hero{background:linear-gradient(135deg,rgba(109,40,217,.16),transparent 55%),var(--bg-2)!important;border:1px solid var(--line-2)!important;}
.hero-badge{box-shadow:0 10px 24px -10px rgba(109,40,217,.55);}
.stats .stat{transition:.14s;}
.stats .stat:hover{border-color:var(--brass-2);}
.stats .stat .v{font-family:'Archivo',sans-serif;}
.contact{transition:.13s;border-radius:10px;}
.contact:hover{background:var(--bg-3);}
.info-row .l{color:var(--text-3);}