/* Auto-generated theme — do not edit manually */
:root {
  --theme-color: #2563eb;
  --theme-color-hover: #1d4ed8;
  --theme-color-light: rgba(37, 99, 235, 0.12);
  --primary-bg-color: rgba(37, 99, 235, 0.12);
  --brand-red: #2563eb;
  --brand-red-dark: #1d4ed8;
  --brand-yellow: #38bdf8;
  --brand-info: #0ea5e9;
  --brand-info-hover: #0284c7;
  --brand-info-active: #0284c7;
  --theme-success: #22c55e;
  --theme-danger: #ef4444;
  --theme-warning: #f59e0b;
  --theme-navbar-bg: #ffffff;
  --theme-body-bg: #f0f9ff;
  --theme-text-body: #1e293b;
  --theme-menu-icon: #475569;
  --theme-menu-text: #334155;
  --theme-link: #2563eb;
  --rpt-primary: #2563eb;
  --rpt-primary-soft: rgba(37, 99, 235, 0.12);
}

body {
  background-color: var(--theme-body-bg);
  color: var(--theme-text-body);
}

nav.navbar {
  background-color: var(--theme-navbar-bg) !important;
}

/* Sidebar — default menu text & icons */
.side-navbar li a,
.side-navbar .side-menu > li > a {
  color: var(--theme-menu-text) !important;
}

.side-navbar li a i,
.side-navbar li a [class*="dripicons-"],
.side-navbar li a [class*="fa-"],
.side-navbar li a [class*="icon-"] {
  color: var(--theme-menu-icon) !important;
}

.side-navbar .sidenav-header {
  background: #1e40af !important;
  border-bottom-color: rgba(30, 64, 175, 0.25) !important;
}

.side-navbar li a:focus,
.side-navbar li a:hover,
.side-navbar li a[aria-expanded="true"],
.side-navbar li.active > a,
.side-navbar #side-main-menu > li.active > a {
  background: var(--primary-bg-color) !important;
  color: var(--theme-color) !important;
}

.side-navbar li a:focus i,
.side-navbar li a:hover i,
.side-navbar li a[aria-expanded="true"] i,
.side-navbar li.active > a i,
.side-navbar li a:focus [class*="dripicons-"],
.side-navbar li a:hover [class*="dripicons-"],
.side-navbar li.active > a [class*="dripicons-"] {
  color: var(--theme-color) !important;
}

/* Top navbar icons & links */
nav.navbar a:not(.btn),
nav.navbar .nav-menu a,
nav.navbar .nav-menu i,
nav.navbar .menu-btn i {
  color: var(--theme-menu-icon) !important;
}

nav.navbar a.btn-pos,
a.btn-pos {
  color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.badge-danger {
  background-color: var(--theme-color) !important;
}

/* Links (not form controls / dropdowns) */
a:not(.btn):not(.dropdown-item):not(.page-link):not(.nav-link) {
  color: var(--theme-link);
}

a:not(.btn):not(.dropdown-item):hover {
  color: var(--theme-color-hover);
}

/* Form controls — normal text color */
.form-control,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .filter-option,
.bootstrap-select .dropdown-toggle .filter-option,
select,
input,
textarea,
label,
.card-header h3,
.card-header h4,
h1, h2, h3, h4, h5, h6,
p,
td,
th {
  color: var(--theme-text-body);
}

.bootstrap-select .dropdown-menu li a {
  color: var(--theme-text-body) !important;
}

.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.active a {
  color: var(--theme-color) !important;
}

.dashboard-counts .count-title i,
.statistics .user-activity .progress-bar {
  color: var(--theme-color) !important;
}

.text-primary {
  color: var(--theme-color) !important;
}

/* Primary buttons */
.btn-primary {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: var(--theme-color-hover) !important;
  border-color: var(--theme-color-hover) !important;
}

.btn-primary:focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.25) !important;
}

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

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

/* Info buttons */
.btn-info {
  background-color: var(--brand-info) !important;
  border-color: var(--brand-info) !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: var(--brand-info-hover) !important;
  border-color: var(--brand-info-hover) !important;
}

.btn-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.35) !important;
}

.btn-outline-info {
  color: var(--brand-info) !important;
  border-color: var(--brand-info) !important;
}

.btn-outline-info:hover {
  background-color: var(--brand-info) !important;
  color: #fff !important;
}

.bg-info { background-color: var(--brand-info) !important; }
.text-info { color: var(--brand-info) !important; }
.border-info { border-color: var(--brand-info) !important; }
.badge-info { background-color: var(--brand-info) !important; }

.btn-success { background-color: var(--theme-success) !important; border-color: var(--theme-success) !important; }
.btn-danger { background-color: var(--theme-danger) !important; border-color: var(--theme-danger) !important; }
.btn-warning { background-color: var(--theme-warning) !important; border-color: var(--theme-warning) !important; }

/* Tabs & pagination */
.nav-tabs .nav-item .nav-link.active {
  border-bottom-color: var(--brand-yellow) !important;
  color: var(--theme-color) !important;
}

.page-item.active .page-link {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.pagination .page-link {
  color: var(--theme-color);
}

/* DataTables & reports */
table.table thead th {
  color: var(--theme-color);
}

.asip-reports .btn-primary,
.asip-reports .rpt-submit {
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--theme-color-hover) 100%) !important;
}

.asip-reports .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--theme-color) 0%, var(--theme-color-hover) 100%) !important;
}

/* POS print layout keeps neutral info */
#print-layout .btn-info {
  background-color: #999 !important;
  border-color: #999 !important;
}