/* ============================================================
   Tech Business Suite — theme
   Lagoon (brand, Nov 2026) by default — Rising T logo, Lagoon / Saffron / Lotus. The company accent comes from Settings (--tbs-accent / --tbs-accent-2,
   printed in <head> by theme_head_html()). <html data-theme="light|dark"> is set before paint.
   Printouts always stay black on white.
   ============================================================ */
:root{
  --tbs-accent:#11766D; --tbs-accent-2:#1F9A8E;
  --tbs-accent-rgb:17,118,109; --tbs-saffron:#E59A2F; --tbs-lotus:#D9708A;
  --tbs-accent-soft:color-mix(in srgb,var(--tbs-accent) 10%,#fff);
  --tbs-accent-soft-2:color-mix(in srgb,var(--tbs-accent) 28%,#fff);
  --tbs-accent-ink:color-mix(in srgb,var(--tbs-accent) 70%,#000);
  --tbs-bg:#f3f7f6; --tbs-surface:#ffffff; --tbs-surface-2:#f8fafc;
  --tbs-ink:#102522; --tbs-text:#1d2f2c; --tbs-muted:#64748b; --tbs-border:#e2e8f0;
  --tbs-side:#102522; --tbs-side-2:#0B1C1A; --tbs-side-text:#d3e8e4; --tbs-side-muted:#86a6a0;
  --tbs-ok:#16a34a; --tbs-warn:#f59e0b; --tbs-bad:#dc2626;
  --brand1:var(--tbs-accent); --brand2:var(--tbs-accent-2); --ink:var(--tbs-ink);
}
html[data-theme="dark"]{
  --tbs-accent-soft:color-mix(in srgb,var(--tbs-accent) 22%,#0b1220);
  --tbs-accent-soft-2:color-mix(in srgb,var(--tbs-accent) 40%,#0b1220);
  --tbs-accent-ink:color-mix(in srgb,var(--tbs-accent) 45%,#fff);
  --tbs-bg:#0b1220; --tbs-surface:#131c2e; --tbs-surface-2:#182338;
  --tbs-ink:#f1f5f9; --tbs-text:#e2e8f0; --tbs-muted:#94a3b8; --tbs-border:#24324a;
  --tbs-side:#060b14; --tbs-side-2:#060b14; --tbs-side-text:#cbd5e1; --tbs-side-muted:#64748b;
  --bs-body-bg:var(--tbs-bg); --bs-body-color:var(--tbs-text); --bs-border-color:var(--tbs-border);
  --bs-secondary-color:var(--tbs-muted); --bs-tertiary-bg:var(--tbs-surface-2); --bs-light-rgb:24,35,56;
  color-scheme:dark;
}
h1,h2,h3,h4,h5,.tbs-brand,.navbar-brand{font-family:Outfit,Inter,system-ui,sans-serif;letter-spacing:-.01em}

/* ---------- base ---------- */
body:not(.tbs-own-bg){background:var(--tbs-bg)!important;color:var(--tbs-text)}
h1,h2,h3,h4,h5,h6{color:var(--tbs-ink)}
a{color:var(--tbs-accent)}
.text-muted{color:var(--tbs-muted)!important}
.text-primary{color:var(--tbs-accent)!important}
.bg-primary{background-color:var(--tbs-accent)!important}
.border-primary{border-color:var(--tbs-accent)!important}
.card,.modal-content,.dropdown-menu,.list-group-item{background:var(--tbs-surface);color:var(--tbs-text);border-color:var(--tbs-border)}
.topbar{background:var(--tbs-surface)!important;border-color:var(--tbs-border)!important}

/* ---------- buttons ---------- */
.btn-primary,.btn-dark{--bs-btn-bg:var(--tbs-accent);--bs-btn-border-color:var(--tbs-accent);--bs-btn-hover-bg:var(--tbs-accent-ink);--bs-btn-hover-border-color:var(--tbs-accent-ink);
  --bs-btn-active-bg:var(--tbs-accent-ink);--bs-btn-active-border-color:var(--tbs-accent-ink);--bs-btn-disabled-bg:var(--tbs-accent);--bs-btn-disabled-border-color:var(--tbs-accent);
  background:var(--tbs-accent)!important;border-color:var(--tbs-accent)!important;color:#fff!important}
.btn-primary:hover,.btn-dark:hover{background:var(--tbs-accent-ink)!important;border-color:var(--tbs-accent-ink)!important}
.btn-outline-primary{--bs-btn-color:var(--tbs-accent);--bs-btn-border-color:var(--tbs-accent);--bs-btn-hover-bg:var(--tbs-accent);--bs-btn-hover-border-color:var(--tbs-accent);--bs-btn-active-bg:var(--tbs-accent);--bs-btn-active-border-color:var(--tbs-accent)}
.btn-outline-dark{--bs-btn-color:var(--tbs-ink);--bs-btn-border-color:var(--tbs-border);--bs-btn-hover-bg:var(--tbs-accent);--bs-btn-hover-border-color:var(--tbs-accent);--bs-btn-hover-color:#fff}
.btn-check:checked+.btn-outline-secondary{background:var(--tbs-accent);border-color:var(--tbs-accent);color:#fff}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:var(--tbs-accent)}
.nav-pills .nav-link{color:var(--tbs-accent-ink)}
.form-check-input:checked{background-color:var(--tbs-accent);border-color:var(--tbs-accent)}
.form-control:focus,.form-select:focus{border-color:var(--tbs-accent);box-shadow:0 0 0 .2rem rgba(var(--tbs-accent-rgb),.15)}
.page-item.active .page-link{background:var(--tbs-accent);border-color:var(--tbs-accent)}

/* ---------- admin sidebar ---------- */
.sidebar{background:linear-gradient(180deg,var(--tbs-side) 0%,var(--tbs-side-2) 100%)!important}
.sidebar a{color:var(--tbs-side-text)!important}
.sidebar a.active{background:var(--tbs-accent)!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--tbs-accent-rgb),.35)!important}
.mgrp.cur>.mgh{color:#fff!important;background:rgba(255,255,255,.05)}
.msub,.mgc{color:var(--tbs-side-muted)!important}
.tbs-brand{display:flex;align-items:center;gap:.55rem;color:#fff;font-weight:800;letter-spacing:.01em}
.tbs-brand .dot{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--tbs-accent),var(--tbs-accent-2));display:grid;place-items:center;font-size:.95rem}
.tbs-brand img{height:30px;max-width:110px;object-fit:contain;border-radius:6px;background:#fff;padding:2px}.tbs-brand img.mk{width:30px;background:none;padding:0;border-radius:8px}

/* ---------- light / dark switch ---------- */
.tbs-theme-switch{display:inline-flex;background:rgba(127,127,127,.15);border-radius:999px;padding:2px;gap:2px}
.tbs-theme-switch button{border:0;background:none;border-radius:999px;padding:.15rem .5rem;font-size:.85rem;line-height:1.4;cursor:pointer;opacity:.6}
.tbs-theme-switch button.on{background:var(--tbs-surface);opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.tbs-swatch{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;font-size:.72rem;width:80px;text-align:center;color:var(--tbs-muted)}
.tbs-swatch input{display:none}.tbs-swatch b{width:48px;height:48px;border-radius:13px;border:3px solid transparent;display:block}
.tbs-swatch input:checked+b{border-color:var(--tbs-ink);box-shadow:0 0 0 3px var(--tbs-surface) inset}

/* ---------- dark mode: Bootstrap bits + common inline light backgrounds ---------- */
html[data-theme="dark"] .table{--bs-table-bg:transparent;--bs-table-color:var(--tbs-text);--bs-table-border-color:var(--tbs-border);--bs-table-striped-bg:rgba(255,255,255,.03);--bs-table-hover-bg:rgba(255,255,255,.05)}
html[data-theme="dark"] .table-light,html[data-theme="dark"] .table-light>*>*{--bs-table-bg:var(--tbs-surface-2);--bs-table-color:var(--tbs-text);background:var(--tbs-surface-2)!important;color:var(--tbs-text)!important}
html[data-theme="dark"] .table-info>*>*,html[data-theme="dark"] .table-warning>*>*,html[data-theme="dark"] .table-success>*>*,html[data-theme="dark"] .table-danger>*>*{color:var(--tbs-text)}
html[data-theme="dark"] .bg-light,html[data-theme="dark"] .bg-white{background:var(--tbs-surface-2)!important;color:var(--tbs-text)!important}
html[data-theme="dark"] .text-dark{color:var(--tbs-text)!important}
html[data-theme="dark"] .badge.bg-light{background:var(--tbs-surface-2)!important;color:var(--tbs-text)!important}
html[data-theme="dark"] .border{border-color:var(--tbs-border)!important}
html[data-theme="dark"] [style*="background:#fff"],html[data-theme="dark"] [style*="background: #fff"],html[data-theme="dark"] [style*="background:white"]{background:var(--tbs-surface)!important;color:var(--tbs-text)}
html[data-theme="dark"] [style*="background:#f8fafc"],html[data-theme="dark"] [style*="background:#f1f5f9"],html[data-theme="dark"] [style*="background:#f4f5fa"],
html[data-theme="dark"] [style*="background:#e2e8f0"],html[data-theme="dark"] [style*="background:#fafafa"],html[data-theme="dark"] [style*="background:#f9fafb"]{background:var(--tbs-surface-2)!important;color:var(--tbs-text)}
html[data-theme="dark"] [style*="background:#fef2f2"],html[data-theme="dark"] [style*="background:#fee2e2"]{background:rgba(220,38,38,.16)!important;color:var(--tbs-text)}
html[data-theme="dark"] [style*="background:#fef3c7"],html[data-theme="dark"] [style*="background:#fffbeb"],html[data-theme="dark"] [style*="background:#fff7ed"]{background:rgba(245,158,11,.15)!important;color:var(--tbs-text)}
html[data-theme="dark"] [style*="background:#dcfce7"],html[data-theme="dark"] [style*="background:#f0fdf4"]{background:rgba(22,163,74,.16)!important;color:var(--tbs-text)}
html[data-theme="dark"] [style*="color:#0f172a"],html[data-theme="dark"] [style*="color:#1e293b"],html[data-theme="dark"] [style*="color:#111"]{color:var(--tbs-text)!important}
html[data-theme="dark"] .alert-light{background:var(--tbs-surface-2);color:var(--tbs-text);border-color:var(--tbs-border)}
html[data-theme="dark"] .quick-search input,html[data-theme="dark"] .qs-results{background:var(--tbs-surface)!important;color:var(--tbs-text);border-color:var(--tbs-border)!important}
html[data-theme="dark"] .qs-results a{color:var(--tbs-text)}
html[data-theme="dark"] .menu-dropdown{background:var(--tbs-surface)!important}
html[data-theme="dark"] .menu-dropdown a{color:var(--tbs-text)!important;border-color:var(--tbs-border)!important}
html[data-theme="dark"] .menu-dropdown a:hover{background:var(--tbs-surface-2)!important}
html[data-theme="dark"] .bottomnav{background:var(--tbs-surface)!important;border-color:var(--tbs-border)!important}
html[data-theme="dark"] .bottomnav a{color:var(--tbs-muted)!important}
html[data-theme="dark"] .bottomnav a.active{color:var(--tbs-accent-2)!important}
html[data-theme="dark"] .offbar{background:rgba(220,38,38,.18)!important;color:#fecaca!important;border-color:rgba(220,38,38,.4)!important}
html[data-theme="dark"] img{opacity:.96}

/* ---------- staff app top bar ---------- */
.topbar.tbs-staff{background:linear-gradient(135deg,var(--tbs-side),color-mix(in srgb,var(--tbs-accent) 55%,var(--tbs-side)))!important;color:#fff;border:0!important}

/* ---------- print: always plain ---------- */
@media print{
  html[data-theme="dark"]{color-scheme:light}
  html[data-theme] body{background:#fff!important;color:#000!important}
  html[data-theme="dark"] .card,html[data-theme="dark"] .table,html[data-theme="dark"] [style]{background:#fff!important;color:#000!important}
}