/* ==========================================================================
   Treasury — CALM (the chosen direction).
   Spacious warm-grey ground, white cards, large radii, soft shadows.
   Acid lime is a HIGHLIGHT only — never a chart category. Near-black is the
   action colour and the default chart mark, exactly as the reference does it.
   ========================================================================== */
:root{
  --tr-bg:#f2f3f1; --tr-surface:#ffffff; --tr-ink:#16181a; --tr-ink-2:#5a615c; --tr-ink-3:#9aa09b;
  --tr-line:#e6e8e4; --tr-hair:#eef0ec;
  --tr-lime:#d9f54f; --tr-lime-2:#c3e639; --tr-lime-ink:#3a4408;
  --tr-sage:#6fae8c; --tr-sage-soft:#e9f3ed; --tr-sage-deep:#3f6b55;

  /* Light Able paints .text-* from these with !important */
  --bs-primary-rgb:   22, 24, 26;
  --bs-success-rgb:   63, 107, 85;
  --bs-danger-rgb:   150,  62,  48;
  --bs-warning-rgb:  122, 106,  58;
  --bs-info-rgb:     111, 174, 140;
  --bs-secondary-rgb: 90, 97, 92;

  --tr-r:26px; --tr-r-sm:16px;
  --tr-shadow:0 1px 2px rgba(22,24,26,.03), 0 14px 40px -22px rgba(22,24,26,.20);
}
body{background:var(--tr-bg)!important;color:var(--tr-ink);
  font-family:'Public Sans',"Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.005em;line-height:1.6}
.pc-container{background:transparent}
h1,h2,h3,h4,h5,h6{color:var(--tr-ink);letter-spacing:-.035em;font-weight:800!important;text-transform:none}
.page-header-title h2{font-size:38px}
.text-muted{color:var(--tr-ink-3)!important}
a{color:var(--tr-ink)}

/* ---------- cards: soft, big radius, no hard borders ---------- */
.card{background:var(--tr-surface);border:0!important;border-radius:var(--tr-r)!important;
  box-shadow:var(--tr-shadow)!important;margin-bottom:22px}
.card-header{border-bottom:1px solid var(--tr-hair);background:transparent;padding:24px 28px 16px}
.card-header h5{font-size:17px;display:flex;align-items:center;gap:10px}
.card-header h5::before{content:"";width:12px;height:12px;border-radius:4px;background:var(--tr-lime);flex:0 0 auto}
.card-body{padding:26px 28px}
.card-footer{background:transparent;border-top:1px solid var(--tr-hair);font-size:13px;padding:18px 28px}

/* ---------- sidebar: light, pill nav, dark active ---------- */
.pc-sidebar{background:var(--tr-bg)!important;border-right:0!important}
.pc-sidebar .m-header{padding-bottom:18px}
.pc-sidebar .pc-navbar>.pc-item>.pc-link{border-radius:var(--tr-r-sm);margin:3px 16px;padding:11px 16px;
  color:var(--tr-ink-2);font-weight:600;font-size:14px;text-transform:none;letter-spacing:-.01em}
.pc-sidebar .pc-navbar>.pc-item>.pc-link:hover{background:#fff;color:var(--tr-ink)}
.pc-sidebar .pc-navbar>.pc-item.active>.pc-link{background:var(--tr-ink)!important;color:#fff!important;box-shadow:none!important}
.pc-sidebar .pc-navbar>.pc-item.active>.pc-link .pc-micon i{color:var(--tr-lime)!important}
.pc-sidebar .pc-caption{color:var(--tr-ink-3);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:600;padding:22px 20px 6px}
.pc-sidebar .pc-caption::after{display:none}
.pc-sidebar .card{box-shadow:none!important;border-radius:var(--tr-r-sm)!important}
.nav-action-card{background:var(--tr-lime)!important}
.nav-action-card h6,.nav-action-card p{color:var(--tr-ink)!important}
.pc-user-card{background:#fff!important;box-shadow:var(--tr-shadow)!important}

/* ---------- topbar ---------- */
.pc-header{background:transparent!important;border-bottom:0;box-shadow:none!important}
.pc-header .pc-head-link{border-radius:var(--tr-r-sm);color:var(--tr-ink-2)}
.pc-header .pc-head-link:hover{background:#fff}

/* ---------- buttons: pills, ink primary ---------- */
.btn{border-radius:999px!important;font-weight:700;letter-spacing:-.01em;border:0!important;padding:11px 22px;font-size:14px}
.btn-primary{background:var(--tr-ink)!important;color:#fff!important}
.btn-primary:hover{background:#000!important;color:#fff!important}
.btn-outline-secondary{background:#fff!important;color:var(--tr-ink)!important;box-shadow:inset 0 0 0 1px var(--tr-line)}
.btn-outline-secondary:hover{box-shadow:inset 0 0 0 1px var(--tr-ink)}
.btn-link-primary{color:var(--tr-ink)!important;background:transparent!important}

/* ---------- badges: the lime chip ---------- */
.badge{border-radius:999px;font-weight:700;font-size:11.5px;letter-spacing:0;padding:.5em .9em;text-transform:none}
.bg-light-primary,.bg-light-success{background:var(--tr-lime)!important;color:var(--tr-ink)!important}
.bg-light-secondary{background:#fff!important;color:var(--tr-ink-2)!important;box-shadow:inset 0 0 0 1px var(--tr-line)}
.bg-light-warning{background:var(--tr-sage-soft)!important;color:var(--tr-sage-deep)!important}
.bg-light-danger{background:var(--tr-ink)!important;color:var(--tr-lime)!important}
.theme-version,.bg-brand-color-2{background:var(--tr-lime)!important;color:var(--tr-ink)!important}

/* ---------- alerts: quiet, rounded ---------- */
.alert{border-radius:var(--tr-r-sm);border:0;background:#fff;color:var(--tr-ink);box-shadow:var(--tr-shadow);font-size:14.5px;padding:18px 22px}
.alert-success,.alert-light-success,.alert-light-primary{background:var(--tr-sage-soft);box-shadow:none}
.alert-warning,.alert-light-warning{background:#fff;box-shadow:inset 0 0 0 1px var(--tr-line)}
.alert-danger,.alert-light-danger{background:var(--tr-ink);color:#fff}
.alert-danger code,.alert-light-danger code{background:var(--tr-lime);color:var(--tr-ink)}
.alert-light-secondary{background:#fff;box-shadow:inset 0 0 0 1px var(--tr-line)}

/* ---------- tables ---------- */
.table{color:var(--tr-ink);font-size:13.5px}
.table>:not(caption)>*>*{border-bottom-color:var(--tr-hair);padding:13px 16px}
.table thead th{background:transparent;color:var(--tr-ink-3);font-size:11.5px;letter-spacing:.04em;
  text-transform:none;font-weight:600;border-bottom:1px solid var(--tr-line)!important}
.table-hover>tbody>tr:hover>*{background:var(--tr-bg)}
.table-light{--bs-table-bg:var(--tr-bg)}
.table-danger{--bs-table-bg:#fff}
.table-danger td{box-shadow:inset 3px 0 0 var(--tr-ink)}
.table-primary{--bs-table-bg:var(--tr-sage-soft)}

/* ---------- forms: pills ---------- */
.form-control,.form-select{border-radius:999px;border:1px solid var(--tr-line);background:#fff;
  padding:11px 20px;font-size:14px;color:var(--tr-ink)}
.form-control:focus,.form-select:focus{border-color:var(--tr-ink);box-shadow:0 0 0 4px rgba(217,245,79,.5)}
.form-label{font-size:13px;color:var(--tr-ink-2);font-weight:600;letter-spacing:0;text-transform:none}
.input-group-text{background:#fff;border:1px solid var(--tr-line);border-radius:999px;color:var(--tr-ink-3)}
.form-range{accent-color:var(--tr-ink)}
.breadcrumb{font-size:13px;text-transform:none;letter-spacing:0}
.list-group-item{background:transparent;border-color:var(--tr-hair);padding:16px 28px}

/* ---------- stat tiles ---------- */
.tr-stat .tr-k{font-size:13px;color:var(--tr-ink-3);font-weight:500;letter-spacing:0;text-transform:none}
.tr-stat .tr-v{font-size:36px;font-weight:800;letter-spacing:-.05em;margin-top:10px;line-height:1}
.tr-stat .tr-d{font-size:12.5px;color:var(--tr-ink-3);margin-top:12px;font-family:inherit}
/* the one lime highlight: the number that is the headline */
body .tr-stat .tr-v.text-success,body .tr-stat h3.text-success{
  background:var(--tr-lime);color:var(--tr-ink)!important;display:inline-block;
  padding:0 .14em;border-radius:12px}
.tr-chip{background:var(--tr-lime);color:var(--tr-ink);border-radius:999px;font-weight:700}
.tr-dot{width:9px;height:9px;border-radius:4px;display:inline-block;flex:0 0 auto}
.tr-num{font-variant-numeric:tabular-nums}
.tr-in,.tr-out{font-weight:700}
.tr-in::after,.tr-out::after{content:none}
code{background:var(--tr-lime);color:var(--tr-ink);border-radius:6px;padding:1px 6px}

/* ---------- apex ---------- */
.apexcharts-tooltip{border-radius:14px!important;border:0!important;box-shadow:var(--tr-shadow)!important}
.apexcharts-legend-text{color:var(--tr-ink-2)!important;font-size:12.5px!important;text-transform:none}

/* ---------- public example dashboard ---------- */
.bm-demobar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  background:#15171a;color:#c3ccc6;border-radius:16px;padding:14px 20px;margin-bottom:22px;
  font-size:14px;line-height:1.6}
.bm-demobar b{color:#fff}
.bm-demobar__tag{font-family:'Silkscreen',ui-monospace,monospace;font-size:9px;letter-spacing:.05em;
  text-transform:uppercase;color:#15171a;background:#d9f54f;border-radius:7px;padding:6px 9px;
  white-space:nowrap;flex:0 0 auto}
.bm-demobar__cta{margin-left:auto;white-space:nowrap;text-decoration:none;font-weight:700;
  color:#15171a;background:#d9f54f;border-radius:999px;padding:9px 18px;font-size:13.5px}
.bm-demobar__cta:hover{background:#fff;color:#15171a}
@media(max-width:820px){.bm-demobar__cta{margin-left:0}}