/**
 * Light mode overrides for Client Portal and Backoffice.
 * Dark mode uses existing portal-theme.css / backoffice-theme.css.
 */
html[data-bs-theme="light"] {
  color-scheme: light;
}

/* Client portal */
html[data-bs-theme="light"] .portal-body {
  --portal-bg: #f0f4f8;
  --portal-bg-2: #e8eef5;
  --portal-card: #ffffff;
  --portal-card-solid: #ffffff;
  --portal-border: rgba(43, 43, 43, 0.12);
  --portal-accent: #11a6f2;
  --portal-accent-hover: #0d8fd4;
  --portal-text: #1f2937;
  --portal-muted: #5b6472;
  --portal-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --portal-surface-hover: rgba(17, 166, 242, 0.1);
  --apex-canvas: #f0f4f8;
  --apex-card: #ffffff;
  --apex-card-top: #ffffff;
  --apex-card-bottom: #f8fafc;
  --apex-navy-deep: #f0f4f8;
  --apex-navy: #e8eef5;
  --apex-white: #1f2937;
  --apex-gray-muted: #5b6472;
  --hp-border: rgba(43, 43, 43, 0.12);
  background: var(--portal-bg);
  color: var(--portal-muted);
}

html[data-bs-theme="light"] .portal-body.portal-auth {
  background: linear-gradient(160deg, #eef4fb 0%, #f8fafc 45%, #f0f4f8 100%);
}

html[data-bs-theme="light"] .portal-sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-right-color: var(--portal-border);
  box-shadow: 2px 0 16px rgba(15, 23, 42, 0.06);
}

html[data-bs-theme="light"] .portal-sidebar__nav-title {
  color: #6b7280;
}

html[data-bs-theme="light"] .portal-sidebar__link {
  color: #374151 !important;
}

html[data-bs-theme="light"] .portal-sidebar__link:hover {
  color: #111827 !important;
  background: var(--portal-surface-hover) !important;
}

html[data-bs-theme="light"] .portal-sidebar__link.active {
  color: #ffffff !important;
}

html[data-bs-theme="light"] .portal-sidebar__link i {
  color: #6b7280 !important;
}

html[data-bs-theme="light"] .portal-sidebar__link:hover i {
  color: #374151 !important;
}

html[data-bs-theme="light"] .portal-sidebar__link.active i {
  color: #ffffff !important;
}

html[data-bs-theme="light"] .portal-sidebar__toggle {
  color: #374151;
}

html[data-bs-theme="light"] .portal-sidebar__sublink {
  color: #6b7280 !important;
}

html[data-bs-theme="light"] .portal-sidebar__sublink:hover {
  color: var(--portal-accent-hover) !important;
}

html[data-bs-theme="light"] .portal-header,
html[data-bs-theme="light"] .portal-topbar {
  background: rgba(255, 255, 255, 0.95);
  border-bottom-color: var(--portal-border);
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

html[data-bs-theme="light"] .portal-header__logo,
html[data-bs-theme="light"] .portal-header__logo span,
html[data-bs-theme="light"] .portal-header__user {
  color: var(--portal-text);
}

html[data-bs-theme="light"] .portal-header__nav-toggle {
  color: var(--portal-muted);
}

html[data-bs-theme="light"] .portal-header__notif {
  color: var(--portal-muted);
}

html[data-bs-theme="light"] .portal-header__notif:hover {
  color: var(--portal-accent);
  background: var(--portal-surface-hover);
}

html[data-bs-theme="light"] .portal-card,
html[data-bs-theme="light"] .portal-panel,
html[data-bs-theme="light"] .portal-stat-card,
html[data-bs-theme="light"] .portal-auth-card,
html[data-bs-theme="light"] .portal-dash__card,
html[data-bs-theme="light"] .portal-table-wrap {
  background: var(--portal-card);
  border-color: var(--portal-border);
  box-shadow: var(--portal-shadow);
}

html[data-bs-theme="light"] .portal-auth-card__title,
html[data-bs-theme="light"] .portal-auth-card__logo-text,
html[data-bs-theme="light"] .portal-card__title,
html[data-bs-theme="light"] .portal-panel__title,
html[data-bs-theme="light"] .portal-dash h1,
html[data-bs-theme="light"] .portal-dash h2,
html[data-bs-theme="light"] .portal-dash h3,
html[data-bs-theme="light"] .portal-body .form-label,
html[data-bs-theme="light"] .portal-body label {
  color: var(--portal-text);
}

html[data-bs-theme="light"] .portal-auth-divider,
html[data-bs-theme="light"] .portal-social-hint,
html[data-bs-theme="light"] .portal-body .text-muted,
html[data-bs-theme="light"] .portal-body small {
  color: var(--portal-muted) !important;
}

html[data-bs-theme="light"] .portal-body input:not([type="checkbox"]):not([type="radio"]),
html[data-bs-theme="light"] .portal-body textarea,
html[data-bs-theme="light"] .portal-body select,
html[data-bs-theme="light"] .portal-body .form-control {
  background: #ffffff !important;
  border-color: rgba(43, 43, 43, 0.18) !important;
  color: var(--portal-text) !important;
}

html[data-bs-theme="light"] .portal-body input::placeholder,
html[data-bs-theme="light"] .portal-body textarea::placeholder,
html[data-bs-theme="light"] .portal-body .form-control::placeholder {
  color: #9ca3af !important;
}

html[data-bs-theme="light"] .portal-body select option {
  color: var(--portal-text);
  background: #ffffff;
}

html[data-bs-theme="light"] .portal-body .btn-secondary {
  background: #f3f4f6 !important;
  border-color: rgba(43, 43, 43, 0.14) !important;
  color: var(--portal-text) !important;
}

html[data-bs-theme="light"] .portal-body .table,
html[data-bs-theme="light"] .portal-body table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--portal-text);
  --bs-table-border-color: var(--portal-border);
  color: var(--portal-text);
}

html[data-bs-theme="light"] .portal-body .table-dark,
html[data-bs-theme="light"] .portal-body .table.table-dark {
  --bs-table-bg: #ffffff;
  --bs-table-color: var(--portal-text);
  --bs-table-border-color: var(--portal-border);
  --bs-table-striped-bg: rgba(17, 166, 242, 0.04);
  --bs-table-hover-bg: rgba(17, 166, 242, 0.08);
  background: #ffffff;
  color: var(--portal-text);
}

html[data-bs-theme="light"] .portal-body .table-dark thead th,
html[data-bs-theme="light"] .portal-body .table thead th {
  background: #f8fafc;
  color: var(--portal-text);
  border-color: var(--portal-border);
}

html[data-bs-theme="light"] .portal-body .modal-content {
  background: #ffffff;
  border-color: var(--portal-border);
  color: var(--portal-text);
}

html[data-bs-theme="light"] .portal-body .modal-header,
html[data-bs-theme="light"] .portal-body .modal-footer {
  border-color: var(--portal-border);
}

html[data-bs-theme="light"] .portal-sidebar__credit {
  border-top-color: var(--portal-border);
}

html[data-bs-theme="light"] .portal-sidebar__website {
  border-color: rgba(17, 166, 242, 0.28);
  background: linear-gradient(135deg, rgba(17, 166, 242, 0.1), rgba(255, 255, 255, 0.9));
  color: var(--portal-text);
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
}

html[data-bs-theme="light"] .portal-sidebar__website:hover {
  color: var(--portal-text);
  border-color: rgba(17, 166, 242, 0.45);
  background: linear-gradient(135deg, rgba(17, 166, 242, 0.16), #ffffff);
}

html[data-bs-theme="light"] .portal-sidebar__website-icon {
  background: rgba(17, 166, 242, 0.12);
  color: var(--portal-accent);
}

html[data-bs-theme="light"] .portal-sidebar__website-hint {
  color: var(--portal-muted);
}

html[data-bs-theme="light"] .site-credit--sidebar .site-credit__eyebrow {
  color: #9ca3af;
}

html[data-bs-theme="light"] .site-credit--sidebar .site-credit__link {
  color: #374151;
}

/* Backoffice */
html[data-bs-theme="light"] body.backoffice-body {
  --bo-bg: #f0f4f8;
  --bo-surface: #ffffff;
  --bo-surface-2: #f8fafc;
  --bo-surface-hover: rgba(17, 166, 242, 0.1);
  --bo-border: rgba(43, 43, 43, 0.12);
  --bo-border-light: rgba(43, 43, 43, 0.08);
  --bo-text: #1f2937;
  --bo-text-muted: #5b6472;
  --bo-accent: #11a6f2;
  --bo-accent-hover: #0d8fd4;
  --bo-accent-dim: rgba(17, 166, 242, 0.12);
  --apex-canvas: #f0f4f8;
  --apex-card: #ffffff;
  --apex-card-top: #ffffff;
  --apex-card-bottom: #f8fafc;
  --apex-navy-deep: #f0f4f8;
  --apex-navy: #e8eef5;
  --apex-white: #1f2937;
  --apex-gray-muted: #5b6472;
  --hp-border: rgba(43, 43, 43, 0.12);
  background-color: var(--bo-bg) !important;
  background-image: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
  color: var(--bo-text-muted);
}

html[data-bs-theme="light"] body.backoffice-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-bs-theme="light"] body.backoffice-body textarea,
html[data-bs-theme="light"] body.backoffice-body select,
html[data-bs-theme="light"] body.backoffice-body .form-control {
  background: #ffffff !important;
  border-color: rgba(43, 43, 43, 0.18) !important;
  color: var(--bo-text) !important;
}

html[data-bs-theme="light"] body.backoffice-body select option {
  color: var(--bo-text);
  background: #ffffff;
}

html[data-bs-theme="light"] body.backoffice-body input::placeholder,
html[data-bs-theme="light"] body.backoffice-body textarea::placeholder,
html[data-bs-theme="light"] body.backoffice-body .form-control::placeholder,
html[data-bs-theme="light"] body.backoffice-body .bo-search-input::placeholder {
  color: #9ca3af !important;
}

html[data-bs-theme="light"] body.backoffice-body .bo-sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-right-color: var(--bo-border);
  box-shadow: 2px 0 16px rgba(15, 23, 42, 0.06);
}

html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-brand {
  color: var(--bo-text);
}

html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-nav a,
html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-nav a span,
html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-nav a small {
  color: #374151 !important;
}

html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-nav a:hover,
html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-nav a:hover span {
  color: #111827 !important;
  background: var(--bo-surface-hover);
}

html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-nav a.active,
html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-nav a.active span {
  color: #ffffff !important;
}

html[data-bs-theme="light"] body.backoffice-body .bo-header {
  background: rgba(255, 255, 255, 0.95);
  border-bottom-color: var(--bo-border);
}

html[data-bs-theme="light"] body.backoffice-body .bo-header__title,
html[data-bs-theme="light"] body.backoffice-body .bo-header h1,
html[data-bs-theme="light"] body.backoffice-body .bo-main h1,
html[data-bs-theme="light"] body.backoffice-body .bo-main h2 {
  color: var(--bo-text);
}

html[data-bs-theme="light"] body.backoffice-body .bo-stat-card,
html[data-bs-theme="light"] body.backoffice-body .bo-panel,
html[data-bs-theme="light"] body.backoffice-body .bo-card,
html[data-bs-theme="light"] body.backoffice-body .bo-form-card,
html[data-bs-theme="light"] body.backoffice-body .bo-table-wrap,
html[data-bs-theme="light"] body.backoffice-body .login-card {
  background: var(--bo-surface);
  border-color: var(--bo-border);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

html[data-bs-theme="light"] body.backoffice-body .login-card h1 {
  color: var(--bo-text);
}

html[data-bs-theme="light"] body.backoffice-body .bo-table,
html[data-bs-theme="light"] body.backoffice-body table.bo-table {
  color: var(--bo-text);
}

html[data-bs-theme="light"] body.backoffice-body .bo-table thead th {
  background: #f8fafc;
  color: var(--bo-text);
  border-color: var(--bo-border);
}

html[data-bs-theme="light"] body.backoffice-body .bo-table tbody td {
  border-color: var(--bo-border);
  color: var(--bo-text-muted);
}

html[data-bs-theme="light"] body.backoffice-body .bo-table tbody tr:hover {
  background: rgba(17, 166, 242, 0.06);
}

html[data-bs-theme="light"] body.backoffice-body .modal-content {
  background: #ffffff;
  border-color: var(--bo-border);
  color: var(--bo-text);
}

html[data-bs-theme="light"] body.backoffice-body .bo-btn-danger {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.35);
  color: #b91c1c;
}

html[data-bs-theme="light"] body.backoffice-body i.fas,
html[data-bs-theme="light"] body.backoffice-body i.far,
html[data-bs-theme="light"] body.backoffice-body i.fab {
  color: var(--bo-text-muted);
}

html[data-bs-theme="light"] body.backoffice-body .bo-stat-icon,
html[data-bs-theme="light"] body.backoffice-body .bo-btn-primary i {
  color: #ffffff !important;
}

html[data-bs-theme="light"] body.backoffice-body .text-white {
  color: var(--bo-text) !important;
}

html[data-bs-theme="light"] body.backoffice-body .bo-sidebar-group__toggle {
  color: #374151;
}