/**
 * eGoodGov theme – matches login page palette for a uniform, professional look.
 * Colors: #0f172a (slate-900), #1e40af / #1d4ed8 / #3b82f6 (blue), #f8fafc, #e2e8f0, #64748b, #334155.
 */

/* ---- Body & main content (auth pages) ---- */
body.g-sidenav-show {
  background-color: #f1f5f9 !important;
  color: #334155;
}

.main-content {
  background-color: #f1f5f9 !important;
  background-image: none;
}

.main-content .container-fluid {
  color: #334155;
}

/* ---- Sidebar (sidenav) – dark like login, readable ---- */
#sidenav-main {
  background: #0f172a !important;
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(59, 130, 246, 0.08), transparent) !important;
  border: none !important;
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.08);
}

#sidenav-main .sidenav-header {
  padding: 1rem 1rem 1rem 0.75rem;
  border-color: rgba(248, 250, 252, 0.08) !important;
}

#sidenav-main .sidenav-brand {
  border-radius: 10px;
  padding: 0.5rem 0.5rem 0.5rem 0;
  text-decoration: none;
  transition: background 0.15s;
}

#sidenav-main .sidenav-brand:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* Logo image – zoomed, consistent size, professional */
#sidenav-main .sidenav-brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

#sidenav-main .sidenav-brand .navbar-brand-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
}

/* Brand text – clear hierarchy */
#sidenav-main .sidenav-brand-text {
  margin-left: 0.75rem;
  color: #f8fafc !important;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

#sidenav-main .hr.horizontal {
  border-color: rgba(248, 250, 252, 0.08) !important;
}

/* Main nav links – color only (original font size) */
#sidenav-main .navbar-nav > .nav-item > .nav-link {
  color: #e2e8f0 !important;
  border-radius: 10px;
  margin: 0 0.5rem;
  padding: 0.6rem 1rem;
}

#sidenav-main .nav-link:hover {
  color: #f8fafc !important;
  background: rgba(59, 130, 246, 0.15) !important;
}

#sidenav-main .nav-link.active {
  color: #fff !important;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
  font-weight: 600;
}

#sidenav-main .nav-link .nav-link-text {
  color: inherit;
}

#sidenav-main .nav-link.active .nav-link-text {
  color: #fff;
}

/* Icons – visible on dark background */
#sidenav-main .icon-shape.bg-white {
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none;
}

#sidenav-main .icon-shape svg,
#sidenav-main .icon-shape svg path {
  fill: #cbd5e1 !important;
  stroke: #cbd5e1 !important;
}

#sidenav-main .icon-shape .ni,
#sidenav-main .icon-shape i {
  color: #cbd5e1 !important;
}

#sidenav-main .nav-link:hover .icon-shape svg,
#sidenav-main .nav-link:hover .icon-shape svg path {
  fill: #f8fafc !important;
  stroke: #f8fafc !important;
}

#sidenav-main .nav-link:hover .icon-shape i {
  color: #f8fafc !important;
}

#sidenav-main .nav-link.active .icon-shape {
  background: rgba(255, 255, 255, 0.25) !important;
}

#sidenav-main .nav-link.active .icon-shape svg,
#sidenav-main .nav-link.active .icon-shape svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

#sidenav-main .nav-link.active .icon-shape .ni,
#sidenav-main .nav-link.active .icon-shape i {
  color: #fff !important;
}

/* Section labels (Services, Project Management, Account Setting, System Settings) – color only */
#sidenav-main h6.text-uppercase {
  color: #94a3b8 !important;
  opacity: 1;
}

/* Submenu container (e.g. eKalinga submenu) */
#sidenav-main .sidenav-submenu {
  list-style: none;
  padding: 0.25rem 0 0.25rem 0;
  margin: 0 0.5rem 0 0.75rem;
  border-left: 2px solid rgba(148, 163, 184, 0.35);
}

/* Submenu links – icon + text, professional layout */
#sidenav-main .sidenav-submenu-link {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem 0.5rem 1rem !important;
  margin: 0.125rem 0;
  border-radius: 8px;
  color: #94a3b8 !important;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s, background 0.15s;
}

#sidenav-main .sidenav-submenu-link .sidenav-submenu-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  opacity: 0.9;
}

#sidenav-main .sidenav-submenu-link .sidenav-submenu-icon svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
}

#sidenav-main .sidenav-submenu-link .sidenav-submenu-text {
  color: inherit;
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
}

#sidenav-main .sidenav-submenu-link:hover {
  color: #e2e8f0 !important;
  background: rgba(59, 130, 246, 0.1) !important;
}

#sidenav-main .sidenav-submenu-link:hover .sidenav-submenu-icon {
  color: #e2e8f0;
}

#sidenav-main .sidenav-submenu-link.active {
  color: #93c5fd !important;
  background: rgba(59, 130, 246, 0.15) !important;
  font-weight: 600;
}

#sidenav-main .sidenav-submenu-link.active .sidenav-submenu-icon {
  color: #93c5fd;
}

/* Legacy submenu (sidenav-normal) – keep for any other submenus */
#sidenav-main .nav .nav-link .sidenav-normal {
  color: inherit;
}

/* ---- Top navbar ---- */
/* Navbar – same dark theme as sidebar for uniformity */
.navbar-main {
  background: #0f172a !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(248, 250, 252, 0.08);
  border-radius: 12px;
}

.navbar-main .breadcrumb-item a,
.navbar-main .breadcrumb-item.text-dark {
  color: #94a3b8 !important;
}

.navbar-main .breadcrumb-item a:hover {
  color: #e2e8f0 !important;
}

.navbar-main .breadcrumb-item.active {
  color: #f8fafc !important;
}

.navbar-main h6.font-weight-bolder {
  color: #f8fafc !important;
}

.navbar-main .nav-link.text-body,
.navbar-main .nav-link.p-0 {
  color: #e2e8f0 !important;
}

.navbar-main .nav-link:hover {
  color: #f8fafc !important;
}

/* Search input in navbar – dark style */
.navbar-main .input-group-text {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(248, 250, 252, 0.12);
  border-right: none;
  border-radius: 8px 0 0 8px;
  color: #94a3b8 !important;
}

.navbar-main .form-control {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(248, 250, 252, 0.12);
  border-radius: 0 8px 8px 0;
  color: #f8fafc !important;
}

.navbar-main .form-control::placeholder {
  color: #94a3b8;
}

.navbar-main .form-control:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
  color: #f8fafc !important;
}

/* Navbar dropdowns – dark to match */
.navbar-main .dropdown-menu {
  background: #1e293b !important;
  border: 1px solid rgba(248, 250, 252, 0.1);
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.navbar-main .dropdown-item {
  color: #e2e8f0 !important;
}

.navbar-main .dropdown-item:hover {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #f8fafc !important;
}

.navbar-main .dropdown-divider {
  border-color: rgba(248, 250, 252, 0.1);
}

.navbar-main .dropdown-item.text-danger {
  color: #f87171 !important;
}

.navbar-main .dropdown-item.text-danger:hover {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #fca5a5 !important;
}

/* Navbar search results dropdown – theme colors only */
#navbar-search-results {
  background: #1e293b !important;
  border: 1px solid rgba(248, 250, 252, 0.1) !important;
}
#navbar-search-results .list-group-item {
  background: transparent !important;
  border-color: rgba(248, 250, 252, 0.06);
  color: #e2e8f0 !important;
}
#navbar-search-results .list-group-item-action:hover {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #f8fafc !important;
}
#navbar-search-results #navbar-search-placeholder,
#navbar-search-results #navbar-search-loading,
#navbar-search-results #navbar-search-empty {
  color: #94a3b8 !important;
  background: transparent !important;
  border-color: rgba(248, 250, 252, 0.06);
}

/* ---- Primary button (login style) ---- */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
a.btn-primary {
  background: #1e40af !important;
  border-color: #1e40af !important;
  color: #fff !important;
}

.btn-primary:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

/* Outline primary */
.btn-outline-primary {
  border-color: #3b82f6 !important;
  color: #3b82f6 !important;
}

.btn-outline-primary:hover {
  background: #3b82f6 !important;
  color: #fff !important;
  border-color: #3b82f6 !important;
}

/* ---- Cards ---- */
.main-content .card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.main-content .card-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  font-weight: 600;
  border-radius: 12px 12px 0 0;
}

.main-content .card-header .mb-0,
.main-content .card-header h5,
.main-content .card-header h6 {
  color: #0f172a !important;
}

.main-content .card-body {
  color: #334155;
}

/* Gradient cards (ledger, etc.) – keep but align blue where primary */
.bg-gradient-primary {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
}

.bg-gradient-success {
  background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
}

.bg-gradient-info {
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
}

.bg-gradient-warning {
  background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%) !important;
}

/* ---- Tables ---- */
.main-content .table thead th {
  color: #64748b !important;
  font-weight: 600;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #e2e8f0 !important;
}

.main-content .table tbody td {
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}

.main-content .table tbody tr:hover {
  background: #f8fafc;
}

.main-content .table .text-secondary {
  color: #64748b !important;
}

/* ---- Forms ---- */
.main-content .form-control,
.main-content .form-select {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #0f172a;
}

.main-content .form-control:focus,
.main-content .form-select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.main-content .form-control-label,
.main-content label {
  color: #334155;
  font-weight: 500;
}

/* ---- Badges ---- */
.badge.bg-gradient-primary,
.badge.bg-primary {
  background: #1e40af !important;
}

.badge.bg-gradient-success,
.badge.bg-success {
  background: #16a34a !important;
}

.badge.bg-gradient-secondary,
.badge.bg-secondary {
  background: #64748b !important;
}

/* ---- Page titles (h4, section headers) ---- */
.main-content h4,
.main-content .mb-5.ps-3 h4 {
  color: #0f172a !important;
  font-weight: 700;
}

.main-content .text-sm.text-secondary,
.main-content .font-weight-normal.text-sm {
  color: #64748b !important;
}

/* ---- Breadcrumb ---- */
.breadcrumb-item a {
  color: #3b82f6 !important;
}

.breadcrumb-item.active {
  color: #64748b !important;
}

/* ---- Footer – same dark theme as sidebar/navbar for uniformity ---- */
.egoodgov-theme .footer .copyright,
.egoodgov-theme .footer .text-muted {
  color: #94a3b8 !important;
  font-weight: 600;
  font-size: 1.05rem;
}

.egoodgov-theme .footer .footer-year,
.egoodgov-theme .footer .copyright span[style*="FFD700"] {
  color: #fbbf24 !important;
}

.egoodgov-theme .footer .footer-org,
.egoodgov-theme .footer .copyright span[style*="218838"] {
  color: #86efac !important;
}

/* ---- Profile / User profile header (override purple/green) ---- */
.profile-header-bg {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
}

/* User profile hero (laravel-examples user-profile) – match login blue */
.card-header.text-white[style*="gradient"],
.card-header[style*="28a745"] {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
}

/* ---- Responsive ---- */
@media (max-width: 1199.98px) {
  #sidenav-main {
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
  }
}

@media (max-width: 575.98px) {
  .main-content .container-fluid {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .navbar-main .container-fluid {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}