/**
 * STOKSYS Brand System
 * Source: STOKSYS SaaS — Brand Guidelines.md
 */
:root {
  --stoksys-blue: #1268D9;
  --stoksys-charcoal: #202936;
  --stoksys-white: #FFFFFF;
  --stoksys-page-bg: #F7F9FC;
  --stoksys-light-blue: #EAF2FF;
  --stoksys-border: #E1E6ED;
  --stoksys-secondary: #667085;
  --stoksys-success: #168A5B;
  --stoksys-warning: #D98A00;
  --stoksys-error: #D64545;
  --stoksys-radius-sm: 6px;
  --stoksys-radius-md: 8px;
  --stoksys-radius-lg: 12px;
}

html, body, .dash-sidebar, .dash-header, .card, .btn, .form-control, .table {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Map brand into existing theme tokens where possible */
body {
  background-color: var(--stoksys-page-bg);
  color: var(--stoksys-charcoal);
}

a {
  color: var(--stoksys-blue);
}

a:hover {
  color: #0f56b8;
}

/* Primary actions */
.btn-primary,
.btn.btn-primary,
.dash-sidebar .dash-navbar > .dash-item.active > .dash-link,
.dash-sidebar .dash-item.active > .dash-link {
  background-color: var(--stoksys-blue) !important;
  border-color: var(--stoksys-blue) !important;
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: #0f56b8 !important;
  border-color: #0f56b8 !important;
}

.btn-outline-primary {
  color: var(--stoksys-blue) !important;
  border-color: var(--stoksys-blue) !important;
}

.btn-outline-primary:hover {
  background-color: var(--stoksys-blue) !important;
  color: #fff !important;
}

/* Secondary / cancel */
.btn-light,
.btn.btn-light {
  color: var(--stoksys-charcoal);
  background-color: var(--stoksys-white);
  border: 1px solid var(--stoksys-border);
}

/* Active nav (inventory submenu etc.) */
.dash-sidebar .dash-submenu .dash-item.active > .dash-link,
.dash-sidebar .dash-submenu .dash-item > .dash-link:hover {
  background-color: var(--stoksys-light-blue) !important;
  color: var(--stoksys-blue) !important;
}

.dash-sidebar .dash-mtext,
.dash-header .drp-language .dropdown-toggle,
.page-header h4,
.card .card-header h5,
.breadcrumb-item,
.form-label {
  color: var(--stoksys-charcoal);
}

/* Cards */
.card {
  background: var(--stoksys-white);
  border: 1px solid var(--stoksys-border);
  border-radius: var(--stoksys-radius-lg);
  box-shadow: none;
}

.card .card-header {
  border-bottom-color: var(--stoksys-border);
}

/* Forms */
.form-control,
.form-select,
.select2-container--default .select2-selection--single {
  border-color: var(--stoksys-border) !important;
  border-radius: var(--stoksys-radius-md) !important;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--stoksys-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(18, 104, 217, 0.15) !important;
}

/* Tables */
.table thead th {
  color: var(--stoksys-charcoal);
  border-bottom-color: var(--stoksys-border);
  font-weight: 600;
}

.table > :not(caption) > * > * {
  border-bottom-color: var(--stoksys-border);
}

.table-hover > tbody > tr:hover > * {
  background-color: var(--stoksys-light-blue);
}

/* Status helpers */
.badge.bg-success,
.badge-success {
  background-color: var(--stoksys-success) !important;
}

.badge.bg-warning,
.badge-warning {
  background-color: var(--stoksys-warning) !important;
}

.badge.bg-danger,
.badge-danger {
  background-color: var(--stoksys-error) !important;
}

.text-muted,
.small,
.helper-text {
  color: var(--stoksys-secondary) !important;
}

/* Logo sizing in auth/admin headers */
.m-header .b-brand .logo,
.m-header .b-brand .logo-lg,
.auth-wrapper .logo {
  max-height: 40px;
  width: auto;
  object-fit: contain;
}

/* Theme-3 purple overrides → STOKSYS blue */
.theme-3 .bg-primary,
.theme-3 .btn-primary,
[data-pc-theme="theme-3"] .btn-primary,
.bg-primary,
.bg-auth-side.bg-primary {
  background: var(--stoksys-blue) !important;
  border-color: var(--stoksys-blue) !important;
}

.loader-bg .loader-fill {
  background: var(--stoksys-blue) !important;
}