/* RevBullet skin for the real CRM layout: only tokens, type and logos change (app.css is untouched).
   Brand from revbullet.com: navy #0B2545 · blue #1E6FD9 · blue-dark #175BB3 · cyan #19B5D6 · cyan-ink #0E7F97 · green #22A06B ·
   surface #F4F7FB · line #E3E8F0 · muted #4A5B74 · Inter. NOTE: no class/id may start with "ad" (owner's phone ad blocker). */
:root{
  --ground:#F4F7FB;--surface:#ffffff;--surface-2:#E9EFF7;--ink:#0B2545;--muted:#4A5B74;--line:#E3E8F0;
  /* the app's accent family ("amber") becomes RevBullet blue; text on it is white */
  --amber:#1E6FD9;--amber-deep:#175BB3;--accent:#1E6FD9;--on-amber:#ffffff;
  --good:#17784F;--good-bg:#E2F4EB;
  --info:#0E7F97;--info-bg:#E0F5FA;
  --mutc:#4A5B74;--mut-bg:#EDF1F7;
  --gold:#175BB3;--gold-bg:#E4EEFC;
  --shadow:0 8px 30px rgba(11,37,69,.14);
  --head:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
:root[data-theme="dark"]{
  --ground:#0B2545;--surface:#12325C;--surface-2:#1A3E6B;--ink:#F4F7FB;--muted:#A9BAD3;--line:#24497A;
  --amber:#1E6FD9;--amber-deep:#2F80EA;--accent:#19B5D6;--on-amber:#ffffff;
  --good:#7DD3AB;--good-bg:rgba(34,160,107,.2);
  --info:#6FD6EC;--info-bg:rgba(25,181,214,.16);
  --mutc:#C7D3E6;--mut-bg:rgba(255,255,255,.08);
  --gold:#8EC0FF;--gold-bg:rgba(30,111,217,.24);
  --shadow:0 8px 30px rgba(2,10,24,.55);
}
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.kcol h4 span{font-family:Inter,sans-serif}
/* active nav: cyan rail like revbullet.com, blue icon */
.navbtn.on{border-left-color:#19B5D6}
.kpi{border-top-color:#1E6FD9}
.pill.demo{background:#19B5D6;border-color:#19B5D6;color:#0B2545}
:root[data-theme="dark"] .sidebar{background:#0B2545}
:root[data-theme="dark"] .brand span{color:#19B5D6}
/* the RevBullet wordmark is wider than the original square-ish logo */
.brand img{height:auto;width:100%;max-width:158px}
.topbar .mlogo{height:auto;width:132px}
@media (max-width:768px){.topbar .mlogo{width:118px}}
@media (min-width:769px){
  html.navmini .brand img{width:44px;max-width:44px;height:26px;object-fit:cover;object-position:16% 50%}
}
.brand .logo-dark{max-width:150px}