/* ── YRT Black & White ───────────────────────────────────────────────
   One theme file for the whole CRM, linked after each page's inline
   styles so its rules win by cascade order. Near-black base, crisp
   white accents, brighter/bolder borders and text so everything stands
   out. The engraved silver grand-total plate stays silver. */

:root{
  --bg:#0c0d11;
  --bg-2:#15171c;
  --bg-3:#1f232b;
  --bg-4:#2c313b;
  --sidebar:#08090c;
  /* bright, clearly-visible borders */
  --line:#525c6e;
  --line-2:#727e94;
  --line-strong:#727e94;
  /* accents are white now */
  --brass:#f0f3f8;
  --brass-2:#ffffff;
  --brass-bg:rgba(255,255,255,.10);
  /* brighter text — nothing reads as dimmed */
  --text:#f7f9fc;
  --text-2:#d6dbe3;
  --text-3:#9ea6b2;
  --paper:#0c0d11;
  --paper-2:#15171c;
  --slate-900:#15171c;
  --slate-700:#1f232b;
  --muted:#9ea6b2;
  --muted-2:#9ea6b2;
}

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

/* sidebar + topbar active state */
.nav a.active{background:linear-gradient(135deg,#ffffff,#d7dce4);color:#15171c;border-color:transparent;font-weight:700;}

/* primary actions — white */
.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,#ffffff,#d7dce4);color:#15171c;border-color:#d7dce4;font-weight:700;
}
.btn-primary:hover,.btn-save:hover,.btn-brass:hover,.btn.brass:hover,.btn-dark:hover{
  filter:brightness(1.05);background:linear-gradient(135deg,#ffffff,#d7dce4);color:#15171c;
}

/* identity chips */
.avatar,.hero-badge{background:linear-gradient(135deg,#ffffff,#cfd5df);color:#15171c;}

/* selected segments, tabs, tracker chip, list filter chips */
.rt.on,.htab.on,.tab.active,.chip.active,.seg-toggle .t.active{background:linear-gradient(135deg,#ffffff,#d7dce4);color:#15171c;border-color:#d7dce4;}
.htab.on .tn{background:rgba(0,0,0,.20);color:#15171c;}
.pip.on{background:linear-gradient(135deg,#ffffff,#d7dce4);color:#15171c;}
.pip.on::before{border-color:#15171c;background:#15171c;}

/* report bars */
.bar-fill{background:linear-gradient(90deg,#7d838f,#f0f3f8);}

/* ── thicker, brighter lines throughout ── */
.card,.panel,.hero,.stats,.stat,.drawer,.topbar,#htab-body .contact,.contact{border-width:2px;}
thead th{border-bottom-width:2px !important;}
/* record-separating row lines: thicker AND brighter so they clearly stand out */
tbody td{border-bottom-width:2px !important;border-bottom-color:var(--line-2) !important;}

/* ── brighter, bolder headers & labels across the CRM ── */
.card-h h3,.panel-head h2,.panel-head h3,.eyebrow,.topbar .title,.drawer-head h3{color:#ffffff;}
.card-h h3,.eyebrow{font-weight:800;}
thead th,.ctable th,.cl,.ot-lbl,.field label,.seg label,.info-row .l{color:var(--text-2);font-weight:700;}
tbody td,.field .val,.info-row .v{color:var(--text);}

/* ── 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:#ffffff!important;outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.14);}
.drawer label{color:var(--text-2);}
.drawer-foot{background:var(--bg-3);border-top:1px solid var(--line-2);}

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