/* dk-pitwall · DigiKnot Pit Wall look for FOSSBilling client + admin (Script 4) */
/* DigiKnot "Pit wall" theme · shared by the desk, the staff app, onboarding pages and print views.
   Same palette as the SES emails (dk_tpl.py BRAND/DARK). Carbon + copper + petrol-green pinstripe on warm ivory.
   Rules: sharp angles, hairlines, square corners (2px max), spaced uppercase labels, tabular numbers.
   Every text/background pair below is WCAG AA (4.5:1 or more) in light AND dark. Don't add a colour without checking it. */

:root{
  /* surfaces */
  --dk-bg:#ECE6DE; --dk-card:#FFFDF9; --dk-box:#F5EEE5; --dk-line:#E4DCD1; --dk-rule:#1B1D22;
  /* text */
  --dk-ink:#1B1D22; --dk-muted:#5C5751; --dk-title:#15171C; --dk-link:#8A3E15;
  /* carbon header */
  --dk-head:#15171C; --dk-head-panel:#23272F; --dk-head-text:#F5F1EA; --dk-head-sub:#CFC8BE;
  /* accents (stripes, flags, borders only, never text on light) */
  --dk-copper:#D9823F; --dk-green:#0E6B58; --dk-red:#C2362B;
  /* buttons */
  --dk-btn:#99441A; --dk-btn-tail:#6B2E10; --dk-btn-text:#FFFFFF;
  --dk-btn2-text:#1B1D22; --dk-btn2-line:#1B1D22;          /* secondary = outline */
  /* status chips: text on tinted background, all ≥4.5:1 */
  --dk-ok-bg:#E3F1EC; --dk-ok-text:#0B5446;
  --dk-warn-bg:#FBEBD9; --dk-warn-text:#7A3A0E;
  --dk-bad-bg:#F8E1DE; --dk-bad-text:#8F241B;
  --dk-info-bg:#ECE9F2; --dk-info-text:#3A3550;
  /* inputs (text boxes must never match their background) */
  --dk-input-bg:#FFFFFF; --dk-input-text:#1B1D22; --dk-input-line:#7A7268; --dk-input-focus:#99441A; --dk-placeholder:#6E675F;
  /* type */
  --dk-font:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --dk-mono:Menlo,Consolas,'Courier New',monospace;
  --dk-radius:2px;
  --dk-angle:118deg;
}
@media (prefers-color-scheme:dark){
  :root{
    --dk-bg:#0D0E11; --dk-card:#17191E; --dk-box:#23262D; --dk-line:#2F333B; --dk-rule:#F2EEE8;
    --dk-ink:#F2EEE8; --dk-muted:#BDB5AB; --dk-title:#FFFFFF; --dk-link:#F2A774;
    --dk-btn2-text:#F2EEE8; --dk-btn2-line:#F2EEE8;
    --dk-ok-bg:#12332C; --dk-ok-text:#8FE0C8;
    --dk-warn-bg:#3A2A18; --dk-warn-text:#F6C48F;
    --dk-bad-bg:#3B1C19; --dk-bad-text:#F4A79F;
    --dk-info-bg:#262433; --dk-info-text:#CFC9E6;
    --dk-input-bg:#0F1114; --dk-input-text:#F2EEE8; --dk-input-line:#8A8278; --dk-input-focus:#F2A774; --dk-placeholder:#A39B91;
  }
}


:root,[data-bs-theme=light]{
  --tblr-font-sans-serif:'Helvetica Neue',Helvetica,Arial,system-ui,sans-serif; --bs-font-sans-serif:var(--tblr-font-sans-serif);
  --tblr-body-bg:#ECE6DE; --bs-body-bg:#ECE6DE; --tblr-bg-surface:#FFFDF9; --tblr-bg-surface-secondary:#F5EEE5;
  --tblr-body-color:#1B1D22; --bs-body-color:#1B1D22; --tblr-secondary:#5C5751; --tblr-muted:#5C5751;
  --tblr-primary:#99441A; --tblr-primary-rgb:153,68,26; --tblr-primary-fg:#FFFFFF; --bs-primary:#99441A; --bs-primary-rgb:153,68,26;
  --tblr-link-color:#8A3E15; --tblr-link-color-rgb:138,62,21; --tblr-link-hover-color:#6B2E10; --bs-link-color:#8A3E15; --bs-link-color-rgb:138,62,21;
  --tblr-border-color:#E4DCD1; --bs-border-color:#E4DCD1; --tblr-border-radius:2px; --tblr-border-radius-sm:2px; --tblr-border-radius-lg:2px; --bs-border-radius:2px;
  --tblr-success:#0E6B58; --tblr-success-rgb:14,107,88; --tblr-danger:#C2362B; --tblr-danger-rgb:194,54,43; --tblr-warning:#D9823F; --tblr-warning-rgb:217,130,63;
}
[data-bs-theme=dark]{
  --tblr-body-bg:#0D0E11; --bs-body-bg:#0D0E11; --tblr-bg-surface:#17191E; --tblr-bg-surface-secondary:#23262D;
  --tblr-body-color:#F2EEE8; --bs-body-color:#F2EEE8; --tblr-secondary:#BDB5AB; --tblr-muted:#BDB5AB;
  --tblr-link-color:#F2A774; --tblr-link-color-rgb:242,167,116; --bs-link-color:#F2A774; --tblr-border-color:#2F333B; --bs-border-color:#2F333B;
}
body{font-family:var(--tblr-font-sans-serif)!important;background:var(--tblr-body-bg)}
.navbar,header.navbar,.navbar-dark,.navbar[data-bs-theme=dark]{background:linear-gradient(118deg,#15171C 0,#15171C 66%,#D9823F 66%,#D9823F 66.4%,#23272F 66.4%,#23272F 100%)!important;border-bottom:3px solid #D9823F!important;box-shadow:0 1px 0 #0E6B58!important}
.navbar-vertical,aside.navbar{background:#15171C!important;border-right:3px solid #D9823F!important;border-bottom:0!important}
.navbar .nav-link,.navbar .navbar-brand,.navbar .nav-link-title,.navbar .dropdown-toggle{color:#F5F1EA!important}
.navbar .nav-link:hover,.navbar .nav-item.active .nav-link{color:#D9823F!important}
.navbar-brand img,.navbar-brand-image{max-height:40px;width:auto}
.btn{border-radius:2px!important;box-shadow:none!important}
.btn-primary{--tblr-btn-bg:#99441A;--tblr-btn-border-color:#6B2E10;--tblr-btn-hover-bg:#6B2E10;--tblr-btn-hover-border-color:#6B2E10;--tblr-btn-color:#FFFFFF;--tblr-btn-active-bg:#6B2E10;background:#99441A;border-color:#6B2E10;color:#FFFFFF}
.btn-outline-primary{--tblr-btn-color:#99441A;--tblr-btn-border-color:#99441A;--tblr-btn-hover-bg:#99441A;--tblr-btn-hover-color:#fff}
.card,.form-control,.form-select,.badge,.alert,.dropdown-menu,.modal-content,.list-group,.input-group-text{border-radius:2px!important}
.card{background:var(--tblr-bg-surface);border-color:var(--tblr-border-color);box-shadow:none}
.card-header{border-bottom:2px solid #1B1D22}
[data-bs-theme=dark] .card-header{border-bottom-color:#F2EEE8}
.page-pretitle,.card-subtitle,.form-label,.table thead th{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}
.page-title,h1,h2,h3{color:var(--tblr-body-color);letter-spacing:-.01em}
.form-control,.form-select{border-color:#7A7268}
.form-control:focus,.form-select:focus{border-color:#99441A;box-shadow:0 0 0 .2rem rgba(153,68,26,.25)}
.bg-primary{background-color:#99441A!important}
.text-primary{color:#8A3E15!important}
.badge.bg-success,.bg-success-lt{background:#E3F1EC!important;color:#0B5446!important}
.badge.bg-danger,.bg-danger-lt{background:#F8E1DE!important;color:#8F241B!important}
.badge.bg-warning,.bg-warning-lt{background:#FBEBD9!important;color:#7A3A0E!important}
td,th,.dk-num{font-variant-numeric:tabular-nums}