/* Identidade oficial InMaps — #090037 marinho, #FFB41D laranja. */
body.user-page {
  --ink: #090037;
  --muted: #6f6884;
  --line: #e5e0ed;
  --card: #fff;
  --mint: #ffb41d;
  --green: #090037;
  --deep: #090037;
  --soft: #fff8e9;
  background: #e8e3f0;
}

.user-page .mobile-shell {
  background: #fbfaff;
  box-shadow: 0 0 60px rgba(9, 0, 55, 0.18);
}

.user-page .splash {
  background: #fff;
  color: #090037;
}

.splash-logo {
  display: block;
  width: min(88%, 380px);
  height: auto;
}

.user-page .splash small {
  color: #6f6884;
  letter-spacing: 0.5px;
  margin-top: 20px;
}

.brand-lockup {
  display: flex;
  align-items: center;
}

.brand-lockup img {
  display: block;
  width: 118px;
  max-height: 31px;
  object-fit: contain;
  object-position: left center;
}

.user-page .login {
  background: linear-gradient(160deg, #fff9eb, #fbfaff 60%, #f1edf7);
}

.user-page .arrival {
  background: linear-gradient(150deg, #fff7e2, #fbfaff);
}

.user-page .arrival-mark {
  background: #ffb41d;
  color: #090037;
}

.user-page .environment-card,
.user-page .navigation {
  background: #090037;
}

.user-page .environment-card .place-icon,
.user-page .destination-card,
.user-page .report-problem {
  background: #21175c;
}

.user-page .environment-card .place-icon,
.user-page .navigation .choice-icon,
.user-page .direction-hero p {
  color: #ffb41d;
}

.user-page .trip {
  background: linear-gradient(180deg, #fbfaff, #f2eef8);
}

.user-page .choice-icon,
.user-page .offline-pill,
.user-page .qr-banner {
  background: #fff0c4;
  color: #090037;
}

.user-page .destination .choice-icon {
  background: #ffe4a1;
  color: #765000;
}

.user-page .route-facts div,
.user-page .anomaly-field select,
.user-page .anomaly-field textarea,
.user-page .anomaly-field input {
  background: #f3eff8;
}

.user-page .progress {
  background: #3a306e;
}

.user-page #toast {
  background: #090037;
}

.user-page .qr-camera {
  background: #090037;
}

.user-page .qr-guide {
  border-color: #ffb41d;
  box-shadow: 0 0 0 999px rgba(9, 0, 55, 0.24);
}

body.training-page {
  color: #090037;
  background: #e8e3f0;
}

.training-page .training-shell {
  background: #fbfaff;
}

.training-page header a,
.training-page .offline,
.training-page .eyebrow {
  color: #090037;
}

.training-page .offline,
.training-page .sensor-state,
.training-page .secondary {
  background: #fff0c4;
  color: #090037;
}

.training-page .intro,
.training-page .hint,
.training-page #complete-detail,
.training-page .metrics small,
.training-page .metrics em {
  color: #6f6884;
}

.training-page input,
.training-page .metrics article {
  border-color: #e5e0ed;
  color: #090037;
}

.training-page .primary,
.training-page #toast {
  background: #090037;
  color: #fff;
}

.training-page .success {
  background: #ffb41d;
  color: #090037;
}

body.admin-page {
  --ink: #fffdf8;
  --muted: #b8b0cf;
  --panel: #160c4a;
  --panel-2: #21165c;
  --line: rgba(255, 180, 29, 0.18);
  --accent: #ffb41d;
  --accent-dark: #090037;
  --blue: #ffd16c;
  background: radial-gradient(circle at 90% 0%, #281b68 0, transparent 30rem), #090037;
}

.admin-page .sidebar {
  background: rgba(9, 0, 55, 0.9);
}

.admin-page .brand {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 9px 11px;
  border-radius: 11px;
  background: #fffdf8;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.admin-page .brand img {
  display: block;
  width: 160px;
  height: auto;
}

.admin-page nav a:hover,
.admin-page nav a.active {
  background: rgba(255, 180, 29, 0.12);
}

.admin-page .status-dot {
  box-shadow: 0 0 0 4px rgba(255, 180, 29, 0.12);
}

.admin-page .hero-card {
  background: linear-gradient(112deg, rgba(33, 22, 92, 0.96), rgba(16, 7, 65, 0.78));
}

.admin-page .primary {
  color: #090037;
}

.admin-page #toast {
  background: #ffedc0;
  color: #090037;
}

.admin-page .diagnostic-card.pass > span {
  color: #090037;
}