/* ==========================================================================
   369B Brand Theme — Charcoal & Metallic Gold
   Overlay layer: loaded after modern-sidebar.css / app.css.
   Removing this file restores the original look — no core files modified.
   ========================================================================== */

:root {
  /* Brand tokens */
  --b369-charcoal: #16181c;
  --b369-charcoal-deep: #101216;
  --b369-surface: #20242a;
  --b369-surface-soft: rgba(32, 36, 42, 0.85);
  --b369-card: rgba(201, 162, 75, 0.06);
  --b369-gold: #c9a24b;
  --b369-gold-soft: #e6c976;
  --b369-gold-bright: #f3bd0d;
  --b369-gold-glow: rgba(201, 162, 75, 0.35);
  --b369-gold-faint: rgba(201, 162, 75, 0.12);
  --b369-text: #f5f1e8;
  --b369-text-secondary: #b9b2a6;
  --b369-text-muted: #8a8377;

  /* Remap sidebar design tokens (defined in modern-sidebar.css) */
  --sb-bg-canvas: var(--b369-charcoal-deep);
  --sb-bg-panel: rgba(22, 24, 28, 0.92);
  --sb-bg-card: var(--b369-card);
  --sb-primary: var(--b369-gold);
  --sb-primary-glow: var(--b369-gold-glow);
  --sb-border-glow: rgba(201, 162, 75, 0.14);
  --sb-border-active: rgba(201, 162, 75, 0.55);
  --sb-text-primary: var(--b369-text);
  --sb-text-secondary: var(--b369-text-secondary);
  --sb-text-muted: var(--b369-text-muted);
}

/* --------------------------------------------------------------------------
   1. Sidebar refinements (on top of token remap)
   -------------------------------------------------------------------------- */

.lrt-premium-theme .sb-slim-bar {
  background: rgba(16, 18, 22, 0.9);
  border-inline-end: 1px solid rgba(201, 162, 75, 0.12);
}

.lrt-premium-theme .sb-slim-item.active {
  background: linear-gradient(135deg, rgba(201, 162, 75, 0.28) 0%, rgba(201, 162, 75, 0.14) 100%);
  color: var(--b369-gold-soft);
  box-shadow: inset 0 0 0 1px rgba(201, 162, 75, 0.35);
}

.lrt-premium-theme .sb-slim-item:hover {
  color: var(--b369-gold-soft);
  background: var(--b369-gold-faint);
}

.lrt-premium-theme .sb-slim-item::after {
  background: var(--b369-charcoal);
  color: var(--b369-text);
  border: 1px solid rgba(201, 162, 75, 0.25);
}

.lrt-premium-theme .sb-logo-area {
  background: linear-gradient(135deg, var(--b369-gold) 0%, #a8823a 100%);
  color: var(--b369-charcoal-deep);
  box-shadow: 0 2px 12px rgba(201, 162, 75, 0.3);
}

.lrt-premium-theme .sb-card {
  border: 1px solid rgba(201, 162, 75, 0.1);
}

.lrt-premium-theme .sb-card:hover {
  border-color: rgba(201, 162, 75, 0.3);
  background: rgba(201, 162, 75, 0.09);
}

.lrt-premium-theme .sb-link:hover {
  background: var(--b369-gold-faint);
}

.lrt-premium-theme .sb-link.active {
  color: var(--b369-gold-soft);
  background: var(--b369-gold-faint);
  box-shadow: inset 2px 0 0 var(--b369-gold);
}

.lrt-premium-theme .sb-search-input:focus {
  box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.18) !important;
}

/* --------------------------------------------------------------------------
   2. Top bar / header shell
   -------------------------------------------------------------------------- */

.lrt-premium-theme .main-header,
.lrt-premium-theme .main-header .navbar,
.lrt-premium-theme .main-header .logo {
  background: var(--b369-charcoal) !important;
  color: var(--b369-text) !important;
}

/* Custom tailwind header wrapper (first div after body > .tw-flex content col) */
.lrt-premium-theme .content-wrapper > div.no-print:first-child,
.lrt-premium-theme .tw-border-primary-500\/30 {
  background: linear-gradient(180deg, var(--b369-charcoal) 0%, #1a1d22 100%);
  border-bottom: 1px solid rgba(201, 162, 75, 0.35) !important;
  color: var(--b369-text);
}

.lrt-premium-theme .tw-border-primary-500\/30 a,
.lrt-premium-theme .tw-border-primary-500\/30 button {
  color: var(--b369-text-secondary);
}

.lrt-premium-theme .tw-border-primary-500\/30 a:hover,
.lrt-premium-theme .tw-border-primary-500\/30 button:hover {
  color: var(--b369-gold-soft);
}

/* --------------------------------------------------------------------------
   3. Shared components — buttons, boxes, tables, forms
   -------------------------------------------------------------------------- */

/* Primary buttons: metallic gold gradient */
.lrt-premium-theme .btn-primary,
.lrt-premium-theme .btn-info.submit,
.lrt-premium-theme button[type="submit"].btn-primary {
  background: linear-gradient(135deg, #d4af5e 0%, var(--b369-gold) 45%, #a8823a 100%) !important;
  border-color: #a8823a !important;
  color: #1c1508 !important;
  font-weight: 600;
  text-shadow: none;
}

.lrt-premium-theme .btn-primary:hover,
.lrt-premium-theme .btn-primary:focus {
  background: linear-gradient(135deg, var(--b369-gold-soft) 0%, var(--b369-gold) 60%, #b08c3f 100%) !important;
  box-shadow: 0 4px 14px rgba(201, 162, 75, 0.35);
  color: #1c1508 !important;
}

/* Box / card header accent */
.lrt-premium-theme .box {
  border-top: 2px solid var(--b369-gold);
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(22, 24, 28, 0.07);
}

.lrt-premium-theme .box.box-solid > .box-header,
.lrt-premium-theme .box.box-primary > .box-header {
  background: var(--b369-charcoal) !important;
  color: var(--b369-text) !important;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid rgba(201, 162, 75, 0.25) !important;
}

/* `.box-title` carries its own !important colour in the global theme layer, so an
   inherited colour from the dark header above never reaches it. Re-light the title
   and header tools explicitly, otherwise they render charcoal on charcoal. */
.lrt-premium-theme .box.box-solid > .box-header .box-title,
.lrt-premium-theme .box.box-primary > .box-header .box-title,
.lrt-premium-theme .box.box-solid > .box-header > h3,
.lrt-premium-theme .box.box-primary > .box-header > h3 {
  color: var(--b369-text) !important;
}

.lrt-premium-theme .box.box-solid > .box-header .box-title > i,
.lrt-premium-theme .box.box-primary > .box-header .box-title > i {
  color: var(--b369-gold-soft) !important;
}

.lrt-premium-theme .box.box-solid > .box-header .btn-box-tool,
.lrt-premium-theme .box.box-primary > .box-header .btn-box-tool,
.lrt-premium-theme .box.box-solid > .box-header .box-tools > a,
.lrt-premium-theme .box.box-primary > .box-header .box-tools > a {
  color: var(--b369-text-secondary) !important;
}

.lrt-premium-theme .box.box-solid > .box-header .btn-box-tool:hover,
.lrt-premium-theme .box.box-primary > .box-header .btn-box-tool:hover,
.lrt-premium-theme .box.box-solid > .box-header .box-tools > a:hover,
.lrt-premium-theme .box.box-primary > .box-header .box-tools > a:hover {
  color: var(--b369-gold-soft) !important;
}

/* Muted/secondary text also lands on the dark header (counters, hints, inline labels). */
.lrt-premium-theme .box.box-solid > .box-header .text-muted,
.lrt-premium-theme .box.box-primary > .box-header .text-muted,
.lrt-premium-theme .box.box-solid > .box-header > small,
.lrt-premium-theme .box.box-primary > .box-header > small,
.lrt-premium-theme .box.box-solid > .box-header label,
.lrt-premium-theme .box.box-primary > .box-header label {
  color: var(--b369-text-muted) !important;
}

/* Links & accents */
.lrt-premium-theme a.text-primary,
.lrt-premium-theme .text-primary {
  color: #a8823a !important;
}

/* Table headers */
.lrt-premium-theme table.dataTable thead th,
.lrt-premium-theme .table > thead > tr > th {
  background: var(--b369-charcoal);
  color: var(--b369-text);
  border-bottom: 2px solid var(--b369-gold) !important;
}

.lrt-premium-theme .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(201, 162, 75, 0.045);
}

.lrt-premium-theme .table-hover > tbody > tr:hover {
  background-color: var(--b369-gold-faint);
}

/* Form focus ring — gold */
.lrt-premium-theme .form-control:focus,
.lrt-premium-theme .select2-container--default.select2-container--focus .select2-selection {
  border-color: var(--b369-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.18) !important;
}

/* Pagination */
.lrt-premium-theme .pagination > .active > a,
.lrt-premium-theme .dataTables_paginate .paginate_button.current {
  background: var(--b369-gold) !important;
  border-color: #a8823a !important;
  color: #1c1508 !important;
}

/* Nav tabs active */
.lrt-premium-theme .nav-tabs > li.active > a {
  border-top: 2px solid var(--b369-gold);
  font-weight: 600;
}

/* Badges / labels primary */
.lrt-premium-theme .label-primary,
.lrt-premium-theme .badge-primary,
.lrt-premium-theme .bg-blue {
  background-color: var(--b369-gold) !important;
  color: #1c1508 !important;
}

/* --------------------------------------------------------------------------
   4. Print safety — invoices & reports stay ink-friendly
   -------------------------------------------------------------------------- */

@media print {
  .lrt-premium-theme .box,
  .lrt-premium-theme table.dataTable thead th,
  .lrt-premium-theme .table > thead > tr > th {
    background: #fff !important;
    color: #000 !important;
    border-color: #999 !important;
    box-shadow: none;
  }
}