/* ANPR v15.2 Theme + Logo Upgrade */

:root {
  --anpr-dark-1: #071018;
  --anpr-dark-2: #101820;
  --anpr-dark-3: #1f292c;
  --anpr-blue: #00aeef;
  --anpr-blue-2: #006e9d;
  --anpr-card-dark: rgba(10, 19, 28, .92);
  --anpr-border-dark: rgba(0, 174, 239, .22);
}

/* Bigger sidebar logo */
.brand-link {
  min-height: 118px !important;
  padding: 10px 8px !important;
  background: radial-gradient(circle at top, #23373f 0%, #101820 80%) !important;
}

.brand-link .anpr-sidebar-logo,
.anpr-sidebar-logo {
  max-height: 104px !important;
  width: auto !important;
  transform: scale(1.18);
  transform-origin: center;
}

/* Better sidebar colours */
.main-sidebar {
  background: linear-gradient(180deg, #1f292c 0%, #101820 100%) !important;
}

.sidebar .user-panel {
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.nav-sidebar .nav-link.active {
  background: linear-gradient(90deg, #005d8a, #00aeef) !important;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(0, 174, 239, .20);
}

.nav-sidebar .nav-icon {
  color: #8ddbff !important;
}

/* Login background inspired by the mockup */
.anpr-login-page,
body.anpr-login-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 48% 28%, rgba(0,174,239,.18) 0%, rgba(0,174,239,0) 23%),
    linear-gradient(135deg, rgba(0,174,239,.12) 0%, rgba(0,174,239,0) 28%),
    linear-gradient(180deg, #071018 0%, #101820 48%, #061018 100%) !important;
  background-attachment: fixed;
}

.anpr-login-page:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0%, transparent 42%, rgba(0,174,239,.13) 44%, transparent 48%),
    linear-gradient(115deg, transparent 0%, transparent 58%, rgba(0,110,157,.22) 60%, transparent 65%);
  filter: blur(2px);
}

/* Bigger login logo and polished card */
.anpr-login-card,
.login-box,
.card.login-card {
  max-width: 560px !important;
  width: 560px !important;
}

.anpr-login-card,
.login-box .card,
.card.login-card {
  background: rgba(255,255,255,.96) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.42) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}

.anpr-login-logo {
  width: 460px !important;
  max-width: 98% !important;
  display: block !important;
  margin: 0 auto 28px auto !important;
}

.login-box img[src*="anpr_logo"],
.anpr-login-page img[src*="anpr_logo"] {
  width: 460px !important;
  max-width: 98% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 28px auto !important;
}

/* Remove old login title/artifacts visually as fallback */
.anpr-login-card h1,
.anpr-login-card h2,
.anpr-login-card h3,
.login-box-msg,
.card-header:has(+ .card-body) {
  display: none !important;
}

/* Theme toggle */
.anpr-theme-toggle {
  border: 1px solid rgba(0,174,239,.25);
  border-radius: 8px;
  padding: 6px 10px;
  margin-right: 10px;
  cursor: pointer;
  background: rgba(0,174,239,.08);
  color: #005d8a;
}

/* Dark mode for app */
body.anpr-dark-mode {
  background: #071018 !important;
  color: #e9eef2;
}

body.anpr-dark-mode .content-wrapper,
body.anpr-dark-mode .main-header {
  background: linear-gradient(180deg, #071018 0%, #101820 100%) !important;
  color: #e9eef2 !important;
}

body.anpr-dark-mode .card,
body.anpr-dark-mode .info-box,
body.anpr-dark-mode .small-box {
  background: var(--anpr-card-dark) !important;
  color: #e9eef2 !important;
  border: 1px solid var(--anpr-border-dark) !important;
  box-shadow: 0 0 18px rgba(0,174,239,.08) !important;
}

body.anpr-dark-mode .card-header {
  background: rgba(0,174,239,.08) !important;
  border-bottom: 1px solid var(--anpr-border-dark) !important;
  color: #fff !important;
}

body.anpr-dark-mode .table,
body.anpr-dark-mode table {
  color: #e9eef2 !important;
}

body.anpr-dark-mode .table th,
body.anpr-dark-mode .table td {
  border-color: rgba(255,255,255,.10) !important;
}

body.anpr-dark-mode .table thead th {
  background: rgba(0,174,239,.10) !important;
  color: #fff !important;
}

body.anpr-dark-mode input,
body.anpr-dark-mode select,
body.anpr-dark-mode textarea,
body.anpr-dark-mode .form-control {
  background: #0d1822 !important;
  color: #e9eef2 !important;
  border-color: rgba(0,174,239,.25) !important;
}

body.anpr-dark-mode .anpr-page-title,
body.anpr-dark-mode h1,
body.anpr-dark-mode h2,
body.anpr-dark-mode h3 {
  color: #fff !important;
}

body.anpr-dark-mode .anpr-page-subtitle,
body.anpr-dark-mode .text-muted {
  color: #9fb5c7 !important;
}

/* Light mode stays clean */
body.anpr-light-mode .content-wrapper {
  background: #f4f7fb !important;
}

/* v18.13 login logo cleanup */
.login-box .card, .card.login-card { overflow: visible !important; }
.login-card-body { overflow: visible !important; padding: 22px !important; }
.anpr-login-logo,
.login-box img[src*="anpr_login_logo"],
.anpr-login-page img[src*="anpr_login_logo"] {
  width: 460px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 24px auto !important;
  border: 1px solid rgba(0,174,239,.25);
  border-radius: 8px;
}