/* LiciBase V64 — identidade proprietária amarela, grafite e branca. */
:root {
  --lb-yellow: #f5b400;
  --lb-yellow-hover: #d99f00;
  --lb-yellow-soft: #fff5d6;
  --lb-gold-text: #8a5b00;
  --lb-graphite: #111820;
  --lb-graphite-2: #26313b;
  --lb-canvas: #f7f8fa;
  --mui-primary: var(--lb-gold-text);
  --mui-primary-dark: var(--lb-graphite);
  --mui-primary-light: var(--lb-yellow-soft);
  --blue: var(--lb-gold-text);
  --blue-soft: var(--lb-yellow-soft);
  --navy: var(--lb-graphite);
  --navy-2: var(--lb-graphite-2);
  --lp-accent: var(--lb-yellow);
  --lp-accent-2: var(--lb-yellow-hover);
  --lp-dark: var(--lb-graphite);
  --landing-soft-blue: var(--lb-yellow-soft);
}

::selection { color: var(--lb-graphite); background: var(--lb-yellow); }
:focus-visible { outline-color: var(--lb-yellow-hover) !important; }

.brand-mark, .landing-brand-mark, .login-brand-mark, .mini-mark {
  color: transparent !important;
  overflow: hidden;
  background: url("licibase-mark.svg") center/contain no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-indent: -999px;
}
.landing-page .landing-brand-mark,
.login-page .login-brand-mark,
.signup-page .login-brand-mark {
  color: transparent !important;
  background: url("licibase-mark.svg") center/contain no-repeat !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.brand-mark { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; }
.landing-brand-mark, .login-brand-mark { width: 42px !important; height: 42px !important; }
.mini-mark { width: 25px !important; height: 25px !important; }

.app-page .sidebar .brand-copy strong,
.landing-brand strong,
.login-brand strong { color: var(--lb-graphite) !important; }
.app-page .side-nav a.active {
  color: var(--lb-graphite) !important;
  background: var(--lb-yellow-soft) !important;
  box-shadow: inset 3px 0 0 var(--lb-yellow) !important;
}
.app-page .side-nav a.active .nav-icon { color: var(--lb-graphite) !important; }
.app-page .sidebar-status .status-dot.ok { background: var(--lb-yellow) !important; }
.app-page .mobile-nav-item.active { color: var(--lb-graphite) !important; }
.app-page .mobile-nav-item.active::before { background: var(--lb-yellow) !important; }

.btn.btn-primary, button.btn-primary, input[type="submit"].btn-primary,
.landing-cta.primary, .login-submit, .signup-submit, .login-box button,
.landing-page .lp-btn-primary {
  color: var(--lb-graphite) !important;
  background: var(--lb-yellow) !important;
  border-color: var(--lb-yellow) !important;
  box-shadow: none !important;
}
.btn.btn-primary:hover, button.btn-primary:hover, input[type="submit"].btn-primary:hover,
.landing-cta.primary:hover, .login-submit:hover, .signup-submit:hover, .login-box button:hover,
.landing-page .lp-btn-primary:hover {
  background: var(--lb-yellow-hover) !important;
  border-color: var(--lb-yellow-hover) !important;
}
a { text-decoration-color: rgba(138,91,0,.35); }
.section-kicker, .eyebrow, .kicker, .card-kicker { color: var(--lb-gold-text) !important; }
.badge.blue, .tag.blue, .source-badge, .obra-source {
  color: var(--lb-graphite) !important;
  background: var(--lb-yellow-soft) !important;
  border-color: #f0cf70 !important;
}
.progress > span, .progress-bar > span { background: var(--lb-yellow) !important; }
.metric-card.featured, .summary-card.featured, .radar-hero {
  color: #fff !important;
  background: linear-gradient(145deg, var(--lb-graphite), var(--lb-graphite-2)) !important;
}
.metric-card.featured .muted, .summary-card.featured .muted, .radar-hero .muted { color: #d8dde2 !important; }

.landing-page, .login-page, .signup-page { background: var(--lb-canvas) !important; }
.landing-nav { border-bottom-color: #e7e1d3 !important; }
.landing-page .hero-construction { background:radial-gradient(circle at 84% 15%,rgba(245,180,0,.14),transparent 28%),linear-gradient(180deg,#fff 0%,#fffaf0 100%)!important }
.landing-page .hero-construction::after { border-color:rgba(245,180,0,.16)!important;box-shadow:0 0 0 100px rgba(245,180,0,.035),0 0 0 200px rgba(245,180,0,.02)!important }
.landing-hero em, .landing-highlight { color: var(--lb-yellow-hover) !important; }
.landing-final-cta, .landing-page .final-cta, .signup-aside { background: var(--lb-graphite) !important; }
.signup-page .signup-aside { background:linear-gradient(155deg,#111820,#26313b 72%,#111820)!important }
.signup-page .signup-aside .landing-brand strong { color:#fff!important }
.login-page button[type="submit"], .signup-page button[type="submit"] { color:var(--lb-graphite)!important;background:var(--lb-yellow)!important;border-color:var(--lb-yellow)!important }
.login-page button[type="submit"]:hover, .signup-page button[type="submit"]:hover { background:var(--lb-yellow-hover)!important;border-color:var(--lb-yellow-hover)!important }
.landing-final-cta .landing-cta.primary { color: var(--lb-graphite) !important; }
.login-card, .signup-card { border-color: #e6ddc9 !important; }
.login-page::before, .signup-page::before {
  background-image: linear-gradient(rgba(245,180,0,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(245,180,0,.055) 1px, transparent 1px) !important;
}

@media (max-width: 760px) {
  .brand-mark { width: 30px !important; height: 30px !important; flex-basis: 30px !important; }
}