/* ======================================================================
   Voxeel NUCLEAR DARK — forces every white/light background to grand-cru
   Loaded LAST in the document, so it wins the cascade over every inline
   <style> block that child Twig templates may inject.
   ====================================================================== */

/* === Root surfaces === */
html, body,
body.dark-shell, body:not([class]), body[class],
#content, #page, #wrapper, #app, #root,
main, main > section, main > div,
.page-wrapper, .main-content, .content-wrapper,
.app-container, .page, .layout,
.container, .container-fluid {
  background: #070405 !important;
  color: #ede4ce !important;
}

/* === Kill every variant of white / near-white background === */
*[style*="background: #fff"],
*[style*="background:#fff"],
*[style*="background-color: #fff"],
*[style*="background-color:#fff"],
*[style*="background: #FFFFFF"],
*[style*="background:#FFFFFF"],
*[style*="background: white"],
*[style*="background-color: white"],
*[style*="background: rgb(255"],
*[style*="background-color: rgb(255"],
*[style*="background: #f8fafc"],
*[style*="background:#f8fafc"],
*[style*="background: #f9faff"],
*[style*="background: #f5f7fa"],
*[style*="background: #f5f5f5"],
*[style*="background: #fafafa"],
*[style*="background: #e3e8ef"],
*[style*="background: #ecf0f1"],
*[style*="background: #edf2f7"],
*[style*="background: #e9ecef"],
*[style*="background: #dee2e6"],
*[style*="background: #f1f5f9"],
*[style*="background-color: #f8f9fa"] {
  background: #140b0d !important;
  background-color: #140b0d !important;
  color: #ede4ce !important;
}

/* === Bootstrap utility + generic classes === */
.bg-white, .bg-light, .bg-body, .bg-body-tertiary, .bg-body-secondary,
.bg-gray, .bg-gray-50, .bg-gray-100, .bg-gray-200,
.bg-slate-50, .bg-slate-100, .bg-slate-200,
.bg-neutral-50, .bg-neutral-100, .bg-neutral-200,
.bg-stone-50, .bg-stone-100,
.bg-zinc-50, .bg-zinc-100,
.bg-secondary {
  background: #140b0d !important;
  background-color: #140b0d !important;
  color: #ede4ce !important;
}

/* === Cards, panels, boxes (ALL variants) === */
.card, .card-body, .card-footer,
.panel, .panel-body, .panel-heading, .panel-footer,
.box, .widget, .tile,
.content-card, .dashboard-card, .data-card, .stat-card, .info-card,
.settings-card, .profile-card, .account-card,
.transcription-card, .session-card, .report-card, .rapport-card, .rapport-item,
.history-card, .activity-card,
.subscription-card, .plan-card, .billing-card,
.team-card, .testimonial, .feature-card, .service-card,
.tip-card, .shortcut-card, .tutorial-card,
.step-card, .process-step,
.media-card, .upload-card,
.invoice-card, .receipt-card,
.notification-card, .alert-card,
.empty-state, .empty-card,
.status-card, .metric-card, .kpi-card,
.card.bg-white, .card.bg-light,
.card.shadow, .card.shadow-sm, .card.shadow-md, .card.shadow-lg {
  background: #140b0d !important;
  background-color: #140b0d !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.14) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5) !important;
}

.card > *, .card-body > *, .panel > *, .panel-body > * {
  background: transparent !important;
}

/* === Card headers / footers === */
.card-header, .panel-heading {
  background: rgba(200, 144, 21, 0.05) !important;
  color: #ede4ce !important;
  border-bottom: 1px solid rgba(200, 144, 21, 0.14) !important;
}
.card-footer, .panel-footer {
  background: transparent !important;
  color: rgba(237, 228, 206, 0.72) !important;
  border-top: 1px solid rgba(200, 144, 21, 0.14) !important;
}

/* === All text on dark surfaces === */
body, body *,
.card, .card *,
.panel, .panel *,
.content, .content *,
.widget, .widget *,
#content, #content * {
  color: inherit;
}

/* Text color normalization */
.text-dark, .text-body, .text-black, .text-muted-dark { color: #ede4ce !important; }
.text-primary, .text-info { color: #c89015 !important; }
.text-secondary { color: rgba(237, 228, 206, 0.7) !important; }
.text-success { color: #e9c571 !important; }
.text-warning { color: #d6a336 !important; }
.text-danger { color: #d4a2a8 !important; }

h1, h2, h3, h4, h5, h6,
.card-title, .panel-title, .section-title, .page-title,
.widget-title, .box-title {
  color: #ede4ce !important;
}

p, span:not([class*="badge"]):not([class*="btn"]), li, td, th, dt, dd, label, small {
  color: inherit;
}

/* === Tables === */
table, .table, .data-table, .admin-table {
  background: transparent !important;
  color: #ede4ce !important;
  border-color: rgba(200, 144, 21, 0.12) !important;
}
table thead, .table thead, table thead tr, .table thead tr {
  background: rgba(200, 144, 21, 0.07) !important;
  color: #e9c571 !important;
}
table thead th, .table thead th {
  background: transparent !important;
  color: #e9c571 !important;
  border-color: rgba(200, 144, 21, 0.22) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 0.78rem !important;
  padding: 12px 16px !important;
}
table tbody, .table tbody { background: transparent !important; }
table tbody tr, .table tbody tr {
  background: transparent !important;
  border-color: rgba(200, 144, 21, 0.07) !important;
}
table tbody tr:nth-child(odd), .table tbody tr:nth-child(odd),
.table-striped tbody tr:nth-of-type(odd) {
  background: rgba(200, 144, 21, 0.03) !important;
}
table tbody tr:hover, .table tbody tr:hover,
.table-hover tbody tr:hover {
  background: rgba(200, 144, 21, 0.09) !important;
}
table td, .table td {
  color: #ede4ce !important;
  border-color: rgba(200, 144, 21, 0.07) !important;
  padding: 11px 16px !important;
  background: transparent !important;
}

/* === Sidebar / aside === */
.sidebar, aside, nav.sidebar, #sidebar {
  background: #0a0607 !important;
  color: #ede4ce !important;
  border-right: 1px solid rgba(200, 144, 21, 0.14) !important;
}
.sidebar *, aside *, nav.sidebar *, #sidebar * {
  color: inherit;
}
.sidebar a, aside a, .sidebar-nav a, nav.sidebar a, #sidebar a {
  color: rgba(237, 228, 206, 0.78) !important;
}
.sidebar a:hover, .sidebar a.active, .sidebar a.is-active,
aside a:hover, aside a.active,
.sidebar-nav a:hover, .sidebar-nav a.active {
  color: #e9c571 !important;
  background: rgba(200, 144, 21, 0.1) !important;
}

/* === Top bars === */
.top-bar, .topbar, .page-header, .header-bar, .content-header,
nav.navbar, header.navbar, header.header,
.admin-header, .admin-topbar, .client-header {
  background: #0a0607 !important;
  color: #ede4ce !important;
  border-bottom: 1px solid rgba(200, 144, 21, 0.14) !important;
}

/* === Breadcrumbs === */
.breadcrumb, nav.breadcrumb, ol.breadcrumb {
  background: transparent !important;
  color: rgba(237, 228, 206, 0.55) !important;
}
.breadcrumb-item, .breadcrumb-item a, .breadcrumb a {
  color: rgba(237, 228, 206, 0.55) !important;
}
.breadcrumb-item.active, .breadcrumb-item[aria-current="page"] {
  color: #e9c571 !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(200, 144, 21, 0.35) !important;
}

/* === Forms === */
.form-control, .form-select,
input, textarea, select,
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], input[type="url"],
input[type="search"], input[type="date"], input[type="time"],
input[type="datetime-local"] {
  background: #0e080a !important;
  background-color: #0e080a !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.22) !important;
  border-radius: 8px !important;
}
.form-control:focus, .form-select:focus,
input:focus, textarea:focus, select:focus {
  background: #140b0d !important;
  background-color: #140b0d !important;
  border-color: #c89015 !important;
  box-shadow: 0 0 0 3px rgba(200, 144, 21, 0.18) !important;
  color: #ede4ce !important;
  outline: none !important;
}
input::placeholder, textarea::placeholder {
  color: rgba(237, 228, 206, 0.32) !important;
}
label, .form-label, .col-form-label {
  color: rgba(237, 228, 206, 0.82) !important;
}

/* Form text / helper */
.form-text, small.form-text, .help-text, .helper {
  color: rgba(237, 228, 206, 0.5) !important;
}

/* === Input groups === */
.input-group-text {
  background: #0a0607 !important;
  color: #e9c571 !important;
  border: 1px solid rgba(200, 144, 21, 0.22) !important;
}

/* === Alerts === */
.alert {
  border-radius: 10px !important;
  border-width: 1px !important;
  border-style: solid !important;
  padding: 14px 18px !important;
}
.alert-primary, .alert-info {
  background: rgba(200, 144, 21, 0.1) !important;
  color: #e9c571 !important;
  border-color: rgba(200, 144, 21, 0.3) !important;
}
.alert-success {
  background: rgba(200, 144, 21, 0.08) !important;
  color: #e9c571 !important;
  border-color: rgba(200, 144, 21, 0.3) !important;
}
.alert-warning {
  background: rgba(160, 90, 44, 0.15) !important;
  color: #e9c571 !important;
  border-color: rgba(160, 90, 44, 0.4) !important;
}
.alert-danger {
  background: rgba(107, 31, 42, 0.28) !important;
  color: #ede4ce !important;
  border-color: rgba(107, 31, 42, 0.55) !important;
}

/* === Modal === */
.modal-content, .modal-dialog .modal-content {
  background: #140b0d !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.28) !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.7) !important;
}
.modal-header { border-bottom-color: rgba(200, 144, 21, 0.14) !important; }
.modal-footer { border-top-color: rgba(200, 144, 21, 0.14) !important; }
.modal-title { color: #ede4ce !important; font-family: 'Cormorant Garamond', Georgia, serif !important; }
.modal-backdrop, .modal-backdrop.show { background: rgba(0, 0, 0, 0.75) !important; }
button.btn-close, button.close {
  filter: invert(90%) sepia(30%) saturate(600%) hue-rotate(2deg) brightness(90%) !important;
}

/* === Dropdowns === */
.dropdown-menu, .dropdown-menu-dark {
  background: #140b0d !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.22) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.6) !important;
}
.dropdown-item {
  color: #ede4ce !important;
  padding: 10px 16px !important;
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
  background: rgba(200, 144, 21, 0.1) !important;
  color: #e9c571 !important;
}
.dropdown-divider { border-top-color: rgba(200, 144, 21, 0.14) !important; }

/* === List groups === */
.list-group, .list-group-item {
  background: #140b0d !important;
  color: #ede4ce !important;
  border-color: rgba(200, 144, 21, 0.12) !important;
}
.list-group-item:hover, .list-group-item.active {
  background: rgba(200, 144, 21, 0.09) !important;
  color: #e9c571 !important;
}

/* === Nav tabs / pills === */
.nav-tabs { border-bottom: 1px solid rgba(200, 144, 21, 0.2) !important; }
.nav-tabs .nav-link {
  background: transparent !important;
  color: rgba(237, 228, 206, 0.65) !important;
  border-color: transparent !important;
}
.nav-tabs .nav-link:hover { color: #e9c571 !important; border-color: rgba(200, 144, 21, 0.2) !important; }
.nav-tabs .nav-link.active {
  background: transparent !important;
  color: #e9c571 !important;
  border-color: rgba(200, 144, 21, 0.3) rgba(200, 144, 21, 0.3) transparent !important;
  border-bottom: 2px solid #c89015 !important;
}
.nav-pills .nav-link {
  color: rgba(237, 228, 206, 0.72) !important;
  background: transparent !important;
}
.nav-pills .nav-link.active {
  background: linear-gradient(135deg, #1c0f13 0%, #2a1418 50%, #1c0f13 100%) !important;
  color: #e9c571 !important;
  border: 1px solid #c89015 !important;
}

/* === Pagination === */
.pagination .page-item .page-link {
  background: #140b0d !important;
  color: #ede4ce !important;
  border-color: rgba(200, 144, 21, 0.16) !important;
}
.pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #1c0f13 0%, #2a1418 50%, #1c0f13 100%) !important;
  border-color: #c89015 !important;
  color: #e9c571 !important;
}

/* === Badges === */
.badge {
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  border: 1px solid rgba(200, 144, 21, 0.28) !important;
}
.badge.bg-primary, .badge.bg-info { background: rgba(200, 144, 21, 0.14) !important; color: #e9c571 !important; }
.badge.bg-success { background: rgba(200, 144, 21, 0.12) !important; color: #e9c571 !important; }
.badge.bg-warning { background: rgba(160, 90, 44, 0.22) !important; color: #e9c571 !important; }
.badge.bg-danger { background: rgba(107, 31, 42, 0.38) !important; color: #ede4ce !important; }
.badge.bg-secondary { background: rgba(237, 228, 206, 0.08) !important; color: rgba(237, 228, 206, 0.7) !important; }
.badge.bg-light { background: rgba(237, 228, 206, 0.06) !important; color: rgba(237, 228, 206, 0.8) !important; }

/* === Progress bars === */
.progress, progress {
  background: #0e080a !important;
  border: 1px solid rgba(200, 144, 21, 0.12) !important;
  height: 10px !important;
  border-radius: 6px !important;
}
.progress-bar {
  background: linear-gradient(90deg, #7a5814, #c89015, #e9c571) !important;
  color: transparent !important;
}

/* === Tooltips + popovers === */
.tooltip .tooltip-inner, [role="tooltip"] {
  background: #140b0d !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.28) !important;
}
.popover {
  background: #140b0d !important;
  border-color: rgba(200, 144, 21, 0.28) !important;
}
.popover-body { color: #ede4ce !important; }
.popover-header {
  background: rgba(200, 144, 21, 0.06) !important;
  color: #e9c571 !important;
  border-bottom-color: rgba(200, 144, 21, 0.18) !important;
}

/* === Code blocks === */
code, kbd, pre, samp {
  background: #0a0607 !important;
  color: #e9c571 !important;
  border: 1px solid rgba(200, 144, 21, 0.14) !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-family: 'Sono', 'JetBrains Mono', monospace !important;
}
pre { padding: 16px !important; }
pre code { border: 0 !important; padding: 0 !important; }

/* === Blockquote === */
blockquote {
  background: transparent !important;
  border-left: 3px solid #c89015 !important;
  color: #ede4ce !important;
  padding: 12px 20px !important;
  margin: 20px 0 !important;
}

/* === Close-out any bg-* that sneaks through === */
[class*="bg-gray-"], [class*="bg-slate-"], [class*="bg-neutral-"],
[class*="bg-zinc-"], [class*="bg-stone-"] {
  background-color: #140b0d !important;
}

/* === Empty states / placeholders / skeleton === */
.empty-state, .no-data, .placeholder, .skeleton {
  background: transparent !important;
  color: rgba(237, 228, 206, 0.5) !important;
}

/* === Buttons baseline normalization (nuclear) === */
button, .btn, a.btn, input[type="submit"], input[type="button"] {
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  border-radius: 8px !important;
}

.btn-primary, button.btn-primary, input[type="submit"].btn-primary,
.bg-primary, button.bg-primary,
.btn-warning, button.btn-warning,
.btn-success, button.btn-success,
.btn-info, button.btn-info,
.btn-dark, button.btn-dark,
.btn-light, button.btn-light {
  background: linear-gradient(135deg, #1c0f13 0%, #2a1418 50%, #1c0f13 100%) !important;
  color: #e9c571 !important;
  border: 1px solid #c89015 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(200, 144, 21, 0.3) !important;
  text-shadow: 0 0 10px rgba(200, 144, 21, 0.22) !important;
}
.btn-primary:hover, .btn-warning:hover, .btn-success:hover,
.btn-info:hover, .btn-dark:hover, .btn-light:hover, .bg-primary:hover {
  background: linear-gradient(135deg, #2a1418 0%, #3a1c22 50%, #2a1418 100%) !important;
  color: #f4d58a !important;
  border-color: #e9c571 !important;
}
.btn-secondary, button.btn-secondary,
.btn-outline-primary, .btn-outline-secondary, .btn-outline-dark,
.btn-outline-light, .btn-outline-info, .btn-outline-success {
  background: transparent !important;
  color: #e9c571 !important;
  border: 1px solid rgba(200, 144, 21, 0.55) !important;
}
.btn-secondary:hover, .btn-outline-primary:hover,
.btn-outline-secondary:hover, .btn-outline-dark:hover {
  background: rgba(200, 144, 21, 0.1) !important;
  color: #ede4ce !important;
  border-color: #c89015 !important;
}
.btn-danger, button.btn-danger, .btn-outline-danger:hover {
  background: #6b1f2a !important;
  color: #ede4ce !important;
  border: 1px solid #8a2c38 !important;
}
.btn-outline-danger {
  background: transparent !important;
  color: #d4a2a8 !important;
  border: 1px solid rgba(107, 31, 42, 0.55) !important;
}

/* === Links in content === */
a:not(.btn):not(.navbar-brand):not(.site-nav__brand):not([class*="btn-"]):not([class*="nav-"]) {
  color: #e9c571;
  transition: color 0.2s ease;
}
a:not(.btn):not(.navbar-brand):not(.site-nav__brand):not([class*="btn-"]):not([class*="nav-"]):hover {
  color: #f4d58a;
}

/* === Misc layout containers === */
.content-wrapper, .page-content, .main-wrapper,
.admin-content, .client-content, .dashboard-wrapper,
.workspace, .workspace-content, .main-section, .app-main {
  background: #070405 !important;
  color: #ede4ce !important;
}

/* === Stripe iframes / third-party widgets — best effort === */
iframe {
  background: #140b0d !important;
  border: 1px solid rgba(200, 144, 21, 0.14) !important;
  border-radius: 8px !important;
}

/* === Client/admin: borders that were gray on light === */
[style*="border: 1px solid #e3e8ef"],
[style*="border:#e3e8ef"],
[style*="border-color: #e3e8ef"],
[style*="border: 1px solid #dee2e6"],
[style*="border: 1px solid #e5e7eb"] {
  border-color: rgba(200, 144, 21, 0.14) !important;
}

/* Final safety net: any div with inline style forcing white gets forced dark */
div[style*="background"],
section[style*="background"],
article[style*="background"] {
  color: inherit;
}

/* =====================================================================
   NUCLEAR EXTRA — selectors specific to client/admin area layouts
   ===================================================================== */

/* Main content shell (client/base + admin) */
.main-content, main.main-content,
.admin-main, .client-main, .dashboard-main,
.app-content, .content-area, .inner-content {
  background: #070405 !important;
  color: #ede4ce !important;
  padding: 2rem !important;
}

/* Animation wrapper */
.animated, .fade-in {
  background: transparent !important;
}

/* Top-bar children */
.top-bar h1, .top-bar h2, .top-bar h3 {
  color: #ede4ce !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
}

/* User avatar + info (sidebar) */
.user-avatar, .avatar {
  background: linear-gradient(135deg, #1c0f13 0%, #2a1418 50%, #1c0f13 100%) !important;
  border: 1px solid #c89015 !important;
  color: #e9c571 !important;
}
.user-info, .sidebar-user {
  background: transparent !important;
  color: #ede4ce !important;
  border-color: rgba(200, 144, 21, 0.14) !important;
}
.user-info .name, .user-info strong { color: #e9c571 !important; }
.user-info .email, .user-info small { color: rgba(237, 228, 206, 0.55) !important; }

/* Sidebar brand */
.sidebar-brand, .sidebar-header, .sidebar-logo {
  background: transparent !important;
  color: #ede4ce !important;
  border-bottom: 1px solid rgba(200, 144, 21, 0.14) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
}
.sidebar-nav, nav.sidebar-nav {
  background: transparent !important;
}
.sidebar-nav .nav-link, .sidebar-nav a,
.sidebar .nav-link, .sidebar a {
  color: rgba(237, 228, 206, 0.78) !important;
  padding: 10px 18px !important;
  border-radius: 8px;
  margin-bottom: 2px;
}
.sidebar-nav .nav-link:hover, .sidebar-nav a:hover,
.sidebar-nav .nav-link.active, .sidebar-nav a.active,
.sidebar .nav-link:hover, .sidebar .nav-link.active,
.sidebar a:hover, .sidebar a.active {
  background: rgba(200, 144, 21, 0.1) !important;
  color: #e9c571 !important;
  border-left: 2px solid #c89015 !important;
}

/* Stat cards (dashboard-style) */
.stat-card {
  background: #140b0d !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.14) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5) !important;
}
.stat-icon {
  background: rgba(200, 144, 21, 0.12) !important;
  color: #e9c571 !important;
  border: 1px solid rgba(200, 144, 21, 0.3) !important;
  border-radius: 12px !important;
}
.stat-info h3, .stat-info .stat-value {
  background: linear-gradient(135deg, #7a5814 0%, #c89015 40%, #e9c571 55%, #c89015 70%, #7a5814 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-family: 'Sono', 'JetBrains Mono', monospace !important;
  font-weight: 800 !important;
}
.stat-info p, .stat-info .stat-label {
  color: rgba(237, 228, 206, 0.6) !important;
}
.stat-value {
  background: linear-gradient(135deg, #7a5814 0%, #c89015 40%, #e9c571 55%, #c89015 70%, #7a5814 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Status colors */
.info { color: #c89015 !important; }
.primary { color: #e9c571 !important; }
.success { color: #e9c571 !important; }
.warning { color: #d6a336 !important; }

/* Logout link (often styled as danger) */
.logout-link {
  background: transparent !important;
  color: #d4a2a8 !important;
  border-top: 1px solid rgba(200, 144, 21, 0.14) !important;
  margin-top: 1rem !important;
  padding-top: 1rem !important;
}
.logout-link a, .logout-link .nav-link {
  color: #d4a2a8 !important;
}
.logout-link a:hover {
  background: rgba(107, 31, 42, 0.2) !important;
  color: #ede4ce !important;
}

/* Client templates — specific "report-text" / long-form areas */
.report-text, .transcription-text, .content-text, .long-form {
  background: #0a0607 !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.14) !important;
  padding: 20px !important;
  border-radius: 10px !important;
  font-family: 'Sono', 'JetBrains Mono', monospace !important;
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
  white-space: pre-wrap !important;
  overflow-y: auto !important;
  max-height: 600px !important;
}

/* Any div with inline light gradient background */
div[style*="linear-gradient"] {
  background-image: none !important;
  background: #140b0d !important;
}

/* Flash messages in client area */
.alert.alert-dismissible, .alert.fade.show {
  background: rgba(200, 144, 21, 0.1) !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.3) !important;
}
.alert.alert-dismissible.alert-success, .alert.fade.show.alert-success {
  border-color: rgba(200, 144, 21, 0.4) !important;
  color: #e9c571 !important;
}
.alert.alert-dismissible.alert-danger, .alert.fade.show.alert-danger {
  background: rgba(107, 31, 42, 0.28) !important;
  border-color: rgba(107, 31, 42, 0.55) !important;
  color: #ede4ce !important;
}

/* Dashboard-specific widgets */
.dashboard-row, .dashboard-grid, .row.dashboard {
  background: transparent !important;
}
.widget-card, .card.widget,
.metric-card, .kpi-card,
.summary-card, .overview-card,
.recent-activity, .activity-list {
  background: #140b0d !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.14) !important;
}

/* Chart containers (Chart.js, ApexCharts, etc.) */
.chart-container, .chart-wrapper, canvas, #chart, [id*="chart"] {
  background: transparent !important;
}

/* Fix any remaining BG-specific Bootstrap 5 utility that slips through */
[class*="bg-"] {
  /* Only force darkness if bg is light */
}
.bg-white, .bg-light,
.bg-body, .bg-body-secondary, .bg-body-tertiary {
  background-color: #140b0d !important;
  color: #ede4ce !important;
}

/* Input group text (currency, unit) */
.input-group .input-group-text {
  background: #0a0607 !important;
  color: #e9c571 !important;
  border-color: rgba(200, 144, 21, 0.22) !important;
}

/* Form check / switch */
.form-check-label { color: rgba(237, 228, 206, 0.82) !important; }
.form-check-input {
  background-color: #0e080a !important;
  border-color: rgba(200, 144, 21, 0.35) !important;
}
.form-check-input:checked {
  background-color: #c89015 !important;
  border-color: #c89015 !important;
}

/* Tab content panes */
.tab-content, .tab-pane {
  background: transparent !important;
  color: #ede4ce !important;
}

/* Accordion */
.accordion, .accordion-item {
  background: transparent !important;
  border-color: rgba(200, 144, 21, 0.14) !important;
}
.accordion-button, button.accordion-button {
  background: #140b0d !important;
  color: #ede4ce !important;
  border: 1px solid rgba(200, 144, 21, 0.14) !important;
}
.accordion-button:not(.collapsed) {
  background: #180c0e !important;
  color: #e9c571 !important;
}
.accordion-body {
  background: #0e080a !important;
  color: rgba(237, 228, 206, 0.85) !important;
  border: 1px solid rgba(200, 144, 21, 0.1) !important;
  border-top: 0 !important;
}