/* ══════════════════════════════════════════
   Creator Pay Admin — Dark Theme
   Triggered by: body.dark-mode, html.dark-mode body
   ══════════════════════════════════════════ */

/* ── Toggle Button ── */
.admin-dark-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid #e2e8f0;
  background: white;
  cursor: pointer;
  font-size: 17px;
  transition: all 0.3s;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 12px;
  box-shadow: none !important;
}

.admin-dark-btn:hover {
  border-color: #667eea;
  transform: rotate(20deg) scale(1.1);
}

body.dark-mode,
html.dark-mode body .admin-dark-btn {
  background: #1c2333;
  border-color: #30363d;
  color: #e6edf3;
}

/* Button inside hero banner (purple bg) */
.hero-banner .admin-dark-btn {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  margin-right: 0;
}

.hero-banner .admin-dark-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.7);
}

/* ── Base ── */
body.dark-mode,
html.dark-mode body {
  background: #0d1117 !important;
  color: #e6edf3 !important;
}

/* ── Sidebar ── */
body.dark-mode,
html.dark-mode body .sidebar {
  background: linear-gradient(180deg, #161b22 0%, #0d1117 100%) !important;
  border-right-color: #30363d !important;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode,
html.dark-mode body .sidebar h2 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .sidebar-header {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .sidebar a {
  /* color: #8b949e !important; */
  /* border-left-color: transparent !important; */
}

body.dark-mode,
html.dark-mode body .sidebar a:hover {
  background: rgba(124, 106, 247, 0.08) !important;
  /* border-left-color: #7c6af7 !important; */
  /* color: #a78bfa !important; */
}

body.dark-mode,
html.dark-mode body .sidebar a.active-link {
  background: rgba(124, 106, 247, 0.12) !important;
  /* border-left-color: #7c6af7 !important; */
  /* color: #a78bfa !important; */
}

body.dark-mode,
html.dark-mode body .sidebar-user {
  background: #161b22 !important;
  border-top-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .sidebar-user .user-info {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .sidebar-user .user-name {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .sidebar-user .user-email {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .logout-link {
  background: #161b22 !important;
  color: #f87171 !important;
  border-color: #f87171 !important;
}

body.dark-mode,
html.dark-mode body .logout-link:hover {
  background: rgba(248, 113, 113, 0.1) !important;
  color: #fca5a5 !important;
}

body.dark-mode,
html.dark-mode body .nav-dropdown {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

/* ── Main area ── */
body.dark-mode,
html.dark-mode body .main {
  background: #0d1117 !important;
}

body.dark-mode,
html.dark-mode body .main h1 {
  color: #e6edf3 !important;
}

/* ── Stat / Info cards ── */
body.dark-mode,
html.dark-mode body .card,
body.dark-mode,
html.dark-mode body .stat-card,
body.dark-mode,
html.dark-mode body .settings-card,
body.dark-mode,
html.dark-mode body .analytics-section,
body.dark-mode,
html.dark-mode body .resource-section,
body.dark-mode,
html.dark-mode body .profile-card {
  background: #161b22 !important;
  border-color: #3d4451 !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .w-card {
  background: #161b22 !important;
  border: 1px solid rgba(124,106,247,0.25) !important;
  box-shadow: 0 0 0 1px rgba(124,106,247,0.15), 0 4px 24px rgba(0,0,0,0.4) !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .card h3,
body.dark-mode,
html.dark-mode body .stat-content h3 {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .card p,
body.dark-mode,
html.dark-mode body .stat-number {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .stat-label {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .stat-icon {
  background: #1c2333 !important;
  border-color: #30363d !important;
}

/* ── Page header (purple gradient — keep, just tweak text) ── */
body.dark-mode,
html.dark-mode body .page-header {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}

/* ── Section header ── */
body.dark-mode,
html.dark-mode body .section-header {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .section-title h2 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .section-header h2 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .section-header p {
  color: #8b949e !important;
}

/* ── Tables ── */
body.dark-mode,
html.dark-mode body table,
body.dark-mode,
html.dark-mode body .table-wrapper,
body.dark-mode,
html.dark-mode body .modern-table,
body.dark-mode,
html.dark-mode body .history-table,
body.dark-mode,
html.dark-mode body .res-table {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .modern-table tbody tr,
body.dark-mode,
html.dark-mode body .history-table tbody tr,
body.dark-mode,
html.dark-mode body .res-table tbody tr {
  border-bottom-color: #21293d !important;
}

body.dark-mode,
html.dark-mode body .modern-table tbody tr:hover,
body.dark-mode,
html.dark-mode body .history-table tbody tr:hover,
body.dark-mode,
html.dark-mode body .res-table tbody tr:hover {
  background: #1c2333 !important;
}

body.dark-mode,
html.dark-mode body td {
  color: #8b949e !important;
  border-bottom-color: #21293d !important;
}

body.dark-mode,
html.dark-mode body .modern-table td:first-child {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .modern-table td:nth-child(2) {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .modern-table td:nth-child(3) {
  color: #3fb950 !important;
}

body.dark-mode,
html.dark-mode body .amount-cell {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .amount-value {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .customer-email {
  color: #c9d1d9 !important;
}

/* ── Resource cards (grid view) ── */
body.dark-mode,
html.dark-mode body .resource-card {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .resource-card:hover {
  border-color: #7c6af7 !important;
}

body.dark-mode,
html.dark-mode body .resource-card h3 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .resource-card p {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .resource-price {
  color: #3fb950 !important;
}

/* ── Resource table (desktop) ── */
body.dark-mode,
html.dark-mode body .res-table-wrap {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .res-title {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .res-desc-full {
  color: #8b949e !important;
}

/* ── Resource cards (mobile) ── */
body.dark-mode,
html.dark-mode body .res-card {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .res-card-title {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .res-card-desc {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .res-card-price {
  color: #3fb950 !important;
}

/* ── Tab buttons ── */
body.dark-mode,
html.dark-mode body .tab-btn {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .tab-btn:hover {
  background: rgba(124, 106, 247, 0.1) !important;
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .tab-btn.active {
  background: linear-gradient(135deg, #7c6af7, #5b4fcf) !important;
  color: #fff !important;
  border-color: transparent !important;
}

body.dark-mode,
html.dark-mode body .resource-tabs {
  background: #161b22 !important;
  border-color: #30363d !important;
}

/* ── Filter / dropdown ── */
body.dark-mode,
html.dark-mode body .custom-select,
body.dark-mode,
html.dark-mode body .dropdown {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .dropdown div {
  color: #c9d1d9 !important;
}

body.dark-mode,
html.dark-mode body .dropdown div:hover {
  background: rgba(124, 106, 247, 0.1) !important;
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .pr-filter {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .pr-filter.active,
body.dark-mode,
html.dark-mode body .pr-filter:hover {
linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff !important;
  border-color: transparent !important;
}

/* ── Purchased resource cards ── */
body.dark-mode,
html.dark-mode body .pr-card {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .pr-card:hover {
  box-shadow: 0 4px 16px rgba(124, 106, 247, 0.12) !important;
}

body.dark-mode,
html.dark-mode body .pr-title {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .pr-meta {
  color: #484f58 !important;
}

body.dark-mode,
html.dark-mode body .pr-price {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .pr-icon {
  background: rgba(124, 106, 247, 0.12) !important;
}

/* ── Modals ── */
body.dark-mode,
html.dark-mode body .modal-content,
body.dark-mode,
html.dark-mode body .auth-modal-content {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .modal-content h2,
body.dark-mode,
html.dark-mode body .auth-modal-content h2 {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .close {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .close:hover {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body #viewContent p {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body #viewContent strong {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body #viewContent span {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body #editForm input,
body.dark-mode,
html.dark-mode body #editForm textarea,
body.dark-mode,
html.dark-mode body #resourceForm input,
body.dark-mode,
html.dark-mode body #resourceForm textarea {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body #editForm input:focus,
body.dark-mode,
html.dark-mode body #editForm textarea:focus,
body.dark-mode,
html.dark-mode body #resourceForm input:focus,
body.dark-mode,
html.dark-mode body #resourceForm textarea:focus {
  border-color: #7c6af7 !important;
  background: #21293d !important;
}

body.dark-mode,
html.dark-mode body .form-group label {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .form-group input,
body.dark-mode,
html.dark-mode body .form-group select,
body.dark-mode,
html.dark-mode body .form-group textarea {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .form-group input:focus,
body.dark-mode,
html.dark-mode body .form-group select:focus,
body.dark-mode,
html.dark-mode body .form-group textarea:focus {
  border-color: #7c6af7 !important;
  background: #21293d !important;
}

/* ── Info rows (settings) ── */
body.dark-mode,
html.dark-mode body .info-row {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .info-row span {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .info-row strong {
  color: #e6edf3 !important;
}

/* ── Stat items ── */
body.dark-mode,
html.dark-mode body .stat-item {
  background: #1c2333 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .stat-item:hover {
  box-shadow: 0 6px 15px rgba(124, 106, 247, 0.12) !important;
}

body.dark-mode,
html.dark-mode body .stat-label {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .stat-value {
  color: #a78bfa !important;
}

/* ── Shimmer ── */
body.dark-mode,
html.dark-mode body .shimmer-card,
body.dark-mode,
html.dark-mode body .shimmer-stat-card,
body.dark-mode,
html.dark-mode body .shimmer-profile-card,
body.dark-mode,
html.dark-mode body .pr-sk-card {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .shimmer-icon,
body.dark-mode,
html.dark-mode body .shimmer-title,
body.dark-mode,
html.dark-mode body .shimmer-description,
body.dark-mode,
html.dark-mode body .shimmer-price,
body.dark-mode,
html.dark-mode body .shimmer-button,
body.dark-mode,
html.dark-mode body .shimmer-stat-icon,
body.dark-mode,
html.dark-mode body .shimmer-stat-title,
body.dark-mode,
html.dark-mode body .shimmer-stat-number,
body.dark-mode,
html.dark-mode body .shimmer-stat-label,
body.dark-mode,
html.dark-mode body .shimmer-table-cell,
body.dark-mode,
html.dark-mode body .shimmer-dark,
body.dark-mode,
html.dark-mode body .sh-box,
body.dark-mode,
html.dark-mode body .pr-sk {
  background: linear-gradient(90deg, #1c2333 25%, #21293d 50%, #1c2333 75%) !important;
  background-size: 400px 100% !important;
}

body.dark-mode,
html.dark-mode body .shimmer-gradient {
  background: linear-gradient(90deg, #1c2333 0%, #21293d 50%, #1c2333 100%) !important;
  background-size: 800px 100% !important;
}

/* ── Profile page ── */
body.dark-mode,
html.dark-mode body .profile-card h2 {
  color: #e6edf3 !important;
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .profile-details h2 {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .shimmer-detail-row {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .btn-edit {
  background: #1c2333 !important;
  color: #e6edf3 !important;
  border-color: #3fb950 !important;
}

body.dark-mode,
html.dark-mode body .btn-edit:hover {
  background: rgba(63, 185, 80, 0.15) !important;
  color: #3fb950 !important;
}

body.dark-mode,
html.dark-mode body .btn-logout {
  background: #1c2333 !important;
  color: #e6edf3 !important;
  border-color: #f87171 !important;
}

body.dark-mode,
html.dark-mode body .btn-logout:hover {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #fca5a5 !important;
}

body.dark-mode,
html.dark-mode body .empty-resources {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .profile-page-header {
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode,
html.dark-mode body .profile-name {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .profile-email {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .detail-row {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .detail-label {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .detail-value {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .resource-item {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .resource-item:hover {
  background: #1c2333 !important;
}

body.dark-mode,
html.dark-mode body .resource-details h4 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .resource-details p {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .mobile-profile-header {
  background: linear-gradient(135deg, #7c6af7, #5b4fcf) !important;
}

/* Withdrawal info cards */
body.dark-mode,
html.dark-mode body .wi-method {
  background: #1c2333 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .wi-method:hover {
  border-color: #7c6af7 !important;
}

body.dark-mode,
html.dark-mode body .wi-label {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-box,
body.dark-mode,
html.dark-mode body .wi-detail-body {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-header {
  border-bottom-color: #30363d !important;
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-title {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-close {
  background: #1c2333 !important;
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-row {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-lbl {
  color: #484f58 !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-val {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-val.empty {
  color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-footer {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .wi-detail-cancel-btn {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body #wiModal .modal-content {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .wi-form-group label {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .wi-form-group input {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .wi-form-group input:focus {
  border-color: #7c6af7 !important;
  background: #21293d !important;
}

/* ── Withdrawal page ── */
body.dark-mode,
html.dark-mode body .w-card-title {
  color: #e6edf3 !important;
  border-bottom: 2px solid rgba(124,106,247,0.25) !important;
}

body.dark-mode,
html.dark-mode body .method-pill {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .method-pill.active {
  background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;  
  color: #fff !important;
  border-color: transparent !important;
}

body.dark-mode,
html.dark-mode body .method-pill:hover:not(.active) {
  border-color: #7c6af7 !important;
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body #amountPreview {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .history-table td {
  border-right-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .history-table th {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode,
html.dark-mode body .method-chip {
  background: #1c2333 !important;
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .badge-pending {
  background: rgba(180, 83, 9, 0.15) !important;
  color: #fcd34d !important;
  border-color: rgba(180, 83, 9, 0.3) !important;
}

body.dark-mode,
html.dark-mode body .badge-approved {
  background: rgba(6, 95, 70, 0.15) !important;
  color: #86efac !important;
  border-color: rgba(6, 95, 70, 0.3) !important;
}

body.dark-mode,
html.dark-mode body .badge-rejected {
  background: rgba(153, 27, 27, 0.15) !important;
  color: #fca5a5 !important;
  border-color: rgba(153, 27, 27, 0.3) !important;
}

body.dark-mode,
html.dark-mode body .view-btn {
  background: #1c2333 !important;
  border-color: #7c6af7 !important;
}

body.dark-mode,
html.dark-mode body .reason-box {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .reason-box-header {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .reason-box-close {
  background: #1c2333 !important;
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .reason-box-body {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .wd-sheet {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .wd-handle {
  background: #30363d !important;
}

body.dark-mode,
html.dark-mode body .wd-sheet h3 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .wd-row {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .wd-label {
  color: #484f58 !important;
}

body.dark-mode,
html.dark-mode body .wd-value {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body #confirmOverlay>div {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body #confirmBox {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .confirm-cancel-btn {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body #confirmDetails {
  background: #1c2333 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .shimmer-row-border {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .shimmer-card-header {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .history-table tbody tr:last-child td {
  border-bottom-color: #30363d !important;
}

/* ── Statistics page ── */
body.dark-mode,
html.dark-mode body .analytics-section {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .profile-stat-card {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .profile-stat-name {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .profile-stat-email {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .profile-stat-badge {
  color: #3fb950 !important;
}

body.dark-mode,
html.dark-mode body .filter-dropdown-menu {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .filter-dropdown-item {
  color: #8b949e !important;
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .filter-dropdown-item:hover {
  background: #1c2333 !important;
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .filter-dropdown-item.active {
  background: linear-gradient(135deg, #7c6af7, #5b4fcf) !important;
  color: #fff !important;
}

body.dark-mode,
html.dark-mode body .detail-sheet {
  background: #161b22 !important;
}

body.dark-mode,
html.dark-mode body .detail-sheet-handle {
  background: #30363d !important;
}

body.dark-mode,
html.dark-mode body .detail-sheet h3 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .detail-row {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .detail-label {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .detail-value {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .resource-tag {
  background: #1c2333 !important;
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .eye-btn {
  background: #1c2333 !important;
  border-color: #7c6af7 !important;
}

body.dark-mode,
html.dark-mode body .date-input {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .date-input:focus {
  border-color: #7c6af7 !important;
  background: #21293d !important;
}

body.dark-mode,
html.dark-mode body .date-input-group label {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .btn-cancel {
  background: #1c2333 !important;
  border-color: #30363d !important;
  color: #8b949e !important;
}
/* ── Mobile bottom nav: default/inactive state in dark mode ── */
body.dark-mode .amn-item,
html.dark-mode body .amn-item {
  color: #8b949e !important;
}

body.dark-mode .amn-item svg,
html.dark-mode body .amn-item svg {
  stroke: #8b949e !important;
}

/* ── Mobile bottom nav ── */
@media (max-width: 768px) {
  body.dark-mode .admin-mob-nav,
  html.dark-mode body .admin-mob-nav,
  html.dark-mode .admin-mob-nav {
    display: flex !important;
    background: #161b22 !important;
    border-top: 1.5px solid #30363d !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.65) !important;
  }
}

body.dark-mode,
html.dark-mode body .amn-item.active,
body.dark-mode,
html.dark-mode body .amn-item:hover {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .amn-item.active svg,
body.dark-mode,
html.dark-mode body .amn-item:hover svg {
  stroke: #a78bfa !important;
}

/* ── Auth modal ── */
body.dark-mode,
html.dark-mode body .auth-modal-content h2 {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .auth-modal-content p {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .toggle-form {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .toggle-form a {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .error-message {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}

body.dark-mode,
html.dark-mode body .success-message {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #86efac !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}

/* ── Empty state ── */
body.dark-mode,
html.dark-mode body .empty-state {
  background: transparent !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .empty-state h3 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .empty-state p {
  color: #8b949e !important;
}

/* ── Smooth transitions ── */
body.dark-mode,
html.dark-mode body *,
body.dark-mode,
html.dark-mode body *::before,
body.dark-mode,
html.dark-mode body *::after {
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}

/* ── Resources page: skeleton shimmer containers ── */
body.dark-mode,
html.dark-mode body .custom-select-skeleton {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .custom-select-skeleton .sk-icon,
body.dark-mode,
html.dark-mode body .custom-select-skeleton .sk-text,
body.dark-mode,
html.dark-mode body .custom-select-skeleton .sk-arrow,
body.dark-mode,
html.dark-mode body .sk-row-icon,
body.dark-mode,
html.dark-mode body .sk-row-title,
body.dark-mode,
html.dark-mode body .sk-row-desc,
body.dark-mode,
html.dark-mode body .sk-row-price,
body.dark-mode,
html.dark-mode body .sk-row-btn {
  background: linear-gradient(90deg, #1c2333 25%, #21293d 50%, #1c2333 75%) !important;
  background-size: 400px 100% !important;
}

/* ── Resources page: resource rows ── */
body.dark-mode,
html.dark-mode body .row {
  background: #161b22 !important;
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .row:hover {
  background: #1c2333 !important;
}

body.dark-mode,
html.dark-mode body .table-title h4 {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .table-title p {
  color: #8b949e !important;
}

body.dark-mode,
html.dark-mode body .table-title .icon img {
  border-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .row .price {
  color: #a78bfa !important;
}

body.dark-mode,
html.dark-mode body .btn-view  { background: #161b22 !important; }
body.dark-mode,
/* html.dark-mode body .btn-edit  { background: #161b22 !important; } */
body.dark-mode,
html.dark-mode body .btn-delete{ background: #161b22 !important; }

/* ── Purchased skeleton card ── */
body.dark-mode,
html.dark-mode body .pr-sk-card {
  background: #161b22 !important;
  border-color: #30363d !important;
}

/* ── Sidebar user-info section (Resources page inline styles) ── */
body.dark-mode,
html.dark-mode body .sidebar-user .user-info {
  border-bottom-color: #30363d !important;
}

body.dark-mode,
html.dark-mode body .sidebar-user .user-name {
  color: #e6edf3 !important;
}

body.dark-mode,
html.dark-mode body .sidebar-user .user-email {
  color: #8b949e !important;
}

/* ── Fix stat-number: clear webkit gradient so dark color applies ── */
body.dark-mode .stat-number,
html.dark-mode body .stat-number {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #e6edf3 !important;
  background-clip: unset !important;
}

/* ── Fix sidebar-close-btn in dark mode ── */
body.dark-mode .sidebar-close-btn,
html.dark-mode body .sidebar-close-btn {
  color: #8b949e !important;
}

/* ── Fix sb-nm-wrap border-top in dark mode ── */
body.dark-mode .sb-nm-wrap,
html.dark-mode body .sb-nm-wrap {
  border-top-color: #30363d !important;
}

/* ── Fix html.dark-mode knob position (before body class loads) ── */
html.dark-mode .sb-nm-knob {
  left: 52px !important;
  background: #2d3748 !important;
}
html.dark-mode .sb-nm-toggle {
  background: #1e2535 !important;
  box-shadow: 4px 4px 8px #0d1117, -3px -3px 7px #2d3a4a !important;
}
html:not(.dark-mode) .sb-nm-toggle,
body:not(.dark-mode) .sb-nm-toggle {
  box-shadow: 4px 4px 8px #b8bec7, -4px -4px 8px #ffffff !important;
}
html.dark-mode .sb-nm-label-light { opacity: 0 !important; }
html.dark-mode .sb-nm-label-dark  { opacity: 1 !important; }