/* Variables */
:root {
  --wmn-primary-700: #7F1111;
  --wmn-primary-600: #B71C1C;
  --wmn-primary-500: #E53935;
  --wmn-primary-400: #FF6F61;

  --wmn-secondary-500: #FF8A65;
  --wmn-secondary-400: #FFAB91;

  --wmn-bg-body: #111111;
  --wmn-bg-elevated: #1A1A1A;
  --wmn-bg-subtle: #212121;
  --wmn-bg-soft: #2C2C2C;

  --wmn-text-main: #FFFFFF;
  --wmn-text-muted: #BDBDBD;
  --wmn-text-disabled: #757575;
  --wmn-text-invert: #111111;

  --wmn-border-subtle: #333333;
  --wmn-border-strong: #424242;

  --wmn-success: #4CAF50;
  --wmn-success-soft: #1B5E20;
  --wmn-warning: #FFC107;
  --wmn-warning-soft: #795548;
  --wmn-info: #29B6F6;
  --wmn-info-soft: #01579B;
  --wmn-danger: #FF5252;
  --wmn-danger-soft: #B71C1C;
}

/* Global surfaces */
html, body, .c-app {
  background-color: var(--wmn-bg-body);
  color: var(--wmn-text-main);
}
a {
  color: var(--wmn-primary-500);
}
a:hover, a:focus {
  color: var(--wmn-primary-400);
  text-decoration: none;
}

/* Header */
.c-header {
  background-color: var(--wmn-bg-elevated);
  border-bottom: 1px solid var(--wmn-border-strong);
  color: var(--wmn-text-main);
}
.c-header .c-header-nav .c-header-nav-link {
  color: var(--wmn-text-main);
}
.c-header .c-header-nav .c-header-nav-link:hover {
  color: var(--wmn-primary-400);
}
.c-header .dropdown-menu {
  background-color: var(--wmn-bg-elevated);
  border: 1px solid var(--wmn-border-subtle);
}
.c-header .dropdown-item {
  color: var(--wmn-text-main);
}
.c-header .dropdown-item:hover {
  background-color: var(--wmn-bg-subtle);
  color: var(--wmn-text-main);
}

/* Header toggler */
.c-header-toggler {
  border: 1px solid var(--wmn-border-strong);
  background-color: transparent;
}
.c-header-toggler .c-header-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.c-header-toggler:hover .c-header-toggler-icon,
.c-header-toggler:focus .c-header-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(229,57,53,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Sidebar */
.c-sidebar, .c-sidebar.c-sidebar-dark {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
  border-right: 1px solid var(--wmn-border-strong);
}
.c-sidebar .c-sidebar-nav-link {
  color: var(--wmn-text-main);
}
.c-sidebar .c-sidebar-nav-link:hover,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
  background-color: var(--wmn-bg-subtle);
  color: var(--wmn-text-main);
}
.c-sidebar .c-active > .c-sidebar-nav-link,
.c-sidebar .c-sidebar-nav-link.active {
  background-color: var(--wmn-primary-600);
  color: var(--wmn-text-invert);
}

/* Cards & panels */
.card, .c-callout, .list-group, .list-group-item {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
  border-color: var(--wmn-border-subtle);
}
.card-header, .card-footer {
  background-color: var(--wmn-bg-soft);
  border-color: var(--wmn-border-strong);
}

/* Tables */
.table {
  color: var(--wmn-text-main);
  background-color: var(--wmn-bg-elevated);
}
.table thead, .table .thead-dark {
  background-color: var(--wmn-bg-soft);
  color: var(--wmn-text-main);
  border-bottom: 1px solid var(--wmn-border-strong);
}
.table td, .table th {
  border-color: var(--wmn-border-subtle);
}
.table-hover tbody tr:hover {
  background-color: var(--wmn-bg-subtle);
}

/* WMN Table */
.table {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
}

/* Header */
.table thead,
.table .thead-dark,
.table .thead-light {
  background-color: #1E1E1E;
}
.table thead th,
.table .thead-dark th,
.table .thead-light th {
  color: var(--wmn-text-muted);
  border-bottom: 1px solid var(--wmn-border-strong);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.06em;
  font-weight: 600;
}

/* Body */
.table td,
.table th {
  border-color: var(--wmn-border-subtle);
}
.table tbody tr {
  background-color: var(--wmn-bg-elevated);
}
.table-hover tbody tr:hover {
  background-color: #1F1F1F;
}
/* Zebra optional */
.table tbody tr:nth-child(even) {
  background-color: #181818;
}

/* Right-aligned numbers (support berbagai kelas umum) */
.table td.numeric,
.table th.numeric,
.table td.text-right,
.table th.text-right,
.table td.dt-right,
.table th.dt-right {
  text-align: right;
}

/* Status Pills */
.status-pill,
.badge.status-pill,
.invoice-status span {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  border: 1px solid transparent;
}

/* Paid */
.status-pill.paid,
.invoice-status span.paid,
.invoice-status span.Paid,
.badge.badge-paid {
  background-color: rgba(76,175,80,0.15);
  color: #81C784;
  border-color: rgba(76,175,80,0.25);
}

/* Pending */
.status-pill.pending,
.invoice-status span.pending,
.invoice-status span.Pending,
.badge.badge-pending {
  background-color: rgba(255,193,7,0.15);
  color: #FFD54F;
  border-color: rgba(255,193,7,0.25);
}

/* Disputed */
.status-pill.disputed,
.invoice-status span.disputed,
.invoice-status span.Disputed,
.badge.badge-disputed {
  background-color: rgba(255,82,82,0.15);
  color: #FF8A80;
  border-color: rgba(255,82,82,0.25);
}

.page-item .page-link {
  background-color: var(--wmn-bg-elevated);
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.page-item.active .page-link, .page-item .page-link:hover {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}

/* Breadcrumbs */
.breadcrumb {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
  color: var(--wmn-text-muted);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--wmn-text-main);
}

/* Progress */
.progress {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.progress-bar {
  background-color: var(--wmn-primary-500);
}

/* Modals & popovers */
.modal-content, .popover {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
  border: 1px solid var(--wmn-border-strong);
}

/* WMN Sidebar Guideline */
.c-sidebar,
.c-sidebar.c-sidebar-dark {
  background-color: var(--wmn-bg-elevated);
}

/* Default state: text & icon muted, siapkan border kiri transparan */
.c-sidebar .c-sidebar-nav-link,
.c-sidebar .c-sidebar-nav-dropdown-toggle {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-icon {
  color: var(--wmn-text-muted);
}

/* Hover: background subtle, teks & ikon putih */
.c-sidebar .c-sidebar-nav-link:hover,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
  background-color: #212121; /* var(--wmn-bg-subtle) */
  color: #FFFFFF;
}
.c-sidebar .c-sidebar-nav-link:hover .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* WMN Navbar / Topbar */
.c-header {
  background-color: #141414; /* atau var(--wmn-bg-body) */
  border-bottom: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}

/* Brand kiri, user info kanan */
.c-header .c-header-brand {
  margin-right: 1rem;
}
.c-header .c-header-nav:last-child {
  margin-left: auto; /* dorong nav kanan */
}

/* Buttons: Ghost (outline tipis, icon putih di navbar) */
.btn-ghost {
  background-color: transparent;
  color: var(--wmn-text-muted);
  border: 1px solid var(--wmn-border-subtle);
}
.btn-ghost:hover,
.btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
  text-decoration: none;
}
.c-header .btn-ghost i,
.c-header .btn-ghost .c-icon {
  color: #FFFFFF; /* icon putih di navbar */
}

/* Buttons: Primary (aksi utama) */
.btn-primary {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--wmn-primary-600);
  border-color: var(--wmn-primary-600);
  color: var(--wmn-text-invert);
}

/* Buttons: Secondary (aksi sekunder) */
.btn-secondary {
  background-color: var(--wmn-bg-subtle);
  border: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #2C2C2C; /* var(--wmn-bg-soft) */
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-main);
}

/* Buttons: Danger (hapus/revoke) */
.btn-danger {
  background-color: var(--wmn-danger);
  border-color: var(--wmn-danger);
  color: var(--wmn-text-invert);
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #E53935; /* sesuai guideline */
  border-color: #E53935;
  color: var(--wmn-text-invert);
}

/* Disabled state untuk semua tombol */
.btn:disabled,
.btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}

/* Tambahan: tombol di navbar tetap tampak “ghost” */
.c-header .btn-ghost {
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-muted);
}
.c-header .btn-ghost:hover,
.c-header .btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
}

/* Active: gradient brand, teks & ikon putih, border-left 3px brand accent */
.c-sidebar .c-active > .c-sidebar-nav-link,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-link.active,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active {
  background-image: linear-gradient(90deg, #B71C1C, #E53935);
  color: #FFFFFF;
  border-left: 3px solid var(--wmn-primary-400);
}
.c-sidebar .c-active > .c-sidebar-nav-link .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-link.active .c-sidebar-nav-icon,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* Dropdown items: pewarisan warna muted & hover putih */
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link:hover {
  background-color: #212121;
  color: #FFFFFF;
}

/* WMN Cards (panel, summary angka royalti) */
.card,
.c-callout {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
  border-radius: 16px;
  border: 1px solid var(--wmn-border-strong);
  box-shadow: 0 10px 30px rgba(0,0,0,0.45);
}
.card {
  overflow: hidden; /* jaga radius saat ada konten child */
}
.card-header,
.card-footer {
  background-color: transparent; /* biarkan warna elevated dominan */
  border-color: var(--wmn-border-strong);
  padding: 1.5rem; /* header/footer sedikit lebih lega */
}
.card-body {
  padding: 1.25rem;
}

/* Typography pada kartu */
.card-title,
.card .card-header .h5,
.card .card-header .h4 {
  font-weight: 600;
  color: var(--wmn-text-main);
}
.card-subtitle,
.card .small,
.card .text-muted {
  color: var(--wmn-text-muted) !important;
}

/* List group di dalam kartu */
.list-group,
.list-group-item {
  background-color: var(--wmn-bg-elevated);
  border-color: var(--wmn-border-subtle);
}
.list-group {
  border-radius: 16px;
}
.list-group-item {
  padding: 1.25rem;
}

/* Table di dalam kartu mengikuti elevated tanpa sudut ganda */
.card .table {
  background-color: var(--wmn-bg-elevated);
  border-radius: 0;
}

.page-item .page-link {
  background-color: var(--wmn-bg-elevated);
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.page-item.active .page-link, .page-item .page-link:hover {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}

/* Breadcrumbs */
.breadcrumb {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
  color: var(--wmn-text-muted);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--wmn-text-main);
}

/* Progress */
.progress {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.progress-bar {
  background-color: var(--wmn-primary-500);
}

/* Modals & popovers */
.modal-content, .popover {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
  border: 1px solid var(--wmn-border-strong);
}

/* WMN Sidebar Guideline */
.c-sidebar,
.c-sidebar.c-sidebar-dark {
  background-color: var(--wmn-bg-elevated);
}

/* Default state: text & icon muted, siapkan border kiri transparan */
.c-sidebar .c-sidebar-nav-link,
.c-sidebar .c-sidebar-nav-dropdown-toggle {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-icon {
  color: var(--wmn-text-muted);
}

/* Hover: background subtle, teks & ikon putih */
.c-sidebar .c-sidebar-nav-link:hover,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
  background-color: #212121; /* var(--wmn-bg-subtle) */
  color: #FFFFFF;
}
.c-sidebar .c-sidebar-nav-link:hover .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* WMN Navbar / Topbar */
.c-header {
  background-color: #141414; /* atau var(--wmn-bg-body) */
  border-bottom: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}

/* Brand kiri, user info kanan */
.c-header .c-header-brand {
  margin-right: 1rem;
}
.c-header .c-header-nav:last-child {
  margin-left: auto; /* dorong nav kanan */
}

/* Buttons: Ghost (outline tipis, icon putih di navbar) */
.btn-ghost {
  background-color: transparent;
  color: var(--wmn-text-muted);
  border: 1px solid var(--wmn-border-subtle);
}
.btn-ghost:hover,
.btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
  text-decoration: none;
}
.c-header .btn-ghost i,
.c-header .btn-ghost .c-icon {
  color: #FFFFFF; /* icon putih di navbar */
}

/* Buttons: Primary (aksi utama) */
.btn-primary {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--wmn-primary-600);
  border-color: var(--wmn-primary-600);
  color: var(--wmn-text-invert);
}

/* Buttons: Secondary (aksi sekunder) */
.btn-secondary {
  background-color: var(--wmn-bg-subtle);
  border: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #2C2C2C; /* var(--wmn-bg-soft) */
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-main);
}

/* Buttons: Danger (hapus/revoke) */
.btn-danger {
  background-color: var(--wmn-danger);
  border-color: var(--wmn-danger);
  color: var(--wmn-text-invert);
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #E53935; /* sesuai guideline */
  border-color: #E53935;
  color: var(--wmn-text-invert);
}

/* Disabled state untuk semua tombol */
.btn:disabled,
.btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}

/* Tambahan: tombol di navbar tetap tampak “ghost” */
.c-header .btn-ghost {
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-muted);
}
.c-header .btn-ghost:hover,
.c-header .btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
}

/* Active: gradient brand, teks & ikon putih, border-left 3px brand accent */
.c-sidebar .c-active > .c-sidebar-nav-link,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-link.active,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active {
  background-image: linear-gradient(90deg, #B71C1C, #E53935);
  color: #FFFFFF;
  border-left: 3px solid var(--wmn-primary-400);
}
.c-sidebar .c-active > .c-sidebar-nav-link .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-link.active .c-sidebar-nav-icon,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* Dropdown items: pewarisan warna muted & hover putih */
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link:hover {
  background-color: #212121;
  color: #FFFFFF;
}

/* Fix: Subheader/Breadcrumb & Footer putih di dark mode */
.c-subheader {
  background-color: var(--wmn-bg-body);
  border-bottom: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}

/* Breadcrumb pada subheader: transparan, tanpa border putih */
.c-subheader .breadcrumb {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0.5rem 1rem;
}
.c-subheader .breadcrumb .breadcrumb-item,
.c-subheader .breadcrumb .breadcrumb-item a {
  color: var(--wmn-text-muted);
}
.c-subheader .breadcrumb .breadcrumb-item.active {
  color: var(--wmn-text-main);
}

/* Footer */
.c-footer,
.app-footer,
footer,
.footer {
  background-color: var(--wmn-bg-soft);
  border-top: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.c-footer a,
.footer a {
  color: var(--wmn-primary-500);
}
.c-footer a:hover,
.footer a:hover {
  color: var(--wmn-primary-400);
}

/* Utility override yang sering memaksa putih */
.bg-white,
.bg-light {
  background-color: var(--wmn-bg-elevated) !important;
  color: var(--wmn-text-main) !important;
}

/* Hilangkan efek shadow terang jika ada */
.shadow-sm,
.shadow {
  box-shadow: none !important;
}

/* Border utilitas mengikuti palet WMN */
hr,
.border,
.border-top,
.border-bottom {
  border-color: var(--wmn-border-subtle) !important;
}
.page-item .page-link {
  background-color: var(--wmn-bg-elevated);
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.page-item.active .page-link, .page-item .page-link:hover {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}

/* Breadcrumbs */
.breadcrumb {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
  color: var(--wmn-text-muted);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--wmn-text-main);
}

/* Progress */
.progress {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.progress-bar {
  background-color: var(--wmn-primary-500);
}

/* Modals & popovers */
.modal-content, .popover {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
  border: 1px solid var(--wmn-border-strong);
}

/* WMN Sidebar Guideline */
.c-sidebar,
.c-sidebar.c-sidebar-dark {
  background-color: var(--wmn-bg-elevated);
}

/* Default state: text & icon muted, siapkan border kiri transparan */
.c-sidebar .c-sidebar-nav-link,
.c-sidebar .c-sidebar-nav-dropdown-toggle {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-icon {
  color: var(--wmn-text-muted);
}

/* Hover: background subtle, teks & ikon putih */
.c-sidebar .c-sidebar-nav-link:hover,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
  background-color: #212121; /* var(--wmn-bg-subtle) */
  color: #FFFFFF;
}
.c-sidebar .c-sidebar-nav-link:hover .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* WMN Navbar / Topbar */
.c-header {
  background-color: #141414; /* atau var(--wmn-bg-body) */
  border-bottom: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}

/* Brand kiri, user info kanan */
.c-header .c-header-brand {
  margin-right: 1rem;
}
.c-header .c-header-nav:last-child {
  margin-left: auto; /* dorong nav kanan */
}

/* Buttons: Ghost (outline tipis, icon putih di navbar) */
.btn-ghost {
  background-color: transparent;
  color: var(--wmn-text-muted);
  border: 1px solid var(--wmn-border-subtle);
}
.btn-ghost:hover,
.btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
  text-decoration: none;
}
.c-header .btn-ghost i,
.c-header .btn-ghost .c-icon {
  color: #FFFFFF; /* icon putih di navbar */
}

/* Buttons: Primary (aksi utama) */
.btn-primary {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--wmn-primary-600);
  border-color: var(--wmn-primary-600);
  color: var(--wmn-text-invert);
}

/* Buttons: Secondary (aksi sekunder) */
.btn-secondary {
  background-color: var(--wmn-bg-subtle);
  border: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #2C2C2C; /* var(--wmn-bg-soft) */
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-main);
}

/* Buttons: Danger (hapus/revoke) */
.btn-danger {
  background-color: var(--wmn-danger);
  border-color: var(--wmn-danger);
  color: var(--wmn-text-invert);
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #E53935; /* sesuai guideline */
  border-color: #E53935;
  color: var(--wmn-text-invert);
}

/* Disabled state untuk semua tombol */
.btn:disabled,
.btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}

/* Tambahan: tombol di navbar tetap tampak “ghost” */
.c-header .btn-ghost {
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-muted);
}
.c-header .btn-ghost:hover,
.c-header .btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
}

/* Active: gradient brand, teks & ikon putih, border-left 3px brand accent */
.c-sidebar .c-active > .c-sidebar-nav-link,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-link.active,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active {
  background-image: linear-gradient(90deg, #B71C1C, #E53935);
  color: #FFFFFF;
  border-left: 3px solid var(--wmn-primary-400);
}
.c-sidebar .c-active > .c-sidebar-nav-link .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-link.active .c-sidebar-nav-icon,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* Dropdown items: pewarisan warna muted & hover putih */
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link:hover {
  background-color: #212121;
  color: #FFFFFF;
}

/* Subheader Date/Time text color */
.c-subheader {
  background-color: var(--wmn-bg-body);
  border-bottom: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}

/* Breadcrumb pada subheader: transparan, tanpa border putih */
.c-subheader .breadcrumb {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0.5rem 1rem;
}
.c-subheader .breadcrumb .breadcrumb-item,
.c-subheader .breadcrumb .breadcrumb-item a {
  color: var(--wmn-text-muted);
}
.c-subheader .breadcrumb .breadcrumb-item.active {
  color: var(--wmn-text-main);
}

/* Footer */
.c-footer,
.app-footer,
footer,
.footer {
  background-color: var(--wmn-bg-soft);
  border-top: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.c-footer a,
.footer a {
  color: var(--wmn-primary-500);
}
.c-footer a:hover,
.footer a:hover {
  color: var(--wmn-primary-400);
}

/* Utility override yang sering memaksa putih */
.bg-white,
.bg-light {
  background-color: var(--wmn-bg-elevated) !important;
  color: var(--wmn-text-main) !important;
}

/* Hilangkan efek shadow terang jika ada */
.shadow-sm,
.shadow {
  box-shadow: none !important;
}

/* Border utilitas mengikuti palet WMN */
hr,
.border,
.border-top,
.border-bottom {
  border-color: var(--wmn-border-subtle) !important;
}
.page-item .page-link {
  background-color: var(--wmn-bg-elevated);
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.page-item.active .page-link, .page-item .page-link:hover {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}

/* Breadcrumbs */
.breadcrumb {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
  color: var(--wmn-text-muted);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--wmn-text-main);
}

/* Progress */
.progress {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.progress-bar {
  background-color: var(--wmn-primary-500);
}

/* Modals & popovers */
.modal-content, .popover {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
  border: 1px solid var(--wmn-border-strong);
}

/* WMN Sidebar Guideline */
.c-sidebar,
.c-sidebar.c-sidebar-dark {
  background-color: var(--wmn-bg-elevated);
}

/* Default state: text & icon muted, siapkan border kiri transparan */
.c-sidebar .c-sidebar-nav-link,
.c-sidebar .c-sidebar-nav-dropdown-toggle {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-icon {
  color: var(--wmn-text-muted);
}

/* Hover: background subtle, teks & ikon putih */
.c-sidebar .c-sidebar-nav-link:hover,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
  background-color: #212121; /* var(--wmn-bg-subtle) */
  color: #FFFFFF;
}
.c-sidebar .c-sidebar-nav-link:hover .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* WMN Navbar / Topbar */
.c-header {
  background-color: #141414; /* atau var(--wmn-bg-body) */
  border-bottom: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}

/* Brand kiri, user info kanan */
.c-header .c-header-brand {
  margin-right: 1rem;
}
.c-header .c-header-nav:last-child {
  margin-left: auto; /* dorong nav kanan */
}

/* Buttons: Ghost (outline tipis, icon putih di navbar) */
.btn-ghost {
  background-color: transparent;
  color: var(--wmn-text-muted);
  border: 1px solid var(--wmn-border-subtle);
}
.btn-ghost:hover,
.btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
  text-decoration: none;
}
.c-header .btn-ghost i,
.c-header .btn-ghost .c-icon {
  color: #FFFFFF; /* icon putih di navbar */
}

/* Buttons: Primary (aksi utama) */
.btn-primary {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--wmn-primary-600);
  border-color: var(--wmn-primary-600);
  color: var(--wmn-text-invert);
}

/* Buttons: Secondary (aksi sekunder) */
.btn-secondary {
  background-color: var(--wmn-bg-subtle);
  border: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #2C2C2C; /* var(--wmn-bg-soft) */
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-main);
}

/* Buttons: Danger (hapus/revoke) */
.btn-danger {
  background-color: var(--wmn-danger);
  border-color: var(--wmn-danger);
  color: var(--wmn-text-invert);
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #E53935; /* sesuai guideline */
  border-color: #E53935;
  color: var(--wmn-text-invert);
}

/* Disabled state untuk semua tombol */
.btn:disabled,
.btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}

/* Tambahan: tombol di navbar tetap tampak “ghost” */
.c-header .btn-ghost {
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-muted);
}
.c-header .btn-ghost:hover,
.c-header .btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
}

/* Active: gradient brand, teks & ikon putih, border-left 3px brand accent */
.c-sidebar .c-active > .c-sidebar-nav-link,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-link.active,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active {
  background-image: linear-gradient(90deg, #B71C1C, #E53935);
  color: #FFFFFF;
  border-left: 3px solid var(--wmn-primary-400);
}
.c-sidebar .c-active > .c-sidebar-nav-link .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-link.active .c-sidebar-nav-icon,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* Dropdown items: pewarisan warna muted & hover putih */
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link:hover {
  background-color: #212121;
  color: #FFFFFF;
}

/* Jika header memakai varian light, paksa warna putih juga */
.c-header.c-header-light .c-subheader .c-subheader-nav-link,
.c-header.c-header-light .c-subheader .clock,
.c-header.c-header-light #liveClock {
  color: var(--wmn-text-main) !important;
}
.c-subheader .c-subheader-nav-link,
.c-subheader .btn-group,
.c-subheader .clock,
#liveClock {
  color: var(--wmn-text-main) !important;
}
.c-subheader .btn-group i,
.c-subheader .btn-group .c-icon {
  color: var(--wmn-text-main) !important;
}
/* Zebra optional */
.table tbody tr:nth-child(even) {
  background-color: #181818;
}

/* Right-aligned numbers (support berbagai kelas umum) */
.table td.numeric,
.table th.numeric,
.table td.text-right,
.table th.text-right,
.table td.dt-right,
.table th.dt-right {
  text-align: right;
}

/* Status Pills */
.status-pill,
.badge.status-pill,
.invoice-status span {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  border: 1px solid transparent;
}

/* Paid */
.status-pill.paid,
.invoice-status span.paid,
.invoice-status span.Paid,
.badge.badge-paid {
  background-color: rgba(76,175,80,0.15);
  color: #81C784;
  border-color: rgba(76,175,80,0.25);
}

/* Pending */
.status-pill.pending,
.invoice-status span.pending,
.invoice-status span.Pending,
.badge.badge-pending {
  background-color: rgba(255,193,7,0.15);
  color: #FFD54F;
  border-color: rgba(255,193,7,0.25);
}

/* Disputed */
.status-pill.disputed,
.invoice-status span.disputed,
.invoice-status span.Disputed,
.badge.badge-disputed {
  background-color: rgba(255,82,82,0.15);
  color: #FF8A80;
  border-color: rgba(255,82,82,0.25);
}

.page-item .page-link {
  background-color: var(--wmn-bg-elevated);
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.page-item.active .page-link, .page-item .page-link:hover {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}

/* Breadcrumbs */
.breadcrumb {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
  color: var(--wmn-text-muted);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--wmn-text-main);
}

/* Progress */
.progress {
  background-color: var(--wmn-bg-soft);
  border: 1px solid var(--wmn-border-subtle);
}
.progress-bar {
  background-color: var(--wmn-primary-500);
}

/* Modals & popovers */
.modal-content, .popover {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
  border: 1px solid var(--wmn-border-strong);
}

/* WMN Sidebar Guideline */
.c-sidebar,
.c-sidebar.c-sidebar-dark {
  background-color: var(--wmn-bg-elevated);
}

/* Default state: text & icon muted, siapkan border kiri transparan */
.c-sidebar .c-sidebar-nav-link,
.c-sidebar .c-sidebar-nav-dropdown-toggle {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-icon {
  color: var(--wmn-text-muted);
}

/* Hover: background subtle, teks & ikon putih */
.c-sidebar .c-sidebar-nav-link:hover,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
  background-color: #212121; /* var(--wmn-bg-subtle) */
  color: #FFFFFF;
}
.c-sidebar .c-sidebar-nav-link:hover .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle:hover .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* WMN Navbar / Topbar */
.c-header {
  background-color: #141414; /* atau var(--wmn-bg-body) */
  border-bottom: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}

/* Brand kiri, user info kanan */
.c-header .c-header-brand {
  margin-right: 1rem;
}
.c-header .c-header-nav:last-child {
  margin-left: auto; /* dorong nav kanan */
}

/* Buttons: Ghost (outline tipis, icon putih di navbar) */
.btn-ghost {
  background-color: transparent;
  color: var(--wmn-text-muted);
  border: 1px solid var(--wmn-border-subtle);
}
.btn-ghost:hover,
.btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
  text-decoration: none;
}
.c-header .btn-ghost i,
.c-header .btn-ghost .c-icon {
  color: #FFFFFF; /* icon putih di navbar */
}

/* Buttons: Primary (aksi utama) */
.btn-primary {
  background-color: var(--wmn-primary-500);
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-invert);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--wmn-primary-600);
  border-color: var(--wmn-primary-600);
  color: var(--wmn-text-invert);
}

/* Buttons: Secondary (aksi sekunder) */
.btn-secondary {
  background-color: var(--wmn-bg-subtle);
  border: 1px solid var(--wmn-border-subtle);
  color: var(--wmn-text-main);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #2C2C2C; /* var(--wmn-bg-soft) */
  border-color: var(--wmn-primary-500);
  color: var(--wmn-text-main);
}

/* Buttons: Danger (hapus/revoke) */
.btn-danger {
  background-color: var(--wmn-danger);
  border-color: var(--wmn-danger);
  color: var(--wmn-text-invert);
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #E53935; /* sesuai guideline */
  border-color: #E53935;
  color: var(--wmn-text-invert);
}

/* Disabled state untuk semua tombol */
.btn:disabled,
.btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}

/* Tambahan: tombol di navbar tetap tampak “ghost” */
.c-header .btn-ghost {
  border-color: var(--wmn-border-subtle);
  color: var(--wmn-text-muted);
}
.c-header .btn-ghost:hover,
.c-header .btn-ghost:focus {
  background-color: rgba(255,255,255,0.05);
  color: var(--wmn-text-main);
}

/* Active: gradient brand, teks & ikon putih, border-left 3px brand accent */
.c-sidebar .c-active > .c-sidebar-nav-link,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-link.active,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active {
  background-image: linear-gradient(90deg, #B71C1C, #E53935);
  color: #FFFFFF;
  border-left: 3px solid var(--wmn-primary-400);
}
.c-sidebar .c-active > .c-sidebar-nav-link .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-link.active .c-sidebar-nav-icon,
.c-sidebar .c-active > .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle.active .c-sidebar-nav-icon {
  color: #FFFFFF;
}

/* Dropdown items: pewarisan warna muted & hover putih */
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
  color: var(--wmn-text-muted);
  border-left: 3px solid transparent;
}
.c-sidebar .c-sidebar-nav-dropdown-items .c-sidebar-nav-link:hover {
  background-color: #212121;
  color: #FFFFFF;
}

.c-header .c-subheader {
    margin-top: -1px;
    border-top: 1px solid #5a5a5a;
}

/* WMN Profile Header */
.wmn-profile-header .card-body {
  padding: 1.25rem 1.5rem;
}
.wmn-avatar-initial {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--wmn-warning);
  color: var(--wmn-text-invert);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.35);
}
.wmn-greeting {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 1.2;
  color: var(--wmn-text-main);
}
.wmn-role-badge {
  background: var(--wmn-bg-subtle);
  color: var(--wmn-text-muted);
  border: 1px solid var(--wmn-border-subtle);
}

/* Nama user di header profil */
.wmn-user-name {
  margin-top: 2px;
  font-weight: 600;
  font-size: 1rem;
  color: var(--wmn-text-main);
}

/* General Report – Dark mode for filters and DataTables controls */
/* Filter wrapper labels */
.card .form-group label {
  color: var(--wmn-text-muted);
}

/* Selects & inputs: platform, accounting period, and any form-control */
.card .form-group .form-control,
.card .form-group .custom-select,
select.form-control,
input.form-control {
  background-color: var(--wmn-bg-subtle) !important;
  color: var(--wmn-text-main) !important;
  border: 1px solid var(--wmn-border-subtle) !important;
  border-radius: 10px;
}

/* Options dropdown background */
select.form-control option {
  background-color: var(--wmn-bg-elevated);
  color: var(--wmn-text-main);
}

/* Focus state */
.card .form-group .form-control:focus,
select.form-control:focus,
input.form-control:focus,
.dataTables_length select:focus,
.dataTables_filter input:focus {
  background-color: var(--wmn-bg-subtle) !important;
  border-color: var(--wmn-primary-500) !important;
  box-shadow: 0 0 0 2px rgba(207, 48, 52, 0.35);
  color: var(--wmn-text-main) !important;
}

/* Disabled */
.card .form-group .form-control:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Date picker icon visibility (WebKit) */
input[type="date"].form-control::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

/* DataTables: Show entries select + Search input */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  background-color: var(--wmn-bg-subtle) !important;
  color: var(--wmn-text-main) !important;
  border: 1px solid var(--wmn-border-subtle) !important;
  border-radius: 10px;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
  color: var(--wmn-text-muted);
}

/* DataTables pagination — dark mode */
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background-color: var(--wmn-bg-subtle) !important;
  color: var(--wmn-text-main) !important;
  border: 1px solid var(--wmn-border-subtle) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--wmn-border-subtle) !important;
  color: var(--wmn-text-main) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: var(--wmn-primary-500) !important;
  border-color: var(--wmn-primary-500) !important;
  color: var(--wmn-text-invert) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.6;
  cursor: default;
  color: var(--wmn-text-muted) !important;
}

/* Ellipsis (…) */
.dataTables_wrapper .dataTables_paginate .ellipsis,
.dataTables_wrapper .dataTables_paginate .paginate_button.ellipsis {
  background-color: var(--wmn-bg-subtle) !important;
  color: var(--wmn-text-muted) !important;
  border: 1px solid var(--wmn-border-subtle) !important;
  border-radius: 8px !important;
  padding: 0.5rem 0.75rem;
}

/* Bootstrap pagination (if active alongside DataTables) */
.pagination .page-item .page-link {
  background-color: var(--wmn-bg-subtle) !important;
  color: var(--wmn-text-main) !important;
  border: 1px solid var(--wmn-border-subtle) !important;
  border-radius: 8px !important;
}
.pagination .page-item .page-link:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}
.pagination .page-item.active .page-link {
  background-color: var(--wmn-primary-500) !important;
  border-color: var(--wmn-primary-500) !important;
  color: var(--wmn-text-invert) !important;
}
.pagination .page-item.disabled .page-link {
  opacity: 0.6;
  color: var(--wmn-text-muted) !important;
}

/* Table borders — Bootstrap + DataTables (WMN Dark) */
.table,
.table-bordered {
  border-color: var(--wmn-border-subtle) !important;
}

/* Cell borders: header, body, footer */
.table thead th,
.table thead td,
.table tbody th,
.table tbody td,
.table tfoot th,
.table tfoot td,
.table-bordered th,
.table-bordered td {
  border-color: var(--wmn-border-subtle) !important;
}

/* Stronger bottom border on headers */
.table thead th,
table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid var(--wmn-border-strong) !important;
}

/* Outer borders for bordered tables */
.table-bordered {
  border: 1px solid var(--wmn-border-strong) !important;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-color: var(--wmn-border-strong) !important;
}

/* DataTables: footer border and scroll regions */
table.dataTable.no-footer {
  border-bottom: 1px solid var(--wmn-border-subtle) !important;
}
.dataTables_wrapper .dataTables_scrollHead table,
.dataTables_wrapper .dataTables_scrollBody table {
  border-color: var(--wmn-border-subtle) !important;
}

/* Hover state in dark mode */
.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

/* Buttons: Success (aksi utama hijau) */
.btn-success {
  background-color: var(--wmn-success) !important;
  border-color: var(--wmn-success) !important;
  color: var(--wmn-text-invert) !important;
}
.btn-success:hover,
.btn-success:focus {
  background-color: var(--wmn-success-soft) !important;
  border-color: var(--wmn-success-soft) !important;
  color: var(--wmn-text-invert) !important;
}

/* Buttons: Info (aksi sekunder biru) */
.btn-info {
  background-color: var(--wmn-info) !important;
  border-color: var(--wmn-info) !important;
  color: var(--wmn-text-invert) !important;
}
.btn-info:hover,
.btn-info:focus {
  background-color: var(--wmn-info-soft) !important;
  border-color: var(--wmn-info-soft) !important;
  color: var(--wmn-text-invert) !important;
}

/* Scope per halaman Withdraw */
.wmn-withdraw .text-info {
  color: var(--wmn-text-muted) !important; /* “Your Balance” lebih selaras */
}
.wmn-withdraw .text-danger {
  color: var(--wmn-warning) !important; /* “Minimal Withdraw” jadi accent kuning */
}

/* Status badge agar serasi dengan dark mode */
.badge.badge-success {
  background-color: rgba(76,175,80,0.20) !important;
  color: #81C784 !important;
  border: 1px solid rgba(76,175,80,0.35) !important;
}
.badge.badge-warning {
  background-color: rgba(255,193,7,0.18) !important;
  color: #FFD54F !important;
  border: 1px solid rgba(255,193,7,0.35) !important;
}
.badge.badge-info {
  background-color: rgba(41,182,246,0.20) !important;
  color: #80DEEA !important;
  border: 1px solid rgba(41,182,246,0.35) !important;
}
.badge.badge-primary {
  background-color: var(--wmn-primary-600) !important;
  color: var(--wmn-text-invert) !important;
  border: 1px solid var(--wmn-primary-600) !important;
}