/* CN Trade Navigator — custom styles */

:root {
  --clr-success:    #198754;        /* green — owed money, complete, slots ok */
  --clr-danger:     #dc3545;        /* red — owes tech, cancelled, slots full */
  --clr-warning:    #ffc107;        /* amber — money received, slots warning */
  --clr-info:       #0dcaf0;        /* cyan — tech sent */
  --clr-primary:    #0d6efd;        /* blue — assigned */
  --clr-secondary:  #6c757d;        /* gray — open, muted, zero balance */
  --clr-dark:       #343a40;        /* dark gray — ignored badge */
  --clr-dark-text:  #000;           /* text on light badges */
  --clr-light-text: #fff;           /* text on dark badges */
  --clr-hover-bg:   rgba(0,0,0,.04); /* table row hover */
}

.balance-positive { color: var(--clr-danger);    font-weight: 600; }  /* owes tech → red warning */
.balance-negative { color: var(--clr-success);   font-weight: 600; }  /* owed money → green priority */
.balance-zero     { color: var(--clr-secondary); }

.badge-open           { background-color: var(--clr-secondary); }
.badge-assigned       { background-color: var(--clr-primary); }
.badge-money-received { background-color: var(--clr-warning); color: var(--clr-dark-text); }
.badge-tech-sent      { background-color: var(--clr-info);    color: var(--clr-dark-text); }
.badge-complete       { background-color: var(--clr-success); }
.badge-cancelled      { background-color: var(--clr-danger); }
.badge-ignored        { background-color: var(--clr-dark);    color: var(--clr-light-text); }

.table-hover tbody tr:hover { background-color: var(--clr-hover-bg); }

.slots-warning { color: var(--clr-warning); font-weight: 600; }
.slots-ok      { color: var(--clr-success); }
.slots-full    { color: var(--clr-danger);  font-weight: 600; }

/* ── Dark mode overrides ─────────────────────────────────────── */
[data-bs-theme="dark"] {
  --clr-success:    #75b798;
  --clr-danger:     #ea868f;
  --clr-warning:    #ffda6a;
  --clr-info:       #6edff6;
  --clr-primary:    #6ea8fe;
  --clr-secondary:  #a7acb1;
  --clr-dark:       #dee2e6;
  --clr-dark-text:  #000;
  --clr-light-text: #000;
  --clr-hover-bg:   rgba(255,255,255,.06);
}

/* Keep navbar dark in both themes */
[data-bs-theme="dark"] .navbar { --bs-navbar-bg: #212529; }

/* Theme toggle button */
#themeToggle { cursor: pointer; font-size: 1.2rem; border: none; background: none; }