/* =========================================================================
   silicon-theme.css
   Shared Silicon UI Kit (Bootstrap 5) overrides for Simple LLM Proxy.

   Loaded after the Silicon theme.min.css so the custom color scheme is
   applied consistently across all pages (dashboard, login, etc.).

   The Silicon kit exposes Bootstrap via the --si-* custom properties, so
   overriding those variables restyles every component (buttons, cards,
   links, navbar, ...) without per-component rules.
   ========================================================================= */

/* ===== Light-mode color scheme overrides ===== */
[data-bs-theme="light"] {
  --si-primary: #ef4444;
  --si-primary-rgb: 239, 68, 68;
  --si-secondary: #e4e4e7;
  --si-secondary-rgb: 228, 228, 231;
  --si-success: #10b981;
  --si-success-rgb: 16, 185, 129;
  --si-info: #0ea5e9;
  --si-info-rgb: 14, 165, 233;
  --si-warning: #f59e0b;
  --si-warning-rgb: 245, 158, 11;
  --si-danger: #b91c1c;
  --si-danger-rgb: 185, 28, 28;
  --si-light: #f8f8f8;
  --si-light-rgb: 248, 248, 248;
  --si-dark: #18181b;
  --si-dark-rgb: 24, 24, 27;
  --si-link-color: #ef4444;
  --si-link-color-rgb: 239, 68, 68;
  --si-link-hover-color: #dc2626;
  --si-link-hover-color-rgb: 220, 38, 38;
  --si-body-color: #18181b;
  --si-body-bg: #f8f8f8;
  --si-border-color: #e4e4e7;
}

[data-bs-theme="light"] body {
  background-color: #f8f8f8;
  color: #18181b;
}

[data-bs-theme="light"] .navbar.bg-light {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e4e4e7;
}

[data-bs-theme="light"] .card {
  background-color: #ffffff;
  border-color: #e4e4e7;
}

[data-bs-theme="light"] .table {
  --si-table-bg: #ffffff;
  --si-table-color: #18181b;
  --si-table-border-color: #e4e4e7;
  background-color: #ffffff;
  color: #18181b;
}

[data-bs-theme="light"] .pagination {
  --si-pagination-color: #18181b;
  --si-pagination-bg: #ffffff;
  --si-pagination-border-color: #e4e4e7;
  --si-pagination-hover-color: #dc2626;
  --si-pagination-hover-bg: #ffffff;
  --si-pagination-hover-border-color: #e4e4e7;
  --si-pagination-focus-color: #18181b;
  --si-pagination-focus-bg: #f4f4f5;
  --si-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(239, 68, 68, 0.25);
  --si-pagination-active-color: #ffffff;
  --si-pagination-active-bg: #ef4444;
  --si-pagination-active-border-color: #ef4444;
  --si-pagination-disabled-color: #a1a1aa;
  --si-pagination-disabled-bg: #ffffff;
  --si-pagination-disabled-border-color: #e4e4e7;
}

[data-bs-theme="light"] .btn-primary {
  --si-btn-color: #fff;
  --si-btn-bg: #ef4444;
  --si-btn-border-color: #ef4444;
  --si-btn-hover-color: #fff;
  --si-btn-hover-bg: #dc2626;
  --si-btn-hover-border-color: #dc2626;
  --si-btn-focus-shadow-rgb: 239, 68, 68;
  --si-btn-active-color: #fff;
  --si-btn-active-bg: #dc2626;
  --si-btn-active-border-color: #dc2626;
  --si-btn-active-shadow: unset;
  --si-btn-disabled-color: #fff;
  --si-btn-disabled-bg: #ef4444;
  --si-btn-disabled-border-color: #ef4444;
}

[data-bs-theme="light"] .btn-secondary {
  --si-btn-color: #18181b;
  --si-btn-bg: #e4e4e7;
  --si-btn-border-color: #e4e4e7;
  --si-btn-hover-color: #18181b;
  --si-btn-hover-bg: #d4d4d8;
  --si-btn-hover-border-color: #d4d4d8;
  --si-btn-active-color: #18181b;
  --si-btn-active-bg: #d4d4d8;
  --si-btn-active-border-color: #d4d4d8;
  --si-btn-disabled-color: #18181b;
  --si-btn-disabled-bg: #e4e4e7;
  --si-btn-disabled-border-color: #e4e4e7;
}

/* ===== Collapsible filter chevron rotation (used by dashboard) ===== */
#filtersToggle[aria-expanded="true"] #filtersChevron { transform: rotate(180deg); }
#filtersChevron { transition: transform 0.2s ease-in-out; display: inline-flex; width: 1.25rem; height: 1.25rem; }
#filtersChevron svg { display: block; width: 1.25rem; height: 1.25rem; stroke-width: 2.5; }