/* GDP brand + AdminLTE 3->4 markup compat, layered over Bootstrap 5.3.8 + AdminLTE 4.
   Loaded AFTER adminlte4.min.css. */

/* Links: restore the pre-Bootstrap-5 default (no underline; underline on hover only). */
a:not(.btn) { text-decoration: none; }
a:not(.btn):hover { text-decoration: underline; }
.nav-link, .navbar-nav .nav-link, .sidebar-menu .nav-link { text-decoration: none !important; }

/* Brand primary = GDP gold (#DD8D00), replacing Bootstrap's default blue.
   Matches GDP's themed Bootstrap (--bs-primary:#DD8D00). */
:root {
  --bs-primary: #DD8D00;
  --bs-primary-rgb: 221, 141, 0;
  --bs-link-color: #212529;
  --bs-link-color-rgb: 33, 37, 41;
  --bs-link-hover-color: #DD8D00;
  --bs-link-hover-color-rgb: 221, 141, 0;
}
.btn-primary {
  --bs-btn-bg: #DD8D00; --bs-btn-border-color: #DD8D00; --bs-btn-color: #fff;
  --bs-btn-hover-bg: #b87400; --bs-btn-hover-border-color: #b87400; --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #b87400; --bs-btn-active-border-color: #b87400; --bs-btn-active-color: #fff;
  --bs-btn-disabled-bg: #DD8D00; --bs-btn-disabled-border-color: #DD8D00; --bs-btn-disabled-color: #fff;
}
.btn-outline-primary {
  --bs-btn-color: #DD8D00; --bs-btn-border-color: #DD8D00;
  --bs-btn-hover-bg: #DD8D00; --bs-btn-hover-border-color: #DD8D00; --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #DD8D00; --bs-btn-active-border-color: #DD8D00;
}
.bg-primary { background-color: #DD8D00 !important; }
.text-primary { color: #DD8D00 !important; }
.text-bg-primary { background-color: #DD8D00 !important; color: #fff !important; }
.border-primary { border-color: #DD8D00 !important; }
.badge.bg-primary { background-color: #DD8D00 !important; }
.alert-primary { --bs-alert-color: #6a4400; --bs-alert-bg: #f8ecd1; --bs-alert-border-color: #f4e1b8; }
.form-check-input:checked { background-color: #DD8D00; border-color: #DD8D00; }
.page-item.active .page-link { background-color: #DD8D00; border-color: #DD8D00; }
.nav-pills .nav-link.active, .list-group-item.active { background-color: #DD8D00; border-color: #DD8D00; }

/* Info recolored to GDP gold (black text for contrast; ~8:1 vs white's ~2.6:1). */
:root { --bs-info: #DD8D00; --bs-info-rgb: 221, 141, 0; }
.bg-info { background-color: #DD8D00 !important; color: #000 !important; }
.text-info { color: #DD8D00 !important; }
.text-bg-info { background-color: #DD8D00 !important; color: #000 !important; }
.badge.bg-info, .badge.text-bg-info { background-color: #DD8D00 !important; color: #000 !important; }
.btn-info {
  --bs-btn-bg: #DD8D00; --bs-btn-border-color: #DD8D00; --bs-btn-color: #000;
  --bs-btn-hover-bg: #b87400; --bs-btn-hover-border-color: #b87400; --bs-btn-hover-color: #000;
  --bs-btn-active-bg: #b87400; --bs-btn-active-border-color: #b87400; --bs-btn-active-color: #000;
}
.btn-outline-info {
  --bs-btn-color: #DD8D00; --bs-btn-border-color: #DD8D00;
  --bs-btn-hover-bg: #DD8D00; --bs-btn-hover-border-color: #DD8D00; --bs-btn-hover-color: #000;
}
.alert-info { --bs-alert-color: #6a4400; --bs-alert-bg: #f8ecd1; --bs-alert-border-color: #f4e1b8; }
.info-box .info-box-icon.bg-info { color: #000 !important; }

/* Masthead: fixed 55px brand strip at the very top; offset the AdminLTE 4 layout below it.
   Visual rule ported from the removed adminlte.css. */
.masthead {
  position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 55px;
  display: flex; align-items: center; gap: .5rem; padding: 0 1rem; margin: 0;
  background-color: #212529 !important; color: #fff;
  font-family: "SansSerifFLF"; font-weight: bold !important; font-size: 2.5rem;
  text-transform: uppercase; border-bottom: 3px solid #DD8D00; z-index: 1049;
}
body { padding-top: 55px; }
.app-wrapper { min-height: calc(100vh - 55px); }
.app-sidebar { top: 55px !important; max-height: calc(100vh - 55px) !important; }

/* AdminLTE 3 component classes dropped by AdminLTE 4 but still used in the markup. */
.img-circle { border-radius: 50%; }
.elevation-1 { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24) !important; }
.elevation-2 { box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23) !important; }
.elevation-3 { box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23) !important; }
.elevation-4 { box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22) !important; }
.btn-dark { --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; }
.btn-xs { padding: .125rem .375rem; font-size: .75rem; line-height: 1.4; border-radius: .2rem; }
.btn-flat { border-radius: 0; box-shadow: none; }

/* Sidebar user panel (AdminLTE 3 markup) */
.app-sidebar .user-panel { border-bottom: 1px solid rgba(255,255,255,.1); padding: .5rem .75rem; }
.app-sidebar .user-panel .image img { width: 2.1rem; height: 2.1rem; object-fit: cover; }
.app-sidebar .user-panel .info { padding: 0 .35rem; font-size: 1rem; display: inline-block; }

/* Login page: the login-box is bg-dark, so render its text light. */
.login-box .login-box-msg, .login-box .login-card-body { color: #fff; }