﻿:root {
  --am-blue: #5FBBD4;
  --am-blue-strong: #39A9C9;
  --am-blue-soft: rgba(95,187,212,.16);
  --am-blue-border: rgba(95,187,212,.70);
  --am-dark-blue: #063246;
}

/* Top Admin button must not stay yellow */
header a[href*="admin"],
header button,
.topbar a[href*="admin"],
.nav a[href*="admin"],
a.admin,
button.admin,
.admin-btn {
  background: #090909 !important;
  color: var(--am-blue) !important;
  border: 1px solid var(--am-blue-border) !important;
  box-shadow: none !important;
}

/* Current/active Admin top button: subtle blue, not yellow */
header a[href*="admin"].active,
.topbar a[href*="admin"].active,
.nav a[href*="admin"].active,
header .active[href*="admin"],
.topbar .active[href*="admin"] {
  background: var(--am-blue-soft) !important;
  color: #8FD8EA !important;
  border: 1px solid var(--am-blue-border) !important;
}

/* Sidebar active selected item: dark/subtle blue, not pale filled block */
.sidebar .active,
.sidebar a.active,
.sidebar button.active,
.side-menu .active,
.side-menu a.active,
.side-menu button.active,
.menu .active,
.menu a.active,
.menu button.active,
aside .active,
aside a.active,
aside button.active {
  background: rgba(95,187,212,.14) !important;
  color: #8FD8EA !important;
  border: 1px solid var(--am-blue-border) !important;
}

/* Admin table headers and support table headers */
.admin-dashboard th,
.admin-card th,
.admin-table th,
table th,
.support-table th {
  color: var(--am-blue) !important;
}

/* Status badges like Under Review */
.badge,
.status,
.status-badge,
.pill,
.tag,
span[class*="status"],
span[class*="badge"],
span[class*="pill"] {
  background: rgba(95,187,212,.14) !important;
  color: #8FD8EA !important;
  border: 1px solid var(--am-blue-border) !important;
}

/* Admin action buttons including View Details and Save */
.admin-dashboard button,
.admin-dashboard a.btn,
.admin-dashboard td a,
.admin-dashboard td button,
.admin-main button,
.admin-main a.btn,
.admin-main td a,
.admin-main td button,
.admin-content button,
.admin-content a.btn,
.admin-content td a,
.admin-content td button {
  background: #090909 !important;
  color: var(--am-blue) !important;
  border: 1px solid var(--am-blue-border) !important;
  box-shadow: none !important;
}

/* Any button/link still carrying old gold/yellow classes */
.gold,
.btn.gold,
button.gold,
a.gold,
.primary,
.btn.primary,
button.primary {
  background: #090909 !important;
  color: var(--am-blue) !important;
  border: 1px solid var(--am-blue-border) !important;
}

/* Hover */
header a[href*="admin"]:hover,
.topbar a[href*="admin"]:hover,
.nav a[href*="admin"]:hover,
.sidebar a:hover,
.side-menu a:hover,
.menu a:hover,
.admin-dashboard button:hover,
.admin-dashboard a.btn:hover,
.admin-dashboard td a:hover,
.admin-dashboard td button:hover,
button:hover,
a.btn:hover {
  color: #8FD8EA !important;
  border-color: #8FD8EA !important;
}
