:root {
  --admin-navy: #0b1c2d;
  --admin-navy-hover: #132f4c;
  --admin-bg: #f8fafc;
  --admin-border: #e5e7eb;
}

/* ============================================================
   BASE
============================================================ */
body.admin-page {
  background-color: var(--admin-bg);
  color: var(--admin-navy);
}

/* ============================================================
   CARDS
============================================================ */
.admin-card {
  border: none;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(11, 28, 45, 0.08);
  background: #ffffff;
}

/* ============================================================
   HEADERS (TOP STRIPS)
============================================================ */
.admin-header {
  background-color: var(--admin-navy);
  color: #ffffff;
  padding: 1.5rem;
}

.admin-header h1,
.admin-header h2,
.admin-header h3 {
  color: #ffffff;
  margin-bottom: 0.25rem;
}

.admin-header p {
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
}

/* ============================================================
   BUTTONS
============================================================ */
.btn-admin {
  background-color: var(--admin-navy);
  color: #ffffff;
  border: none;
  border-radius: 999px;
  padding: 0.6rem 1.25rem;
  font-weight: 600;
}

.btn-admin:hover {
  background-color: var(--admin-navy-hover);
  color: #ffffff;
}

.btn-admin-outline {
  background: transparent;
  color: var(--admin-navy);
  border: 1px solid var(--admin-navy);
  border-radius: 999px;
}

.btn-admin-outline:hover {
  background-color: var(--admin-navy);
  color: #ffffff;
}

/* ============================================================
   FORM CONTROLS
============================================================ */
.admin-form label {
  font-weight: 600;
  color: var(--admin-navy);
}

.admin-form .form-control {
  border-radius: 10px;
  border: 1px solid var(--admin-border);
}

.admin-form .form-control:focus {
  border-color: var(--admin-navy);
  box-shadow: 0 0 0 0.15rem rgba(11, 28, 45, 0.15);
}

/* ============================================================
   INPUT GROUP BUTTON (EYE ICON)
============================================================ */
.admin-input-btn {
  border-radius: 0 10px 10px 0;
  border: 1px solid var(--admin-border);
  background: #ffffff;
}

.admin-input-btn:hover {
  background-color: #f1f5f9;
}

/* ============================================================
   LINKS
============================================================ */
.admin-link {
  color: var(--admin-navy);
  text-decoration: none;
  font-weight: 500;
}

.admin-link:hover {
  color: var(--admin-navy-hover);
  text-decoration: underline;
}

/* ============================================================
   FOOTER TEXT
============================================================ */
.admin-footer {
  color: #6b7280;
  font-size: 0.85rem;
  text-align: center;
  margin-top: 1rem;
}