/**
 * KMOS Corporate Design System — Kiara Group of India
 * Deep Navy · Ivory / Off-White · Champagne / Muted Gold
 * Status: green / amber / red / blue
 * Data & workflows unchanged — chrome & brand colours only.
 */
:root {
  --kmos-navy: #0B1F3A;
  --kmos-navy-deep: #071526;
  --kmos-nav: #0B1F3A;
  --kmos-nav-text: #C8D0DC;
  --kmos-nav-muted: #7A8494;
  --kmos-header: #FFFFFF;
  --kmos-tabs-bg: #F7F5F1;
  --kmos-content-bg: #F5F3EE;
  --kmos-card: #FFFFFF;
  --kmos-line: #E4E0D8;
  --kmos-line-soft: #EEEBE4;
  --kmos-text: #0F172A;
  --kmos-dim: #64748B;
  --kmos-accent: #0B1F3A;
  --kmos-accent-blue: #2B6CB0;
  --kmos-accent-gold: #C4A574;
  --kmos-champagne: #C4A574;
  --kmos-green: #059669;
  --kmos-amber: #D97706;
  --kmos-red: #C24141;
  --kmos-shadow: 0 2px 10px rgba(11, 31, 58, 0.06);
  --kmos-radius: 10px;
  --kmos-font-h: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --kmos-font-b: 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --kmos-font-n: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
}

html {
  color-scheme: light;
}

body {
  background: var(--kmos-content-bg) !important;
  color: var(--kmos-text);
  font-family: var(--kmos-font-b);
}

/* ── Module page headers → white brand bar ── */
.header,
header.header,
#header,
.page-header,
.app-header {
  background: var(--kmos-header) !important;
  background-image: none !important;
  color: var(--kmos-text) !important;
  border-bottom: 1px solid var(--kmos-line) !important;
  box-shadow: none !important;
}

.header h1,
.header h2,
.header .title,
.header .brand,
.header strong {
  color: var(--kmos-navy) !important;
}

.header a,
.header .back,
.header button.back-link {
  color: var(--kmos-dim) !important;
}

.header p,
.header .sub,
.header .subtitle,
.header span:not(.badge):not(.pill) {
  color: var(--kmos-dim);
}

/* Shared KIARA® lockup (HTML modules may inject .kiara-brand) */
.kiara-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  font-family: var(--kmos-font-h);
  user-select: none;
}
.kiara-brand .kiara-word {
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--kmos-navy);
  position: relative;
  padding-right: 0.55em;
  font-size: 1.05rem;
}
.kiara-brand .kiara-reg {
  position: absolute;
  top: -0.05em;
  right: 0;
  font-size: 0.38em;
  font-weight: 700;
  color: var(--kmos-champagne);
  letter-spacing: 0;
}
.kiara-brand .kiara-sub {
  margin-top: 3px;
  font-weight: 600;
  font-size: 0.52rem;
  letter-spacing: 0.32em;
  color: var(--kmos-dim);
  text-transform: uppercase;
}

/* ── Horizontal module tabs ── */
.tabs,
.tab-bar,
#hr-main-tabs,
#ccg-tabs,
#sec-tab-bar,
.sec-tab-bar,
.nav-tabs {
  background: var(--kmos-tabs-bg) !important;
  border-bottom: 1px solid var(--kmos-line) !important;
}

.tab,
.tabs .tab,
.tab-btn,
.nav-tabs .tab {
  color: #374151 !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
}

.tab:hover,
.tab-btn:hover {
  color: var(--kmos-text) !important;
  background: rgba(11, 31, 58, 0.04) !important;
}

.tab.active,
.tabs .tab.active,
.tab-btn.active,
.nav-tabs .tab.active,
.cat-filter-btn.active {
  color: var(--kmos-navy) !important;
  border-bottom-color: var(--kmos-champagne) !important;
  background: transparent !important;
  font-weight: 700 !important;
}

.step .n,
.flow-step.active,
.cat-btn:hover {
  border-color: var(--kmos-champagne);
}

.card,
.panel,
.stat-box,
.kpi-card,
.summary-card {
  background: var(--kmos-card) !important;
  border: 1px solid var(--kmos-line-soft) !important;
  border-radius: var(--kmos-radius) !important;
  box-shadow: var(--kmos-shadow) !important;
}

.btn-primary,
button.btn-primary,
.btn.primary,
button.primary {
  background: var(--kmos-navy) !important;
  border-color: var(--kmos-navy) !important;
  color: #fff !important;
}

.btn-primary:hover,
button.btn-primary:hover {
  filter: brightness(1.08);
}

.low-stock,
.alert-danger,
.text-danger,
.neg,
.deficit {
  color: var(--kmos-red) !important;
}

a:not(.tab):not(.kmos-module-card) {
  color: var(--kmos-accent-blue);
}

table thead th,
th {
  background: var(--kmos-tabs-bg) !important;
  color: var(--kmos-text) !important;
  border-bottom: 2px solid var(--kmos-line) !important;
}

.sidebar,
.side-nav,
.nav-sidebar,
aside.nav {
  background: var(--kmos-nav) !important;
  color: var(--kmos-nav-text) !important;
}

.sidebar a,
.side-nav a,
.nav-sidebar a {
  color: var(--kmos-nav-text) !important;
}

.sidebar a.active,
.side-nav a.active {
  color: #fff !important;
  border-left: 3px solid var(--kmos-champagne);
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Security Soft Sky tokens → corporate palette */
:root {
  --sg-bg: var(--kmos-content-bg);
  --sg-panel: var(--kmos-card);
  --sg-line: var(--kmos-line);
  --sg-text: var(--kmos-text);
  --sg-dim: var(--kmos-dim);
  --sg-blue: var(--kmos-accent-blue);
  --sg-blue-soft: #E8EEF5;
  --sg-ink: var(--kmos-text);
}


/* Maintenance Purchase header — match Kiara brand bar (not Soft-Sky teal coal) */
.mp-header {
  background: var(--kmos-header) !important;
  background-image: none !important;
  color: var(--kmos-text) !important;
  border-bottom: 1px solid var(--kmos-line) !important;
}
.mp-header h1 { color: var(--kmos-navy) !important; }
.mp-header .sub { color: var(--kmos-dim) !important; opacity: 1 !important; }
.mp-header .back-btn {
  background: rgba(11,31,58,0.04) !important;
  border: 1px solid var(--kmos-line) !important;
  color: var(--kmos-navy) !important;
}
.mp-header .role-select,
.mp-header .name-input {
  background: var(--kmos-tabs-bg) !important;
  border: 1px solid var(--kmos-line) !important;
  color: var(--kmos-text) !important;
}
.mp-header .name-input::placeholder { color: var(--kmos-dim) !important; }
.mp-tabs { border-bottom-color: var(--kmos-line) !important; }
.mp-tab.active { color: var(--kmos-navy) !important; border-bottom-color: var(--kmos-champagne) !important; }