.app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--exec-surface, #f5f9fc);
}

.app-main-grow {
  flex: 1 0 auto;
  width: 100%;
}

body.admin-dark-bg {
  background: #0f172a;
}

.app-theme-dark {
  --dark-bg: #383457;
  --dark-surface: #4f4b68;
  --dark-surface-2: #716a9c;
  --dark-border: #334155;
  --dark-input: #565656;
  --dark-text: #f1f5f9;
  --dark-text-soft: #94a3b8;
  background: #0f172a;
  color: #f1f5f9;
}

.app-theme-dark .card,
.app-theme-dark .auth-left,
.app-theme-dark .modal-card,
.app-theme-dark .consulta-card-item,
.app-theme-dark .recovery-card,
.app-theme-dark .table-wrapper table th {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .hero {
  background:
    linear-gradient(90deg, #be123c 0%, #e11d48 45%, #7dd3fc 100%) no-repeat top center / 100% 4px,
    linear-gradient(165deg, var(--dark-surface) 0%, var(--dark-surface-2) 100%);
  border: 1px solid var(--dark-border);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
}

.app-theme-dark .form textarea,
.app-theme-dark .form input,
.app-theme-dark .form select,
.app-theme-dark .admin-theme-dark input,
.app-theme-dark .admin-theme-dark select,
.app-theme-dark .admin-theme-dark textarea {
  background: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .form input::placeholder,
.app-theme-dark .form textarea::placeholder {
  color: var(--dark-text-soft);
}

.app-theme-dark .muted,
.app-theme-dark p,
.app-theme-dark label,
.app-theme-dark .admin-kpi-label,
.app-theme-dark .admin-kpi-foot,
.app-theme-dark .admin-mini-kpis span {
  color: var(--dark-text-soft);
}

.app-theme-dark .nav-center a,
.app-theme-dark .nav-right a:not(.topbar-login-link),
.app-theme-dark .user-menu-trigger,
.app-theme-dark .user-credits {
  color: var(--dark-text);
}

.app-theme-dark .topbar {
  background: linear-gradient(180deg, var(--dark-surface-2) 0%, var(--dark-surface) 55%, var(--dark-bg) 100%);
  border-bottom-color: var(--dark-border);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.app-theme-dark .topbar-brand-consultas {
  color: var(--dark-text);
}

.app-theme-dark .topbar-brand-agora {
  color: #ffffff;
}

.app-theme-dark .topbar-login-link {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .topbar-login-link:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--dark-text-soft);
}

.app-theme-dark th,
.app-theme-dark td {
  border-bottom-color: var(--dark-border);
}

.app-theme-dark th {
  background: var(--dark-surface-2);
  color: var(--dark-text);
}

.app-theme-dark .user-menu-dropdown {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.app-theme-dark .balance-alert-dropdown {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.app-theme-dark .balance-alert-title {
  color: var(--dark-text-soft);
}

.app-theme-dark .balance-alert-value {
  color: var(--dark-text);
}

.app-theme-dark .header-corner-logo {
  border-color: var(--dark-border);
}

.app-theme-dark .custom-alert-logo {
  border-color: var(--dark-border);
}

.app-theme-dark .custom-alert-card.warning {
  background: #4b3b13;
  border-color: #8a6b20;
}

.app-theme-dark .custom-alert-card.neutral {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}

.app-theme-dark .custom-alert-message {
  color: #ffe3a0;
}

.app-theme-dark .custom-alert-card.neutral .custom-alert-message {
  color: var(--dark-text);
}

.app-theme-dark .custom-alert-title {
  color: var(--dark-text);
}

.app-theme-dark .custom-alert-icon {
  color: #ffd470;
}

.app-theme-dark .custom-alert-card.neutral .custom-alert-icon {
  color: #f0f0f0;
}

.app-theme-dark .custom-alert-actions--form-match .custom-alert-btn--secondary {
  color: var(--dark-text);
  border-color: var(--dark-border);
  background: transparent;
}

.app-theme-dark .custom-alert-actions--form-match .custom-alert-btn--secondary:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--dark-text-soft);
}

.app-theme-dark .user-menu-dropdown button {
  background: var(--dark-surface-2);
  color: var(--dark-text);
  border-color: var(--dark-border);
}

.app-theme-dark .user-menu-dropdown button:not(:last-child) {
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .user-menu-dropdown button:hover {
  background: var(--dark-surface);
  color: #fff;
}

.app-theme-dark .user-menu-dropdown button:last-child {
  color: #ffb4b4;
  border-top-color: var(--dark-border);
}

.app-theme-dark .user-menu-dropdown button:last-child:hover {
  background: rgba(180, 60, 60, 0.25);
  color: #fff;
}

.app-theme-dark .login-layout,
.app-theme-dark .auth-layout {
  border-color: var(--dark-border);
}

.app-theme-dark .login-layout .auth-left,
.app-theme-dark .auth-card,
.app-theme-dark .login-center-card {
  background: var(--dark-surface);
  color: var(--dark-text);
}

.app-theme-dark .login-auth-left {
  background: linear-gradient(180deg, var(--dark-surface-2) 0%, var(--dark-surface) 48%);
}

.app-theme-dark .login-form-card {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
}

.app-theme-dark .login-eyebrow,
.app-theme-dark .login-social-eyebrow {
  color: var(--dark-text-soft);
}

.app-theme-dark .login-title {
  color: var(--dark-text);
}

.app-theme-dark .login-lead {
  color: var(--dark-text-soft);
}

.app-theme-dark .login-portal-link {
  color: #f0f0f0;
}

.app-theme-dark .login-portal-link:hover {
  color: #f0f0f0;
}

.app-theme-dark .login-google-completion {
  background: linear-gradient(180deg, var(--dark-surface-2) 0%, var(--dark-surface) 100%);
  border-color: var(--dark-border);
}

.app-theme-dark .login-google-completion h3 {
  color: var(--dark-text);
}

.app-theme-dark .login-signup-cta-panel {
  color: #eef5fa;
}

.app-theme-dark .login-signup-cta-bg {
  background: linear-gradient(
      168deg,
      rgba(255, 255, 255, 0.05) 0%,
      rgba(255, 255, 255, 0) 38%
    ),
    linear-gradient(155deg, #0a1422 0%, #122036 44%, #183251 72%, #0d5c56 100%) !important;
}

.app-theme-dark .login-signup-cta-glow--tl {
  opacity: 0.28;
}

.app-theme-dark .login-signup-cta-glow--br {
  opacity: 0.22;
}

.app-theme-dark .login-signup-cta-bonus {
  background: rgba(255, 233, 176, 0.1);
  border-color: rgba(255, 233, 176, 0.32);
  color: #f8f1dc;
}

.app-theme-dark .login-signup-cta-pillars li {
  background: rgba(0, 0, 0, 0.22);
  border-color: rgba(255, 255, 255, 0.14);
}

.app-theme-dark .login-signup-cta-frame {
  border-color: rgba(255, 255, 255, 0.14);
}

.app-theme-dark .login-signup-cta-lead {
  color: rgba(236, 242, 252, 0.88);
}

.app-theme-dark .login-signup-cta-lead--simple {
  color: rgba(238, 245, 252, 0.88);
}

.app-theme-dark .login-signup-cta-eyebrow {
  color: rgba(186, 206, 236, 0.95);
}

.app-theme-dark .login-layout form.login-form label,
.app-theme-dark .login-layout .login-form > label,
.app-theme-dark .auth-card .form label,
.app-theme-dark .forgot-link,
.app-theme-dark .divider {
  color: var(--dark-text-soft);
}

.app-theme-dark .login-layout form.login-form input:not([type="checkbox"]),
.app-theme-dark .login-layout .login-form > input:not([type="checkbox"]),
.app-theme-dark .auth-card .form input:not([type="checkbox"]),
.app-theme-dark .auth-card .form select {
  background: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22);
}

.app-theme-dark .login-layout form.login-form input:not([type="checkbox"]):focus,
.app-theme-dark .login-layout .login-form > input:not([type="checkbox"]):focus,
.app-theme-dark .auth-card .form input:not([type="checkbox"]):focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.28);
}

.app-theme-dark .login-layout form.login-form input::placeholder,
.app-theme-dark .login-layout .login-form > input::placeholder,
.app-theme-dark .auth-card .form input::placeholder {
  color: var(--dark-text-soft);
  opacity: 1;
}

.app-theme-dark .divider::before,
.app-theme-dark .divider::after {
  background: #475569;
}

.app-theme-dark .recovery-submit-button,
.app-theme-dark .recovery-alert-ok-button {
  background: #be123c;
}

.app-theme-dark .recovery-submit-button:hover,
.app-theme-dark .recovery-alert-ok-button:hover {
  background: #fa5b74;
}

.app-theme-dark .recovery-description {
  color: var(--dark-text-soft);
}

.app-theme-dark .google-button.login-social-btn {
  background: #131314;
  color: #e3e3e3;
  border-color: #8e918f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.app-theme-dark .google-button.login-social-btn:hover {
  background: #1f1f1f;
  border-color: #a8a8a8;
}

.app-theme-dark .linkedin-button.login-social-btn {
  background: #0a66c2;
  border-color: #0a66c2;
}

.app-theme-dark .linkedin-button.login-social-btn:hover {
  background: #004182;
  border-color: #004182;
}

.app-theme-dark .login-primary-cta {
  background: linear-gradient(180deg, #38d26d 0%, #299b53 100%);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

.app-theme-dark .login-primary-cta:hover {
  filter: brightness(1.08);
}

.app-theme-dark .consulta-card-title,
.app-theme-dark .consulta-card-title-sub,
.app-theme-dark .consulta-card-price {
  color: #f3f9fe;
}

.app-theme-dark .consulta-card-subtitle {
  color: #f3f9fe;
  opacity: 0.72;
}

.app-theme-dark .consulta-card-item::before {
  display: none;
}

h1,
h2,
h3 {
  font-family: var(--font-heading);
}

.topbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px 20px;
  position: sticky;
  top: 0;
  background: linear-gradient(180deg, #716a9c 0%, #4f4b68 52%, #383457 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
  padding: 12px 20px;
  z-index: 10;
}

.topbar-brand {
  grid-column: 1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2.2vw, 1.08rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
  min-width: 0;
}

.topbar-brand-text {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.08em;
  min-width: 0;
}

.topbar-brand-consultas {
  color: rgba(255, 255, 255, 0.96);
}

.topbar-brand-agora {
  color: #ffffff;
  font-weight: 800;
  text-shadow: 0 0 24px rgba(255, 146, 72, 0.35);
}

.topbar-brand:hover .topbar-brand-agora {
  color: #fff1e3;
}

.nav-left-logo {
  grid-column: 1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.nav-center {
  display: flex;
  gap: 28px;
  align-items: center;
  grid-column: 2;
  justify-self: center;
}

.nav-center a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.88);
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.3;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.nav-center a:hover {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.nav-right {
  position: static;
  display: flex;
  align-items: center;
  grid-column: 3;
  justify-self: end;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.nav-right a:not(.topbar-login-link) {
  text-decoration: none;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
}

.topbar-login-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.38);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.topbar-login-link:hover {
  background: linear-gradient(180deg, #fdb1be 0%, #fa4964 100%);
  border-color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(190, 18, 60, 0.32);
}

.user-menu-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.user-credits-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.user-menu-trigger-short {
  display: none;
}

.nav-drawer-credits {
  display: none;
}

.header-corner-logo {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.user-credits {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
}

.user-credits--staff {
  border: 1px solid rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  padding: 7px 14px;
  white-space: nowrap;
}

.user-credits-trigger {
  border: 1px solid rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  cursor: pointer;
  padding: 7px 14px;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.user-credits-trigger:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.55);
}

.balance-alert-backdrop {
  position: fixed;
  inset: 0;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  z-index: 14;
}

.balance-alert-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(280px, calc(100vw - 24px));
  background: var(--exec-surface-elevated, #ffffff);
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-md, 14px);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.14);
  padding: 16px 18px;
  z-index: 15;
}

.balance-alert-title {
  margin: 0;
  color: #333333;
  font-size: 13px;
  font-weight: 700;
}

.balance-alert-value {
  margin: 6px 0 12px;
  color: #111111;
  font-weight: 800;
  font-size: 22px;
}

.balance-alert-value--money {
  color: #15803d;
}

.user-credits-trigger--money {
  color: #bbf7d0;
  border-color: rgba(34, 197, 94, 0.55);
  background: rgba(22, 163, 74, 0.22);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.user-credits-trigger--money:hover {
  background: rgba(22, 163, 74, 0.32);
  border-color: rgba(74, 222, 128, 0.75);
}

.user-credits-money-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.35);
  color: #ecfdf5;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  flex-shrink: 0;
}

.user-credits-trigger-text {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.credit-value--money {
  color: #15803d;
}

.balance-alert-dropdown .buy-balance-button {
  width: 100%;
}

.user-menu-trigger {
  border: 1px solid rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 999px;
  max-width: min(200px, 42vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.user-menu-trigger:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.6);
}

.user-menu-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  min-width: min(260px, calc(100vw - 24px));
  background: var(--exec-surface-elevated, #ffffff);
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-md, 14px);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16);
  display: grid;
  overflow: hidden;
  z-index: 16;
}

.user-menu-dropdown button {
  border: none;
  background: #ffffff;
  text-align: left;
  padding: 13px 16px;
  color: #111111;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.user-menu-dropdown button:not(:last-child) {
  border-bottom: 1px solid #e8eff4;
}

.user-menu-dropdown button:hover {
  background: #f4f8fb;
  color: #111111;
}

.user-menu-dropdown button:last-child {
  color: #9a2222;
  font-weight: 700;
  border-top: 1px solid #e8eff4;
  margin-top: 2px;
  padding-top: 14px;
}

.user-menu-dropdown button:last-child:hover {
  background: #fff5f5;
  color: #6f1818;
}

.page-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 20px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Fundo azul das páginas: texto solto (fora de cards brancos) em tom claro p/ legibilidade. */
.page-wrap > h1,
.page-wrap > h2,
.page-wrap > h3,
.page-wrap > p,
.page-wrap > .muted,
.page-wrap > .page-section-title,
.page-wrap > .page-section-lead {
  color: #eaf2ff;
}

.page-wrap > .muted,
.page-wrap > .page-section-lead {
  color: #c2d6f5;
}

/* Página inicial: espaço hero ↔ banner ↔ cards mais uniforme (evita dois page-wrap com padding duplo). */
.page-wrap.page-wrap--home-hero {
  padding-bottom: 12px;
}

.page-wrap.page-wrap--home-hero.page-wrap--lex-landing {
  padding-top: 0;
  padding-bottom: 0;
}

.page-wrap.page-wrap--home-hero .hero {
  margin-bottom: 0;
}

.page-wrap.page-wrap--home-main {
  padding-top: 12px;
}

/* Bloco único na home: todos os cards numa só grelha. */
.home-landing-consulta-block {
  margin-top: 1.25rem;
}

.page-wrap.page-wrap--home-main .home-landing-consulta-block > section.card {
  margin-bottom: 0;
}

.page-wrap.page-wrap--home-main > .home-landing-consulta-block:first-child {
  margin-top: 0;
}

.page-wrap.page-wrap--home-main .home-lex-consult-stack > section.card {
  margin-bottom: 0;
}

.page-wrap.page-wrap--home-main > .home-lex-consult-stack:first-child {
  margin-top: 0;
}

.hero {
  position: relative;
  background:
    linear-gradient(90deg, #be123c 0%, #e11d48 50%, #7dd3fc 100%) no-repeat top center / 100% 4px,
    linear-gradient(165deg, #ffffff 0%, #f8fafc 42%, #f1f5f9 100%);
  border-radius: var(--exec-radius-lg, 18px);
  padding: 18px 14px 16px;
  margin-bottom: 18px;
  border: 1px solid var(--exec-border, #e2e8f0);
  box-shadow:
    var(--exec-shadow, 0 4px 22px rgba(15, 23, 42, 0.07)),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.hero-main-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(300px, 52vw);
  object-fit: cover;
  border-radius: var(--exec-radius-md, 14px);
  box-shadow:
    0 2px 12px rgba(15, 23, 42, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}

/* ===== Hero minimalista ===== */
.hero.hero--executive {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: var(--exec-radius-lg, 18px);
  background: linear-gradient(165deg, #383457 0%, #4f4b68 45%, #716a9c 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 32px rgba(8, 15, 28, 0.38);
}

.hero-exec-banner {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

.hero-exec-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 25, 41, 0) 0%, rgba(12, 25, 41, 0.55) 100%);
  pointer-events: none;
}

.hero-exec-banner-img {
  display: block;
  width: 100%;
  height: clamp(72px, 16vw, 132px);
  object-fit: cover;
  object-position: center 42%;
}

.hero-exec-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  padding: clamp(28px, 5vw, 48px) clamp(20px, 5vw, 56px) clamp(36px, 7vw, 64px);
}

.hero-exec-brand {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(6px, 1vw, 10px);
  margin: 0;
  font-family: var(--font-display, var(--font-heading));
  font-size: clamp(30px, 5.5vw, 56px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.05;
  color: #f4fffb;
}

.hero-exec-brand-primary {
  color: #f0faf6;
  font-weight: 700;
}

.hero-exec-brand-accent {
  color: #38bdf8;
  font-weight: 800;
  text-shadow:
    0 0 40px rgba(255, 146, 72, 0.45),
    0 1px 0 rgba(0, 0, 0, 0.2);
}

.hero-exec-tagline {
  margin: 0;
  font-family: var(--font-display, var(--font-heading));
  font-size: clamp(12px, 2vw, 16px);
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.95);
}
@media (max-width: 640px) {
  .hero-exec-brand {
    flex-direction: column;
    gap: 0;
  }
}

.app-theme-dark .hero.hero--executive {
  background: linear-gradient(165deg, #2c2b4c 0%, #4f4b68 48%, #716a9c 100%);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
}

.card {
  background-color: var(--exec-surface-elevated, #ffffff);
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-lg, 18px);
  padding: 22px 24px;
  margin-bottom: 18px;
  box-shadow: var(--exec-shadow, 0 4px 22px rgba(15, 23, 42, 0.07));
}

.content-card {
  line-height: 1.7;
}

.top-credits-card {
  margin-top: 6px;
}

.user-area-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 14px;
  margin-bottom: 14px;
  align-items: stretch;
}

.user-area-top-grid > .area-header-plain,
.user-area-top-grid > .top-credits-card {
  margin: 0;
  height: 100%;
}

.user-area-credits-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.user-area-credits-card .credit-value {
  margin-bottom: 16px;
}

.area-header-plain {
  margin-bottom: 14px;
  padding: 18px 20px;
  border-radius: var(--exec-radius-lg, 18px);
  border: 1px solid var(--exec-border, #e2e8f0);
  background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
  box-shadow: var(--exec-shadow, 0 4px 22px rgba(15, 23, 42, 0.07));
}

.area-header-plain h2 {
  margin: 0;
  font-size: clamp(1.25rem, 3.5vw, 1.5rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--exec-navy-mid, #111111);
}

.user-area-identity {
  margin: 10px 0 0;
  color: #333333;
  font-weight: 600;
  line-height: 1.55;
  font-size: 0.92rem;
}

.admin-theme-dark .area-header-plain {
  background: linear-gradient(180deg, #565656 0%, #1e293b 100%);
  border-color: #475569;
}

.admin-theme-dark .area-header-plain h2 {
  color: #f4f9fe;
}

.admin-theme-dark .user-area-identity {
  color: #f0f0f0;
}

.whatsapp-inline-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.whatsapp-edit-icon {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 0;
}

.whatsapp-edit-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.whatsapp-edit-input {
  min-height: 34px;
  border: 1px solid #c8e8d7;
  border-radius: 8px;
  padding: 6px 8px;
  font: inherit;
  color: #111111;
}

.whatsapp-edit-action {
  border: none;
  border-radius: 8px;
  background: #e11d48;
  color: #ffffff;
  font-weight: 700;
  padding: 7px 10px;
  cursor: pointer;
}

.whatsapp-edit-action.secondary {
  background: #7daa91;
}

.form {
  display: grid;
  gap: 10px;
}

.form label {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  color: #111111;
}

.form textarea,
.form input,
.form select {
  width: 100%;
  border: 1px solid var(--exec-border-strong, #b8e6cc);
  border-radius: var(--exec-radius-md, 14px);
  padding: 12px 14px;
  font-family: inherit;
  min-height: 46px;
  background: #fff;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.form textarea:focus,
.form input:focus,
.form select:focus {
  outline: none;
  border-color: var(--exec-blue, #e11d48);
  box-shadow: 0 0 0 3px rgba(23, 138, 85, 0.18);
}

.form input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.form input[type="number"]::-webkit-outer-spin-button,
.form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form select {
  width: fit-content;
  border: 1px solid var(--exec-border-strong, #b8e6cc);
  border-radius: var(--exec-radius-sm, 10px);
  padding: 8px 12px;
  font-family: inherit;
  min-height: 42px;
  background: #fff;
}

.form textarea {
  resize: vertical;
  min-height: 110px;
}

.form textarea::placeholder,
.form input::placeholder {
  color: #64748b;
  opacity: 1;
}

.form button {
  width: fit-content;
  border: none;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  font-family: var(--font-cta);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 12px 22px;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.28);
  transition:
    transform 0.12s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease;
}

.form button:hover:not(:disabled) {
  filter: brightness(1.04);
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.35);
}

.form button:active:not(:disabled) {
  transform: translateY(1px);
}

.ghost-button {
  border: none !important;
  background: #e11d48 !important;
  color: #ffffff !important;
}

.form button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.consulta-tabs {
  display: inline-flex;
  gap: 8px;
  width: fit-content;
  padding: 4px;
  border-radius: var(--exec-radius-md, 14px);
  border: 1px solid var(--exec-border, #e2e8f0);
  background: linear-gradient(180deg, #f6f9fc 0%, #eef3f8 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.consulta-tab {
  border: 1px solid transparent;
  background: transparent;
  color: #333333;
  min-width: 108px;
  height: 42px;
  padding: 0 18px;
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  border-radius: 11px !important;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.consulta-tab:hover:not(.active) {
  color: #111111;
  background: rgba(255, 255, 255, 0.65);
}

.consulta-tab.active {
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(255, 106, 0, 0.32);
  transform: translateY(0);
}

.app-theme-dark .consulta-tabs {
  background: linear-gradient(180deg, var(--dark-surface) 0%, var(--dark-surface-2) 100%);
  border-color: var(--dark-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.app-theme-dark .consulta-tab {
  color: var(--dark-text-soft);
}

.app-theme-dark .consulta-tab:hover:not(.active) {
  color: var(--dark-text);
  background: rgba(255, 255, 255, 0.06);
}

.consulta-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 10px 0 16px;
  align-items: stretch;
}


@media (min-width: 1024px) {
  .consulta-cards-grid:not(.consulta-cards-grid--category) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Home: grelha compacta — menos espaço entre linhas de cards. */
.consulta-cards-grid--landing-merged {
  align-items: stretch;
  gap: 10px 14px;
  margin: 4px 0 10px;
}

.consulta-cards-grid--landing-merged > .consulta-card-item {
  align-self: stretch;
  min-height: 0;
  box-sizing: border-box;
}

.consulta-cards-grid--landing-merged .consulta-card-actions {
  margin-bottom: -16px;
}

.consulta-cards-grid--landing-merged .consulta-card-main {
  flex: 1 1 auto;
}

/* Home: cards uniformes — texto centralizado, fonte fixa, altura compacta. */
.consulta-cards-grid--landing-merged .consulta-card-item {
  min-height: 190px;
  padding: 14px 16px 12px;
  text-align: center;
}

.consulta-cards-grid--landing-merged .consulta-card-main {
  align-items: center;
  text-align: center;
}

.consulta-cards-grid--landing-merged .consulta-card-copy {
  align-items: center;
  text-align: center;
  width: 100%;
}

.consulta-cards-grid--landing-merged .consulta-card-head {
  min-height: 0;
  margin-bottom: 0;
  justify-content: center;
}

.consulta-cards-grid--landing-merged .consulta-card-price-box {
  margin-top: auto;
  margin-bottom: 8px;
  padding: 8px 12px;
  text-align: center;
}

.consulta-cards-grid--landing-merged .consulta-card-subtitle {
  text-align: center;
  display: block;
}

.consulta-cards-grid--landing-merged .consulta-card-price {
  margin: 4px 0 0;
  font-size: 1.5rem;
  text-align: center;
}

.consulta-cards-grid--landing-merged .consulta-card-actions {
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
  justify-items: center;
}

.consulta-cards-grid--landing-merged .consulta-card-link {
  text-align: center;
  font-size: 0.72rem;
}

.consulta-cards-grid--landing-merged .consulta-card-cta {
  padding: 10px 18px;
  font-size: 0.8125rem;
}

.consulta-cards-grid--category {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}















.credit-card-desc {
  font-size: 0.875rem;
  line-height: 1.45;
  color: #333333;
  margin: 0 0 8px;
  min-height: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}



.consulta-hub-card .consulta-hub-titulo,
.consulta-produto-card .consulta-produto-titulo,
.consulta-produto-header-row .consulta-produto-titulo {
  margin: 0 0 4px;
  font-size: clamp(1.35rem, 2.8vw + 0.45rem, 1.75rem);
  font-weight: 800;
  color: #111111;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.consulta-hub-card .consulta-hub-titulo {
  margin-bottom: 12px;
}

.consulta-produto-header-row {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px 24px;
  margin: 0 0 18px;
  flex-wrap: wrap;
}

.consulta-produto-header-row .consulta-produto-titulo {
  flex: 1 1 auto;
  margin: 0;
  min-width: min(100%, 12ch);
}

.consulta-produto-valor {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.consulta-produto-valor.consulta-produto-valor--inline {
  flex: 0 0 auto;
  align-items: flex-end;
  text-align: right;
  min-width: 148px;
  padding: 10px 14px;
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-md, 14px);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.92) 0%, rgba(241, 248, 244, 0.96) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.consulta-produto-valor .consulta-card-subtitle {
  margin: 0;
}

.consulta-produto-preco {
  margin: 4px 0 0;
}
@media (max-width: 640px) {
  .consulta-produto-header-row {
    flex-direction: column;
    align-items: stretch;
  }

  .consulta-produto-valor.consulta-produto-valor--inline {
    align-items: flex-start;
    text-align: left;
    min-width: 0;
  }
}

.consulta-produto-form {
  margin-top: 0;
}



.consulta-pedido-shell {
  margin-top: 2px;
  padding: 8px 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #f8fafc;
}

.consulta-pedido-shell .consulta-tabs {
  margin-bottom: 8px;
}

.consulta-pedido-shell .consulta-mode-switch {
  margin-bottom: 8px;
}

.consulta-pedido-fields {
  padding: 2px 4px 4px;
}





.consulta-pedido-actions.multi-cpf-actions-row {
  margin-top: 8px;
}

.consulta-pedido-side-spacer {
  flex: 1;
  min-width: 8px;
  min-height: 1px;
}

.consulta-pedido-shell--clean {
  padding: 14px 16px 16px;
  border-color: #e2e8f0;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.consulta-pedido-toolbar {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 2px;
}

.consulta-pedido-toolbar-main {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px 20px;
  align-items: start;
}
@media (max-width: 640px) {
  .consulta-pedido-toolbar-main {
    grid-template-columns: 1fr;
  }
}

.consulta-pedido-segment {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.consulta-pedido-segment--grow {
  min-width: 0;
}

.consulta-pedido-segment--full {
  grid-column: 1 / -1;
}

.consulta-pedido-segment-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.25;
}

.consulta-tabs.consulta-tabs--toolbar {
  width: 100%;
  max-width: 100%;
}

.consulta-tabs.consulta-tabs--toolbar .consulta-tab {
  min-width: 0;
  flex: 1 1 0;
  max-width: 200px;
  height: 38px;
  padding: 0 12px;
  font-size: 0.72rem;
}

.consulta-mode-switch.consulta-mode-switch--toolbar {
  width: 100%;
}

.consulta-mode-switch.consulta-mode-switch--toolbar .consulta-mode-option {
  height: 38px;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}

.consulta-pedido-shell--clean .consulta-tabs.consulta-tabs--toolbar,
.consulta-pedido-shell--clean .consulta-mode-switch--toolbar {
  margin-bottom: 0;
}

.consulta-lote-panel {
  margin-top: 12px;
  padding: 14px 16px 16px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #fafbfd;
}

.consulta-lote-panel textarea {
  width: 100%;
  margin-top: 0;
}

.consulta-lote-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px 14px;
  margin-bottom: 10px;
}

.consulta-lote-panel-title {
  margin: 0;
  flex: 1 1 120px;
  min-width: 0;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.35;
}

.consulta-lote-import-btn {
  flex-shrink: 0;
  margin: 0;
  padding: 12px 22px;
  border-radius: var(--exec-radius-md, 14px);
  border: 2px solid #cfe8d9;
  background: transparent;
  color: #be123c;
  font-family: var(--font-cta);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none;
  filter: none;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.consulta-lote-import-btn:hover:not(:disabled) {
  background: #f0fdf6;
  border-color: #9ed9b8;
  filter: none;
}

.consulta-lote-help {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #64748b;
}

.consulta-lote-help-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px 14px;
  margin-top: 10px;
}

.consulta-lote-help--lead {
  margin: 0;
  flex: 1 1 200px;
  min-width: 0;
  line-height: 1.5;
}

.consulta-lote-import-inline {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px 12px;
  flex: 0 0 auto;
  margin-left: auto;
}

.consulta-lote-help.consulta-lote-help--import-note {
  margin: 0;
  padding: 0;
  text-align: right;
  line-height: 1.5;
  white-space: nowrap;
}

.consulta-lote-help strong {
  color: #334155;
  font-weight: 700;
}

.consulta-lote-batch-status {
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: #065f3c;
}

.consulta-lote-batch-status--error {
  color: #b91c1c;
}

.consulta-lote-panel-actions {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
}

.consulta-pedido-actions--footer {
  margin-top: 14px;
  justify-content: flex-start;
}





.app-theme-dark .consulta-pedido-shell--clean {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  box-shadow: none;
}

.app-theme-dark .consulta-pedido-segment-label {
  color: var(--dark-text-soft);
}

.app-theme-dark .consulta-lote-panel {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--dark-border);
}

.app-theme-dark .consulta-lote-panel-title {
  color: var(--dark-text);
}

.app-theme-dark .consulta-lote-import-btn {
  background: transparent;
  color: var(--dark-text);
  border-color: var(--dark-border);
  box-shadow: none;
  filter: none;
}

.app-theme-dark .consulta-lote-import-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--dark-text-soft);
  filter: none;
}

.app-theme-dark .consulta-lote-help {
  color: var(--dark-text-soft);
}

.app-theme-dark .consulta-lote-help strong {
  color: var(--dark-text);
}

.app-theme-dark .consulta-lote-batch-status {
  color: #b8ffd9;
}

.app-theme-dark .consulta-lote-batch-status--error {
  color: #fca5a5;
}

.app-theme-dark .consulta-lote-panel-actions {
  border-top-color: var(--dark-border);
}





/* Importar ficheiro: mesmo aspeto que "Limpar"; .form button:hover tem maior especificidade — forçar filter/box-shadow. */








.consulta-mode-option:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.app-theme-dark .consulta-pedido-shell {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--dark-border);
}

.app-theme-dark .consulta-pedido-shell .consulta-mode-switch {
  background: linear-gradient(180deg, var(--dark-surface) 0%, var(--dark-surface-2) 100%);
  border-color: var(--dark-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.app-theme-dark .consulta-mode-switch {
  background: linear-gradient(180deg, var(--dark-surface) 0%, var(--dark-surface-2) 100%);
  border-color: var(--dark-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.app-theme-dark .consulta-mode-option {
  color: var(--dark-text-soft);
}

.app-theme-dark .consulta-mode-option:hover:not(.active):not(:disabled) {
  color: var(--dark-text);
  background: rgba(255, 255, 255, 0.06);
}



.app-theme-dark .consulta-pedido-shell .document-embedded-field {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.app-theme-dark .consulta-pedido-shell .document-embedded-label {
  color: var(--dark-text-soft);
}

.app-theme-dark .consulta-hub-card .consulta-hub-titulo,
.app-theme-dark .consulta-produto-card .consulta-produto-titulo,
.app-theme-dark .consulta-produto-header-row .consulta-produto-titulo {
  color: var(--dark-text);
}

.app-theme-dark .consulta-produto-valor.consulta-produto-valor--inline {
  background: linear-gradient(165deg, var(--dark-surface) 0%, var(--dark-surface-2) 100%);
  border-color: var(--dark-border);
  box-shadow: none;
}

/* Asterisco de campo obrigatório (consultas / formulários de pesquisa) */
.field-req-asterisk,


.app-theme-dark .field-req-asterisk,






























.consulta-detail-modal-refined {
  max-height: min(92vh, 900px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: min(720px, 94vw);
}

.consulta-detail-modal-scroll {
  overflow: auto;
  max-height: min(48vh, 400px);
  flex: 1 1 auto;
  min-height: 100px;
  margin-bottom: 8px;
  padding-right: 4px;
}

.consulta-detail-modal-structured .consulta-detail-section h3 {
  margin-top: 4px;
}

.consulta-detail-structured-caption {
  margin: 12px 0 6px;
}

.consulta-detail-resumo-block {
  margin: 8px 0 0;
}

.consulta-detail-json-details {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid #e1f5ea;
  flex-shrink: 0;
}

.consulta-detail-json-details summary {
  cursor: pointer;
  font-weight: 600;
  color: #333333;
  list-style: none;
}

.consulta-detail-json-details summary::-webkit-details-marker {
  display: none;
}

.consulta-detail-json-details summary::before {
  content: "▸ ";
  display: inline-block;
  transition: transform 0.15s ease;
}

.consulta-detail-json-details[open] summary::before {
  content: "▾ ";
}



.consulta-detail-card--wide-nested {
  grid-column: 1 / -1;
}

.consulta-detail-cards--nested {
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  margin-top: 4px;
}

.consulta-detail-array-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  grid-column: 1 / -1;
}

.consulta-detail-array-item {
  border-left: 3px solid #c9f5db;
  padding-left: 12px;
}

.consulta-detail-subheading {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: #333333;
}

.consulta-detail-array-empty {
  margin: 0;
  font-size: 13px;
}


/* ========== Processos completa — layout executivo premium ========== */
.page-wrap--pc-detalhe,
.page-wrap--pc-resultados {
  padding-top: 24px;
  padding-bottom: 40px;
  background: var(--exec-surface, #f8fafc);
}

.pc-detalhe-card,
.pc-resultados-card {
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-lg, 18px);
  background: var(--exec-surface-elevated, #ffffff);
  box-shadow: var(--exec-shadow, 0 4px 22px rgba(15, 23, 42, 0.07));
}

.pc-resultados-actions-above-table {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin: 8px 24px 0;
}

.page-wrap--pc-resultados .pc-exec-results-lead {
  white-space: nowrap;
  overflow-x: auto;
  max-width: 100%;
}

.pc-exec-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  padding: 16px 24px 18px;
  border-bottom: 1px solid var(--exec-border, #e2e8f0);
  background: var(--exec-surface-elevated, #ffffff);
}

.pc-exec-nav-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.pc-exec-nav .top-back-button.pc-exec-btn--quiet {
  margin-bottom: 0;
  border-radius: 10px;
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 600;
}

/* Ações em branco + borda suave (PDF / e-mail, alinhado ao dashboard) */
.pc-exec-btn:not(.pc-exec-btn--quiet) {
  appearance: none;
  font: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid var(--exec-border, #e2e8f0);
  background: var(--exec-surface-elevated, #ffffff);
  color: #334155;
  cursor: pointer;
  box-shadow: none;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.pc-exec-btn:not(.pc-exec-btn--quiet):hover:not(:disabled) {
  background: var(--exec-surface, #f8fafc);
  border-color: var(--exec-border-strong, #cbd5e1);
  color: #1e293b;
}

.pc-exec-btn:not(.pc-exec-btn--quiet) svg {
  flex-shrink: 0;
  color: currentColor;
}

.pc-exec-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.pc-exec-btn--quiet {
  background: transparent;
  color: var(--exec-navy-mid, #1e293b);
  border-color: var(--exec-border, #e2e8f0);
  box-shadow: none;
}

.pc-exec-btn--quiet:hover:not(:disabled) {
  background: var(--exec-surface, #f8fafc);
  border-color: var(--exec-border-strong, #cbd5e1);
  color: var(--exec-navy, #0f172a);
  filter: none;
  box-shadow: none;
}

.pc-detalhe-error,
.pc-detalhe-loading {
  margin: 20px 24px 0;
}

.pc-exec-scroll {
  padding: 0;
}

.pc-exec-body {
  display: grid;
  grid-template-columns: minmax(200px, 280px) 1px 1fr;
  gap: 0;
  align-items: start;
}

.pc-exec-gutter {
  width: 1px;
  min-height: 100%;
  background: var(--exec-border, #e2e8f0);
  align-self: stretch;
}

.pc-exec-aside {
  padding: 28px 24px 36px;
  background: var(--exec-surface, #f8fafc);
}

.pc-exec-kicker {
  margin: 0 0 12px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #64748b;
}

.pc-exec-doc {
  margin: 0 0 10px;
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--exec-navy-mid, #1e293b);
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}

.pc-exec-ref {
  margin: 0 0 20px;
  font-size: 0.8125rem;
  color: #64748b;
  font-weight: 500;
}

.pc-exec-dl {
  margin: 0;
}

.pc-exec-dl-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 16px;
  padding: 14px 0;
  border-top: 1px solid var(--exec-border, #e2e8f0);
}

.pc-exec-dl-row:first-of-type {
  border-top: none;
  padding-top: 0;
}

.pc-exec-dl dt {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
  align-self: center;
}

.pc-exec-dl dd {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--exec-navy-mid, #1e293b);
  text-align: right;
  font-variant-numeric: tabular-nums;
  max-width: 14rem;
  word-break: break-word;
}

.pc-exec-main {
  padding: 28px 24px 36px;
  min-width: 0;
  background: var(--exec-surface-elevated, #ffffff);
}

.pc-exec-feedback {
  margin: 0 0 20px;
  padding: 12px 14px;
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-sm, 10px);
  font-size: 0.9rem;
}

.pc-exec-panel {
  margin: 0 0 22px;
  padding: 0 0 0 16px;
  border-left: 3px solid #be123c;
}

.pc-exec-panel--muted {
  border-left-color: #94a3b8;
}

.pc-exec-panel--warn {
  border-left-color: #b45309;
}

.pc-exec-h2 {
  margin: 0 0 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #64748b;
}

.pc-exec-prose {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #475569;
  max-width: 68ch;
}

.pc-exec-dossier {
  margin-top: 8px;
  padding-top: 28px;
  border-top: 1px solid var(--exec-border, #e2e8f0);
}

.pc-exec-dossier-head {
  margin-bottom: 16px;
}

.pc-exec-dossier-sub {
  margin: 8px 0 0;
  font-size: 0.875rem;
  line-height: 1.5;
  max-width: 62ch;
}

.pc-exec-well {
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-sm, 10px);
  padding: 16px 16px 12px;
  background: var(--exec-surface, #f8fafc);
}

.pc-exec-well .pc-processo-numero-filter {
  margin-bottom: 12px;
}

.pc-processo-numero-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 14px;
}

.pc-processo-numero-filter label {
  margin: 0;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--exec-navy-mid, #1e293b);
}

.pc-processo-numero-filter select {
  min-width: min(100%, 22rem);
  max-width: 100%;
}

.page-wrap--pc-detalhe .consulta-detail-cards {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

.pc-detalhe-json-details {
  margin: 0 24px 20px;
}

.pc-detalhe-json-pre {
  font-size: 11px;
  line-height: 1.45;
  background: var(--exec-surface, #f8fafc) !important;
  color: var(--exec-navy-mid, #1e293b) !important;
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-sm, 10px);
  padding: 12px 14px;
}

.pc-exec-results-head {
  padding: 24px 24px 8px;
  background: var(--exec-surface-elevated, #ffffff);
}

.pc-exec-results-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 20px;
}

.pc-exec-results-title {
  margin: 0 0 8px;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: var(--exec-navy-mid, #1e293b);
}

.pc-exec-results-badge {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 6px 12px;
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-sm, 10px);
  color: #64748b;
  background: var(--exec-surface, #f8fafc);
}

.pc-exec-results-lead {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  max-width: 62ch;
}

.pc-resultados-error,
.pc-resultados-loading {
  margin: 0 24px 12px;
}

.pc-resultados-email-feedback {
  margin: 0 24px 16px;
  font-size: 0.9rem;
}

.pc-resultados-table-wrap {
  margin: 12px 24px 28px;
  overflow-x: auto;
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-sm, 10px);
  background: var(--exec-surface-elevated, #ffffff);
}

.pc-resultados-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
}

.pc-resultados-table th {
  text-align: left;
  padding: 12px 16px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
  background: var(--exec-surface, #f8fafc);
  border-bottom: 1px solid var(--exec-border, #e2e8f0);
}

.pc-resultados-table td {
  padding: 14px 16px;
  vertical-align: top;
  border-bottom: 1px solid var(--exec-border, #e2e8f0);
  color: #475569;
}

.pc-resultados-table tbody tr:last-child td {
  border-bottom: none;
}

.pc-resultados-th-actions {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.pc-resultados-td-doc {
  font-weight: 600;
  color: var(--exec-navy-mid, #1e293b);
}

.pc-resultados-td-qtd {
  font-variant-numeric: tabular-nums;
}

.pc-resultados-td-actions {
  text-align: right;
}

.pc-resultados-detail-link {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--exec-blue-deep, #be123c);
  text-decoration: none;
  border-bottom: 1px solid rgba(190, 18, 60, 0.35);
}

.pc-resultados-detail-link:hover {
  color: var(--exec-blue, #e11d48);
  border-bottom-color: rgba(255, 106, 0, 0.55);
}
@media (max-width: 900px) {
  .pc-exec-body {
    grid-template-columns: 1fr;
  }

  .pc-exec-gutter {
    display: none;
  }

  .pc-exec-aside {
    border-bottom: 1px solid var(--exec-border, #e2e8f0);
    padding-bottom: 24px;
  }
}
@media (max-width: 600px) {
  .pc-exec-nav-actions {
    width: 100%;
  }

  .pc-exec-nav-actions .pc-exec-btn {
    flex: 1 1 auto;
    justify-content: center;
    text-align: center;
  }
}

.app-theme-dark .page-wrap--pc-detalhe,
.app-theme-dark .page-wrap--pc-resultados {
  background: var(--dark-bg);
}

.app-theme-dark .pc-detalhe-card,
.app-theme-dark .pc-resultados-card {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}

.app-theme-dark .pc-exec-nav {
  background: var(--dark-surface);
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .pc-exec-nav .top-back-button.pc-exec-btn--quiet {
  background: transparent;
  box-shadow: none;
}

.app-theme-dark .pc-exec-btn:not(.pc-exec-btn--quiet) {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .pc-exec-btn:not(.pc-exec-btn--quiet):hover:not(:disabled) {
  background: var(--dark-surface);
  border-color: var(--dark-text-soft);
  color: #fff;
}

.app-theme-dark .pc-exec-btn--quiet {
  background: transparent;
  color: var(--dark-text);
  border-color: var(--dark-border);
}

.app-theme-dark .pc-exec-btn--quiet:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--dark-text-soft);
}

.app-theme-dark .pc-exec-aside {
  background: var(--dark-bg);
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .pc-exec-gutter {
  background: var(--dark-border);
}

.app-theme-dark .pc-exec-kicker,
.app-theme-dark .pc-exec-ref {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-exec-doc,
.app-theme-dark .pc-exec-results-title {
  color: var(--dark-text);
}

.app-theme-dark .pc-exec-dl-row {
  border-top-color: var(--dark-border);
}

.app-theme-dark .pc-exec-dl dt {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-exec-dl dd {
  color: var(--dark-text);
}

.app-theme-dark .pc-exec-main {
  background: var(--dark-surface);
}

.app-theme-dark .pc-exec-feedback {
  border-color: var(--dark-border);
}

.app-theme-dark .pc-exec-h2 {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-exec-prose {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-exec-dossier {
  border-top-color: var(--dark-border);
}

.app-theme-dark .pc-exec-well {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.app-theme-dark .pc-processo-numero-filter label {
  color: var(--dark-text);
}

.app-theme-dark .pc-exec-results-head {
  background: var(--dark-surface);
}

.app-theme-dark .pc-exec-results-badge {
  background: var(--dark-bg);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-resultados-table-wrap {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.app-theme-dark .pc-resultados-table th {
  background: var(--dark-bg);
  color: var(--dark-text-soft);
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .pc-resultados-table td {
  color: var(--dark-text-soft);
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .pc-resultados-td-doc {
  color: var(--dark-text);
}

.app-theme-dark .pc-resultados-detail-link {
  color: #38bdf8;
  border-bottom-color: rgba(255, 206, 150, 0.35);
}

.app-theme-dark .pc-resultados-detail-link:hover {
  color: #ffffff;
  border-bottom-color: rgba(153, 246, 228, 0.55);
}

/* ========== Processos completa — consulta (layout referência) ========== */
.pccv {
  --pccv-page: #f5f6f8;
  --pccv-card: #ffffff;
  --pccv-border: #e0e0e0;
  --pccv-gold: #b88917;
  --pccv-text: #1a1a1a;
  --pccv-muted: #6b7280;
  --pccv-th: #f2f2f2;
  --pccv-name-autor: #1e3a8a;
  --pccv-success-bg: #e8f5e9;
  --pccv-success-fg: #2e7d32;
  position: relative;
  background: var(--pccv-page);
  color: var(--pccv-text);
  min-height: 320px;
}

.pccv-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.45;
  background:
    radial-gradient(ellipse 120% 80% at 0% 0%, rgba(184, 137, 23, 0.07), transparent 55%),
    radial-gradient(ellipse 100% 70% at 100% 100%, rgba(30, 58, 138, 0.05), transparent 50%);
}

.pccv-inner {
  position: relative;
  z-index: 1;
  max-width: 920px;
  margin: 0 auto;
  padding: 28px 20px 36px;
}

.pccv-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px 28px;
  margin-bottom: 22px;
}

.pccv-hero-brand {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: min(100%, 14rem);
}

.pccv-hero-brand-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.pccv-hero-consulta-dt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.pccv-hero-consulta-dt-k {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9ca3af;
}

.pccv-hero-consulta-dt-v {
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--pccv-text);
  font-variant-numeric: tabular-nums;
}

.pccv-hero-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--pccv-gold);
}

.pccv-hero-icon-svg {
  display: block;
}

.pccv-hero-title {
  margin: 0;
  font-size: clamp(1.35rem, 3.2vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--pccv-text);
}

.pccv-hero-numero {
  flex-shrink: 0;
  padding: 14px 18px;
  min-width: min(100%, 19rem);
  border-radius: 12px;
  border: 1px solid var(--pccv-border);
  background: var(--pccv-card);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.pccv-hero-numero-k {
  margin: 0 0 6px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9ca3af;
}

.pccv-hero-numero-v {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}

.pccv-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 18px;
  margin-bottom: 22px;
}

.pccv-toolbar-spacer {
  flex: 1;
  min-width: 8px;
}

.pccv-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pccv-process-select {
  min-width: min(100%, 22rem);
}

.pccv-process-select label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #374151;
}

.pccv-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid var(--exec-border, #e2e8f0);
  background: var(--exec-surface-elevated, #ffffff);
  color: #334155;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.pccv-btn:hover:not(:disabled) {
  background: var(--exec-surface, #f8fafc);
  border-color: var(--exec-border-strong, #cbd5e1);
  color: #1e293b;
}

.pccv-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.pccv-btn-ic {
  flex-shrink: 0;
  color: currentColor;
}

.pccv-share-hint {
  margin: -8px 0 16px;
  font-size: 0.85rem;
}

.pccv-meta-doc-val {
  margin: 0;
  padding: 0 20px 18px;
  font-size: 1rem;
  font-weight: 700;
  color: #111827;
  font-variant-numeric: tabular-nums;
}

.pccv-meta-obs-body {
  margin: 0;
  padding: 0 20px 18px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #334155;
  white-space: pre-wrap;
  word-break: break-word;
}

.pccv-resumo-principal {
  padding-bottom: 10px;
}

.pccv-resumo-disclaimer {
  margin: 0;
  padding: 0 20px 18px;
  max-width: 62rem;
  font-size: 0.78rem;
  line-height: 1.45;
}

.pccv-card {
  background: var(--pccv-card);
  border: 1px solid var(--pccv-border);
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.07);
  margin-bottom: 22px;
  overflow: hidden;
}

.pccv-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #eeeeee;
}

.pccv-card-head-ic {
  flex-shrink: 0;
  color: var(--pccv-gold);
}

.pccv-card-title {
  margin: 0;
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--pccv-text);
}

.pccv-table-wrap {
  overflow: auto;
}

.pccv-table {
  width: 100%;
  min-width: 420px;
  border-collapse: collapse;
  font-size: 0.875rem;
}

/* Tabelas Campo | Valor: mesma grelha e alinhamento da coluna «Valor» em todos os cartões */
.pccv-table:not(.pccv-table--assuntos):not(.pccv-table--adv) {
  table-layout: fixed;
}

.pccv-table:not(.pccv-table--assuntos):not(.pccv-table--adv) th:first-child,
.pccv-table:not(.pccv-table--assuntos):not(.pccv-table--adv) td:first-child {
  width: 40%;
  box-sizing: border-box;
}

.pccv-table th {
  text-align: left;
  padding: 12px 16px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pccv-muted);
  background: var(--pccv-th);
  border-bottom: 1px solid var(--pccv-border);
}

.pccv-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #eeeeee;
  vertical-align: top;
}

.pccv-table tbody tr:last-child td {
  border-bottom: none;
}

.pccv-td-label {
  font-weight: 600;
  color: var(--pccv-muted);
  line-height: 1.45;
}

.pccv-td-value {
  font-weight: 600;
  color: var(--pccv-text);
  line-height: 1.45;
  word-break: break-word;
}

.pccv-td-mono {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--pccv-text);
}

.pccv-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 700;
}

.pccv-pill--active {
  background: var(--pccv-success-bg);
  color: var(--pccv-success-fg);
}

.pccv-pill--muted {
  background: #f3f4f6;
  color: #4b5563;
}

.pccv-pill--info {
  background: #dbeafe;
  color: #be123c;
}

.pccv-pill--neutral {
  background: #f1f5f9;
  color: #334155;
}

.pccv-partes-stack {
  display: flex;
  flex-direction: column;
  padding: 0 0 20px;
}

.pccv-partes-bloco {
  padding: 12px 0 0;
}

.pccv-partes-bloco:not(:first-child) {
  margin-top: 8px;
  padding-top: 20px;
  border-top: 1px solid var(--pccv-border);
}

.pccv-partes-bloco-title {
  margin: 0 0 12px 16px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pccv-muted);
}

.pccv-adv-polos {
  padding: 0 0 4px;
}

.pccv-adv-polo-block {
  padding: 14px 0 18px;
  border-top: 1px solid #eeeeee;
}

.pccv-adv-polo-block:first-of-type {
  border-top: none;
}

.pccv-adv-polo-title {
  margin: 0 0 12px 16px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pccv-muted);
}

.pccv-adv-polo-empty {
  margin: 0;
  padding: 0 0 4px;
  font-size: 0.88rem;
}

.pccv-empty {
  margin: 0;
  padding: 8px 20px 22px;
  font-size: 0.9rem;
}

.pccv-extra {
  margin-bottom: 20px;
}

.pccv-extra--top {
  margin-bottom: 18px;
  margin-top: -4px;
}

.pccv-feedback {
  margin: 0 0 14px;
  font-size: 0.9rem;
}

.pccv-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
  margin-top: 12px;
  padding-top: 20px;
  border-top: 1px solid var(--pccv-border);
}

.pccv-foot-copy {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #9ca3af;
  max-width: 52ch;
}

.pccv-foot-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--pccv-success-bg);
  color: var(--pccv-success-fg);
}

.pccv-foot-badge-ic {
  flex-shrink: 0;
}

.app-theme-dark .pccv {
  --pccv-page: var(--dark-bg);
  --pccv-card: var(--dark-surface);
  --pccv-border: var(--dark-border);
  --pccv-gold: #d4a84b;
  --pccv-text: var(--dark-text);
  --pccv-muted: var(--dark-text-soft);
  --pccv-th: var(--dark-surface-2);
  --pccv-name-autor: #93c5fd;
  --pccv-success-bg: rgba(16, 185, 129, 0.18);
  --pccv-success-fg: #6ee7b7;
}

.app-theme-dark .pccv-btn {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .pccv-btn:hover:not(:disabled) {
  background: var(--dark-surface);
  border-color: var(--dark-text-soft);
}

.app-theme-dark .pccv-bg {
  opacity: 0.35;
}

.app-theme-dark .pccv-hero-consulta-dt-k {
  color: var(--dark-text-soft);
}

.app-theme-dark .pccv-hero-consulta-dt-v {
  color: var(--dark-text);
}

.app-theme-dark .pccv-hero-numero-k,
.app-theme-dark .pccv-foot-copy {
  color: var(--dark-text-soft);
}

.app-theme-dark .pccv-table th {
  color: var(--dark-text-soft);
}

.app-theme-dark .pccv-table td {
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .pccv-adv-polo-block {
  border-top-color: var(--dark-border);
}

.app-theme-dark .pccv-adv-polo-title {
  color: var(--dark-text-soft);
}

.app-theme-dark .pccv-partes-bloco-title {
  color: var(--dark-text-soft);
}

/* ========== Processos completa — dashboard (referência UI) ========== */
.pc-dash-page-shell {
  padding: 24px 28px 32px;
  background: #f3f4f6;
}

.pc-dash {
  max-width: 1100px;
  margin: 0 auto;
}

/* Hero + coluna única (sem lateral) — cores alinhadas ao restante do dashboard */
.pc-dash-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px 28px;
  margin-bottom: 18px;
}

.pc-dash-hero-main {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
  min-width: min(100%, 16rem);
}

.pc-dash-hero-text {
  min-width: 0;
}

.pc-dash-hero-title {
  margin: 0 0 6px;
  font-size: clamp(1.2rem, 2.4vw, 1.65rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #111827;
}

.pc-dash-hero-lead {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #6b7280;
}

.pc-dash-hero-numero {
  flex-shrink: 0;
  padding: 14px 18px;
  min-width: min(100%, 20rem);
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.pc-dash-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 18px;
}

.pc-dash-stack-card {
  padding: 0;
  overflow: hidden;
}

.pc-dash-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 24px 14px;
  border-bottom: 1px solid #f1f5f9;
}

.pc-dash-card-head-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: #047857;
}

.pc-dash-card-head-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #111827;
}

.pc-dash-card-head-title--sub {
  font-size: 0.95rem;
  letter-spacing: -0.015em;
}

.pc-dash-card-body {
  padding: 20px 24px 22px;
}

.pc-dash-card-body--flush {
  padding: 0;
}

.pc-dash-field-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  table-layout: fixed;
}

.pc-dash-field-table th:first-child,
.pc-dash-field-table td:first-child {
  width: 40%;
  box-sizing: border-box;
}

.pc-dash-field-table th {
  text-align: left;
  padding: 11px 16px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6b7280;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}

.pc-dash-field-table td {
  padding: 11px 16px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.pc-dash-field-table tbody tr:nth-child(even) td {
  background: #fafafa;
}

.pc-dash-field-table tbody tr:last-child td {
  border-bottom: none;
}

.pc-dash-field-table-label {
  font-weight: 600;
  color: #6b7280;
  line-height: 1.45;
}

.pc-dash-field-table-value {
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.45;
  word-break: break-word;
}

.pc-dash-table--in-card {
  margin: 0;
}

.pc-dash-org-grid--in-card {
  margin: 0;
}

.pc-dash-page-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  font-size: 0.8rem;
  color: #6b7280;
}

.pc-dash-page-foot-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: #475569;
}

.pc-dash-page-foot-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 640px) {
  .pc-dash-hero-numero {
    width: 100%;
  }
}

.pc-dash-email-feedback {
  margin: 0 0 20px;
  font-size: 0.9rem;
}

.pc-dash-page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.pc-dash-title {
  margin: 0 0 6px;
  font-size: 1.5rem;
  font-weight: 800;
  color: #111827;
  letter-spacing: -0.02em;
}

.pc-dash-subtitle {
  margin: 0;
  font-size: 0.95rem;
  color: #6b7280;
  max-width: 46ch;
  line-height: 1.45;
}

.pc-dash-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pc-dash-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid var(--exec-border, #e2e8f0);
  background: var(--exec-surface-elevated, #ffffff);
  color: #334155;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

.pc-dash-btn:hover:not(:disabled) {
  background: var(--exec-surface, #f8fafc);
  border-color: var(--exec-border-strong, #cbd5e1);
  color: #1e293b;
}

.pc-dash-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.pc-dash-btn-icon {
  flex-shrink: 0;
  color: currentColor;
}

.pc-dash-share-hint {
  font-size: 0.85rem;
  margin: -6px 0 16px;
}

.pc-dash-process-select {
  margin-bottom: 20px;
  max-width: 28rem;
}

.pc-dash-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 22px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.pc-dash-summary-card {
  padding: 20px 8px 20px 16px;
}

.pc-dash-summary-grid {
  display: grid;
  grid-template-columns: 1.35fr auto 1fr auto 1fr auto 1fr;
  align-items: stretch;
  gap: 0;
}
@media (max-width: 960px) {
  .pc-dash-summary-grid {
    grid-template-columns: 1fr;
  }

  .pc-dash-summary-divider {
    display: none;
  }

  .pc-dash-summary-col {
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }

  .pc-dash-summary-col:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.pc-dash-summary-col {
  padding: 8px 16px;
  min-width: 0;
}

.pc-dash-summary-col--process {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.pc-dash-summary-divider {
  width: 1px;
  background: #e5e7eb;
  align-self: stretch;
}

.pc-dash-icon-tile {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pc-dash-icon-tile--balance {
  background: #d1fae5;
  color: #047857;
}

.pc-dash-icon-tile-svg {
  display: block;
}

.pc-dash-k {
  margin: 0 0 6px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9ca3af;
}

.pc-dash-process-num {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 800;
  color: #111827;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  word-break: break-all;
}

.pc-dash-v {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #6b7280;
}

.pc-dash-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
}

.pc-dash-pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

.pc-dash-pill--active {
  background: #ecfdf5;
  color: #047857;
}

.pc-dash-pill--active .pc-dash-pill-dot {
  background: #059669;
}

.pc-dash-pill--muted,
.pc-dash-pill--neutral {
  background: #f3f4f6;
  color: #4b5563;
}

.pc-dash-pill--info {
  background: #eff6ff;
  color: #be123c;
}

.pc-dash-section {
  margin-bottom: 8px;
}

.pc-dash-section-title {
  margin: 0 0 10px;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #374151;
}

.pc-dash-table-card {
  padding: 0;
  overflow: hidden;
}

.pc-dash-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.pc-dash-table th {
  text-align: left;
  padding: 12px 18px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9ca3af;
  background: #fafafa;
  border-bottom: 1px solid #e5e7eb;
}

.pc-dash-table td {
  padding: 14px 18px;
  border-bottom: 1px solid #f3f4f6;
  color: #374151;
  vertical-align: middle;
}

.pc-dash-table tbody tr:last-child td {
  border-bottom: none;
}

.pc-dash-table-doc {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #111827;
}

.pc-dash-table-doc-icon {
  color: #059669;
  flex-shrink: 0;
}

.pc-dash-table-code {
  font-variant-numeric: tabular-nums;
  color: #6b7280;
  font-weight: 600;
}

.pc-dash-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 700;
}

.pc-dash-badge--yes {
  background: #d1fae5;
  color: #047857;
}

.pc-dash-badge--no {
  background: #f3f4f6;
  color: #6b7280;
}

.pc-dash-org-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 24px;
  padding: 8px 4px;
}
@media (max-width: 900px) {
  .pc-dash-org-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .pc-dash-org-grid {
    grid-template-columns: 1fr;
  }
}

.pc-dash-org-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9ca3af;
}

.pc-dash-org-ic {
  color: #6b7280;
  flex-shrink: 0;
}

.pc-dash-org-val {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.45;
}

.pc-dash-timeline-card {
  padding: 20px 24px 12px;
}

.pc-dash-timeline {
  list-style: none;
  margin: 0;
  padding: 0 0 0 28px;
  border-left: 2px solid #e5e7eb;
}

.pc-dash-timeline-item {
  position: relative;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding-bottom: 28px;
  margin-left: -2px;
}

.pc-dash-timeline-item:last-child {
  padding-bottom: 4px;
}

.pc-dash-timeline-dot {
  position: absolute;
  left: -33px;
  top: 14px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-sizing: content-box;
}

.pc-dash-timeline-dot--green {
  background: #10b981;
}

.pc-dash-timeline-dot--blue {
  background: #e11d48;
}

.pc-dash-timeline-icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pc-dash-timeline-icon-wrap--green {
  background: #d1fae5;
  color: #047857;
}

.pc-dash-timeline-icon-wrap--blue {
  background: #dbeafe;
  color: #be123c;
}

.pc-dash-timeline-svg {
  display: block;
}

.pc-dash-timeline-label {
  margin: 0 0 4px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #6b7280;
}

.pc-dash-timeline-value {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #111827;
}

.pc-dash-disclaimer {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 18px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 12px;
  margin-bottom: 16px;
}

.pc-dash-disclaimer p {
  margin: 0;
  font-size: 0.88rem;
  color: #065f46;
  line-height: 1.5;
}

.pc-dash-disclaimer-icon {
  flex-shrink: 0;
  color: #059669;
}

.pc-dash-stamp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.85rem;
  margin: 0 0 8px;
}

.pc-dash-stamp-icon {
  flex-shrink: 0;
  opacity: 0.7;
}

.app-theme-dark .pc-dash-page-shell {
  background: var(--dark-bg);
}

.app-theme-dark .pc-dash-timeline-dot {
  border-color: var(--dark-surface);
}

.app-theme-dark .pc-dash-title {
  color: var(--dark-text);
}

.app-theme-dark .pc-dash-subtitle {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-dash-hero-title,
.app-theme-dark .pc-dash-card-head-title,
.app-theme-dark .pc-dash-card-head-title--sub {
  color: var(--dark-text);
}

.app-theme-dark .pc-dash-hero-lead {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-dash-hero-numero {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  box-shadow: none;
}

.app-theme-dark .pc-dash-card-head {
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .pc-dash-card-head-icon {
  color: #6ee7b7;
}

.app-theme-dark .pc-dash-field-table th {
  background: var(--dark-surface-2);
  color: var(--dark-text-soft);
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .pc-dash-field-table td {
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .pc-dash-field-table tbody tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.15);
}

.app-theme-dark .pc-dash-field-table-label {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-dash-field-table-value {
  color: var(--dark-text);
}

.app-theme-dark .pc-dash-page-foot {
  border-top-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-dash-page-foot-badge {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-dash-btn {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .pc-dash-btn:hover:not(:disabled) {
  background: var(--dark-surface);
  border-color: var(--dark-text-soft);
}

.app-theme-dark .pc-dash-card {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}

.app-theme-dark .pc-dash-process-num,
.app-theme-dark .pc-dash-timeline-value {
  color: var(--dark-text);
}

.app-theme-dark .pc-dash-k,
.app-theme-dark .pc-dash-section-title {
  color: var(--dark-text-soft);
}

.app-theme-dark .pc-dash-summary-divider,
.app-theme-dark .pc-dash-timeline {
  border-left-color: var(--dark-border);
}

.app-theme-dark .pc-dash-disclaimer {
  background: rgba(16, 185, 129, 0.12);
  border-color: var(--dark-border);
}

.app-theme-dark .pc-dash-disclaimer p {
  color: var(--dark-text-soft);
}

.consulta-detail-empty-msg {
  margin: 0 0 8px;
}

.app-theme-dark .consulta-detail-json-details {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.app-theme-dark .consulta-detail-json-details summary {
  color: #f0f0f0;
}

.app-theme-dark .consulta-detail-subheading {
  color: #f0f0f0;
}

.app-theme-dark .consulta-detail-array-item {
  border-left-color: rgba(96, 165, 250, 0.45);
}







.consulta-detail-credit-lead {
  margin: 0 0 14px;
}

.consulta-detail-json-details--page {
  margin-top: 16px;
}



.app-theme-dark .consulta-detail-credit-lead {
  color: var(--dark-text-soft);
}









.app-theme-dark .credit-card-desc {
  color: var(--dark-text-soft);
}





.consulta-card-item {
  border: 1px solid rgba(15, 39, 68, 0.14);
  border-radius: var(--exec-radius-lg, 18px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, #f6f8fc 38%, #eef3f7 100%);
  padding: 18px 20px 16px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 10px 32px rgba(8, 28, 52, 0.07),
    0 1px 0 rgba(15, 39, 68, 0.05);
  display: flex;
  flex-direction: column;
  min-height: 240px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  font-family: var(--font-heading);
}

.consulta-card-item:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 39, 68, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 16px 40px rgba(8, 28, 52, 0.11),
    0 1px 0 rgba(15, 39, 68, 0.08);
}

.consulta-category-card-item {
  cursor: pointer;
  min-height: 112px;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(90deg, #be123c 0%, #e11d48 40%, #7dd3fc 100%) no-repeat top center / 100% 4px,
    linear-gradient(175deg, #ffffff 0%, #f7f9fd 60%, #f1f5f9 100%);
  border: 1px solid #cbd5e1;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 8px 20px rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.consulta-category-card-item::before,
.consulta-category-card-item::after {
  display: none;
}

.consulta-category-card-item:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 106, 0, 0.55);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 26px rgba(15, 23, 42, 0.12);
}

.consulta-category-card-title {
  margin: 0;
  font-size: clamp(1.02rem, 2.6vw, 1.18rem);
  font-weight: 800;
  color: #111111;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.25;
}

.app-theme-dark .consulta-category-card-item {
  background:
    linear-gradient(90deg, #be123c 0%, #e11d48 42%, #7dd3fc 100%) no-repeat top center / 100% 3px,
    linear-gradient(180deg, var(--dark-surface) 0%, var(--dark-surface-2) 100%);
  border-color: var(--dark-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 6px 14px rgba(0, 0, 0, 0.22);
}

.app-theme-dark .consulta-category-card-title {
  color: var(--dark-text);
}

.consulta-card-item::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  top: -130px;
  right: -70px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.04) 65%, transparent 100%);
  pointer-events: none;
}

.consulta-card-item::after {
  content: "";
  position: absolute;
  inset: -35% auto auto -35%;
  width: 220px;
  height: 220px;
  transform: rotate(26deg);
  background: linear-gradient(90deg, transparent 12%, rgba(255, 255, 255, 0.35) 45%, transparent 78%);
  opacity: 0.28;
  pointer-events: none;
}


.consulta-card-head {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2px;
  min-height: 24px;
}

.consulta-card-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  z-index: 2;
}

.consulta-card-copy {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.consulta-card-code {
  color: #333333;
  font-weight: 700;
}

.consulta-card-tag {
  background: linear-gradient(135deg, #fff9e6 0%, #f5e6b8 100%);
  color: #4a3a12;
  border: 1px solid #dcc890;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  padding: 5px 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 2px 8px rgba(120, 95, 40, 0.12);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.consulta-card-medal {
  font-size: 12px;
  line-height: 1;
}

.consulta-card-title {
  margin: 4px 0 6px;
  font-size: clamp(1.12rem, 2.35vw + 0.38rem, 1.48rem);
  color: #111111;
  position: relative;
  z-index: 2;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 800;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
  min-height: 3.6em;
}

.consulta-card-title-sub {
  margin: 0 0 10px;
  font-size: clamp(0.92rem, 2vw + 0.28rem, 1.08rem);
  font-weight: 700;
  color: #111111;
  opacity: 0.85;
  position: relative;
  z-index: 2;
  line-height: 1.15;
  letter-spacing: -0.015em;
  text-shadow: none;
}

.consulta-card-price-box {
  border: 1px solid rgba(15, 39, 68, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, #f1f6f8 100%);
  border-radius: var(--exec-radius-md, 14px);
  padding: 11px 14px;
  margin-top: auto;
  margin-bottom: 12px;
  flex-shrink: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 2px rgba(15, 39, 68, 0.04);
}


.consulta-card-subtitle {
  margin: 0;
  color: #111111;
  opacity: 0.52;
  letter-spacing: 0.12em;
  font-size: 0.65rem;
  font-weight: 800;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}


.consulta-card-price {
  margin: 6px 0 0;
  font-size: clamp(1.35rem, 3.1vw + 0.5rem, 1.72rem);
  color: #111111;
  font-weight: 800;
  position: relative;
  z-index: 2;
  letter-spacing: -0.03em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

.consulta-card-actions {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 14px;
  padding-bottom: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: auto;
  background: linear-gradient(128deg, #383457 0%, #4f4b68 42%, #716a9c 100%);
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -16px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom-left-radius: var(--exec-radius-lg, 18px);
  border-bottom-right-radius: var(--exec-radius-lg, 18px);
  flex-shrink: 0;
  position: relative;
  z-index: 4;
}

.consulta-category-card-actions {
  grid-template-columns: 1fr;
}


.consulta-card-link {
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.92);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  text-align: left;
  padding: 2px 0;
  text-decoration: none;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.consulta-card-link:hover {
  color: #ffffff;
  opacity: 1;
}


.consulta-card-cta {
  width: fit-content;
  border: none;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  font-family: var(--font-cta);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 12px 22px;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.28);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  transition:
    transform 0.12s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease;
}

.consulta-card-cta:hover {
  filter: brightness(1.04);
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.35);
}

.consulta-card-cta:active:not(:disabled) {
  transform: translateY(1px);
}

.consulta-card-cta:disabled {
  opacity: 0.6;
  cursor: wait;
}


.consulta-info-modal {
  width: min(1040px, calc(100% - 24px));
  padding: 24px 24px 14px;
  border-radius: 20px;
}

.consulta-info-modal h3 {
  margin: 0;
  color: #111111;
  font-size: 22px;
}

.consulta-info-modal p {
  margin: 14px 0 0;
  border-top: 1px solid #e8f7ef;
  padding-top: 12px;
  color: #333333;
  font-size: 15px;
  line-height: 1.5;
}

.consulta-info-modal p.consulta-saber-mais-destaque {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: none;
  padding: 14px 16px;
  background: linear-gradient(160deg, #f0fff6 0%, #f8fafc 55%);
  border: 1px solid #d4f7e1;
  border-left: 4px solid #23ed85;
  border-radius: 12px;
  color: #111111;
  font-size: 15px;
  line-height: 1.55;
}

.consulta-info-more-toggle {
  border: none;
  background: transparent;
  color: #111111;
  font-weight: 700;
  border-radius: 0;
  padding: 2px 0;
  min-height: auto;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.76rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.consulta-info-more-toggle:hover {
  color: #333333;
  opacity: 1;
}

.consulta-info-fields {
  margin-top: 12px;
  border-top: 1px solid #e8f7ef;
  padding-top: 10px;
}

.consulta-info-fields p {
  margin: 0 0 8px;
  border: none;
  padding: 0;
  color: #111111;
  font-size: 14px;
  font-weight: 700;
}

.consulta-info-fields p.consulta-info-fields-note {
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  margin-top: -4px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.consulta-info-fields ul {
  margin: 0;
  padding-left: 18px;
  max-height: 190px;
  overflow: auto;
}

.consulta-info-fields li {
  color: #333333;
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 3px;
}

.consulta-info-fields-groups {
  display: grid;
  gap: 10px;
  max-height: 280px;
  overflow: auto;
  padding-right: 4px;
}

.consulta-info-field-group {
  border: 1px solid #e2f5ea;
  border-radius: 10px;
  padding: 8px 10px;
  background: #f9fbff;
}

.consulta-info-field-group h4 {
  margin: 0 0 6px;
  color: #333333;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.consulta-info-field-group ul {
  margin: 0;
  padding-left: 16px;
  max-height: none;
  overflow: visible;
}

.consulta-info-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.consulta-info-actions .consulta-info-more-toggle {
  min-width: 0;
}

.inline-control {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.form-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px;
}

.form-row a {
  color: #111111;
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkbox input {
  width: auto;
}

.form-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.consulta-mode-switch {
  display: flex;
  gap: 8px;
  padding: 4px;
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-md, 14px);
  background: linear-gradient(180deg, #f6f9fc 0%, #eef3f8 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.consulta-mode-option {
  flex: 1;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 11px !important;
  height: 42px;
  padding: 0 12px;
  font-weight: 800;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.1;
  color: #333333;
  background: transparent;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.consulta-mode-option:hover:not(.active):not(:disabled) {
  color: #111111;
  background: rgba(255, 255, 255, 0.65);
}

.consulta-mode-option.active {
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(255, 106, 0, 0.32);
}

.error {
  color: #ad2400;
  font-weight: 500;
}

.success {
  color: #111111;
  font-weight: 500;
}

.pix-approved-alert {
  text-align: center;
}

.pix-approved-alert p {
  margin: 0 0 10px;
  line-height: 1.45;
}

.pix-approved-alert p:last-child {
  margin-bottom: 0;
}

.payment-decline-alert {
  max-width: 520px;
  padding: 24px 22px;
  text-align: center;
}

.payment-decline-alert__title {
  margin: 0 0 12px;
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--exec-navy-mid, #111111);
}

.payment-decline-alert__message {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.55;
  color: #334155;
  font-weight: 500;
}

.payment-decline-alert__actions {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.app-theme-dark .payment-decline-alert__title {
  color: #f0f0f0;
}

.app-theme-dark .payment-decline-alert__message {
  color: #cbd5e1;
}

.app-theme-dark .pix-approved-alert p.success {
  color: #f0f0f0;
}

.muted {
  color: #333333;
}

.consulta-loading-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #333333;
}

.consulta-loading-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #c9eeda;
  border-top-color: #e11d48;
  border-radius: 50%;
  display: inline-block;
  animation: consulta-spin 0.8s linear infinite;
}
@keyframes consulta-spin {
  to {
    transform: rotate(360deg);
  }
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--exec-radius-md, 14px);
  border: 1px solid var(--exec-border, #e2e8f0);
  background: var(--exec-surface-elevated, #fff);
}

.table-toolbar {
  display: flex;
  justify-content: flex-end;
  margin: 22px 0 10px;
  position: relative;
}

.export-menu-wrap {
  position: relative;
}

.export-trigger {
  border: 1px solid var(--exec-border-strong, #b8e6cc);
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%);
  color: #111111;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 10px 16px 10px 12px;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

.export-trigger::after {
  content: "";
  width: 0;
  height: 0;
  margin-left: 2px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #6a9f80;
  opacity: 0.85;
  transition: border-top-color 0.15s ease;
}

.export-trigger:hover:not(:disabled)::after,
.export-trigger[aria-expanded="true"]:not(:disabled)::after {
  border-top-color: #111111;
}

.export-trigger svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  padding: 7px;
  border-radius: 10px;
  box-sizing: content-box;
  background: rgba(23, 138, 85, 0.1);
  color: #f0f0f0;
}

.export-trigger:hover:not(:disabled) {
  border-color: #6aca8e;
  background: #ffffff;
  color: #111111;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.1);
}

.export-trigger[aria-expanded="true"]:not(:disabled) {
  border-color: #111111;
  background: #ffffff;
  box-shadow:
    0 0 0 3px rgba(23, 138, 85, 0.16),
    0 4px 14px rgba(15, 23, 42, 0.1);
}

.export-trigger:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}

.export-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  background: var(--exec-surface-elevated, #ffffff);
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-md, 14px);
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.14);
  display: grid;
  min-width: 148px;
  overflow: hidden;
  z-index: 10;
}

.export-menu button {
  border: none;
  border-bottom: 1px solid #e8eff4;
  background: #ffffff;
  color: #111111;
  text-align: left;
  padding: 11px 16px;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.export-menu button:last-child {
  border-bottom: none;
}

.export-menu button:hover {
  background: #f4f8fb;
  color: #111111;
}

.app-theme-dark .export-trigger {
  background: linear-gradient(180deg, var(--dark-surface) 0%, var(--dark-surface-2) 100%);
  border-color: var(--dark-border);
  color: var(--dark-text);
  box-shadow: none;
}

.app-theme-dark .export-trigger svg {
  background: rgba(142, 185, 255, 0.12);
  color: #f0f0f0;
}

.app-theme-dark .export-trigger:hover:not(:disabled) {
  border-color: var(--dark-text-soft);
  color: var(--dark-text);
}

.app-theme-dark .export-trigger[aria-expanded="true"]:not(:disabled) {
  border-color: #59d586;
  box-shadow: 0 0 0 2px rgba(90, 143, 212, 0.25);
}

.app-theme-dark .export-trigger::after {
  border-top-color: rgba(200, 228, 212, 0.75);
}

.app-theme-dark .export-trigger:hover:not(:disabled)::after,
.app-theme-dark .export-trigger[aria-expanded="true"]:not(:disabled)::after {
  border-top-color: #fff;
}

.app-theme-dark .export-menu {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.app-theme-dark .export-menu button {
  background: var(--dark-surface-2);
  border-bottom-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .export-menu button:hover {
  background: var(--dark-surface);
  color: #fff;
}

.consulta-detail-icon {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #333333;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background 0.2s ease, color 0.2s ease;
}

.consulta-detail-icon svg {
  width: 16px;
  height: 16px;
}

.consulta-detail-icon:hover {
  background: #edfff4;
  color: #333333;
}

.consulta-detail-cell-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}

.consulta-row-error-chip {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffe7e7;
  color: #b42318;
  border: 1px solid #f7c5c5;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  line-height: 1;
  padding: 0;
}

.consulta-row-error-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.consulta-row-error-tooltip-content {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 220px;
  max-width: min(320px, 70vw);
  background: #1f3727;
  color: #ffffff;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.4;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
  pointer-events: none;
  display: grid;
  gap: 8px;
}

.consulta-row-error-tooltip-content::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1f3727;
}

.consulta-row-error-tooltip:hover .consulta-row-error-tooltip-content,
.consulta-row-error-tooltip:focus-within .consulta-row-error-tooltip-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.consulta-row-error-copy-button {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
  width: fit-content;
  cursor: pointer;
}

.consulta-row-error-copy-button:hover {
  background: rgba(255, 255, 255, 0.2);
}

.consulta-copy-toast {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1200;
  background: #0f7334;
  color: #ffffff;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(9, 34, 67, 0.28);
}

.signup-bonus-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(20, 110, 70, 0.25);
  background: linear-gradient(135deg, #e7f8ee 0%, #d6f1e0 100%);
  color: #111111;
  box-shadow: 0 6px 18px rgba(20, 110, 70, 0.12);
  font-size: 14px;
  line-height: 1.4;
}

.signup-bonus-banner-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1b8a4a;
  color: #ffffff;
  font-weight: 800;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(20, 110, 70, 0.25);
}

.signup-bonus-banner-text {
  flex: 1;
  color: #111111;
}

.signup-bonus-banner-text strong {
  color: #111111;
}

.signup-bonus-banner-dismiss {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: none;
  background: rgba(11, 74, 42, 0.08);
  color: #111111;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease;
}

.signup-bonus-banner-dismiss:hover {
  background: rgba(11, 74, 42, 0.16);
}

.app-theme-dark .signup-bonus-banner {
  background: linear-gradient(135deg, rgba(27, 138, 74, 0.22) 0%, rgba(27, 138, 74, 0.12) 100%);
  border-color: rgba(96, 220, 150, 0.35);
  color: #f0f0f0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.app-theme-dark .signup-bonus-banner-text,
.app-theme-dark .signup-bonus-banner-text strong {
  color: #f0f0f0;
}

.app-theme-dark .signup-bonus-banner-dismiss {
  background: rgba(255, 255, 255, 0.08);
  color: #f0f0f0;
}

.app-theme-dark .signup-bonus-banner-dismiss:hover {
  background: rgba(255, 255, 255, 0.16);
}
@media (max-width: 640px) {
  .consulta-row-error-tooltip-content {
    left: 0;
    right: auto;
    max-width: 82vw;
  }

  .consulta-row-error-tooltip-content::before {
    left: 10px;
    right: auto;
  }

  .consulta-copy-toast {
    right: 10px;
    left: 10px;
    bottom: 10px;
    text-align: center;
  }
}

.consulta-detail-layout {
  display: grid;
  gap: 14px;
}

.consulta-detail-section h3 {
  margin: 0 0 8px;
  font-size: 16px;
  color: #333333;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.consulta-detail-section-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #edfff4;
  color: #333333;
}

.consulta-detail-section-icon svg {
  width: 15px;
  height: 15px;
}

.consulta-detail-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.consulta-detail-card {
  border: 1px solid #e1f5ea;
  border-radius: 12px;
  background: #fbfdff;
  padding: 10px 12px;
}

.consulta-detail-card p {
  margin: 0 0 6px;
  color: #333333;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

.consulta-detail-card strong {
  color: #111111;
  font-size: 17px;
  line-height: 1.3;
  word-break: break-word;
}

.consulta-detail-socios-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.consulta-detail-socio-card {
  border: 1px solid #d6f5e3;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdff 0%, #f1fff7 100%);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.consulta-detail-socio-card-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #c4edd6;
}

.consulta-detail-socio-card-idx {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #333333;
}

.consulta-detail-socio-card-nome {
  font-size: 16px;
  color: #111111;
  word-break: break-word;
}

.consulta-detail-cards--socio {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 720px) {
  .consulta-detail-socios-grid {
    grid-template-columns: 1fr;
  }
  .consulta-detail-cards--socio {
    grid-template-columns: 1fr;
  }
}

.admin-theme-dark .consulta-detail-socio-card {
  background: linear-gradient(180deg, #163a29 0%, #0f3020 100%);
  border-color: #295f44;
}

.admin-theme-dark .consulta-detail-socio-card-head {
  border-bottom-color: #295f44;
}

.admin-theme-dark .consulta-detail-socio-card-idx {
  color: #f0f0f0;
}

.admin-theme-dark .consulta-detail-socio-card-nome {
  color: #f0f0f0;
}

/* ---------------- Restrições e Negativações ---------------- */
.restricoes-status-chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.restricoes-status-chip--alerta {
  background: #fde2e2;
  color: #8a1c1c;
  border: 1px solid #f2b8b8;
}
.restricoes-status-chip--ok {
  background: #dff5e1;
  color: #111111;
  border: 1px solid #b6e0bd;
}
.restricoes-status-chip--neutro {
  background: #e9f9f1;
  color: #333333;
  border: 1px solid #c8ead8;
}

.restricoes-observacao-topo {
  margin: 10px 0 0;
  font-size: 13px;
}

.restricoes-empty {
  margin: 6px 0 0;
  padding: 12px 14px;
  border: 1px dashed #c4edd6;
  border-radius: 10px;
  background: #f7fbfe;
  font-size: 13px;
}

.restricoes-blocos {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.restricoes-bloco {
  border: 1px solid #f2b8b8;
  background: linear-gradient(180deg, #fff7f7 0%, #fdecec 100%);
  border-radius: 14px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.restricoes-bloco-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #f2b8b8;
}

.restricoes-bloco-idx {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #8a1c1c;
}

.restricoes-bloco-total {
  margin-left: auto;
  font-weight: 700;
  color: #8a1c1c;
}

.restricoes-bloco-obs {
  margin: 0;
  font-size: 13px;
}

.restricoes-cartorios-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.restricoes-cartorio-card {
  border: 1px solid #e1c5c5;
  border-radius: 12px;
  background: #fffafa;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.restricoes-cartorio-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.restricoes-cartorio-cidade {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #5a2222;
  background: #f7e2e2;
  border: 1px solid #efc9c9;
  border-radius: 999px;
  padding: 2px 10px;
}

.restricoes-cartorio-valor {
  font-weight: 700;
  color: #8a1c1c;
}

.restricoes-cartorio-nome {
  font-size: 15px;
  color: #4b1313;
  word-break: break-word;
}

.restricoes-cartorio-endereco {
  margin: 0;
  font-size: 12px;
}

.restricoes-acoes-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.restricoes-acao-card {
  border: 1px solid #d6f5e3;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdff 0%, #f1fff7 100%);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.restricoes-acao-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #c4edd6;
}

.restricoes-acao-idx {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #333333;
}

.restricoes-acao-tipo {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #333333;
  background: #e9fff4;
  border: 1px solid #c4edd6;
  border-radius: 999px;
  padding: 2px 10px;
}

.restricoes-acao-numero {
  font-size: 15px;
  color: #111111;
  word-break: break-word;
}
@media (max-width: 720px) {
  .restricoes-cartorios-grid,
  .restricoes-acoes-grid {
    grid-template-columns: 1fr;
  }
}

.admin-theme-dark .restricoes-status-chip--alerta {
  background: #4a1e1e;
  color: #ffd0d0;
  border-color: #6a2a2a;
}
.admin-theme-dark .restricoes-status-chip--ok {
  background: #1d3a23;
  color: #f0f0f0;
  border-color: #2a5232;
}
.admin-theme-dark .restricoes-status-chip--neutro {
  background: #1e4430;
  color: #f0f0f0;
  border-color: #295f44;
}
.admin-theme-dark .restricoes-bloco {
  background: linear-gradient(180deg, #2a1818 0%, #1f1212 100%);
  border-color: #6a2a2a;
}
.admin-theme-dark .restricoes-bloco-head {
  border-bottom-color: #6a2a2a;
}
.admin-theme-dark .restricoes-bloco-idx,
.admin-theme-dark .restricoes-bloco-total,
.admin-theme-dark .restricoes-cartorio-valor {
  color: #ffb4b4;
}
.admin-theme-dark .restricoes-cartorio-card {
  background: #1f1212;
  border-color: #6a2a2a;
}
.admin-theme-dark .restricoes-cartorio-cidade {
  background: #3b1c1c;
  color: #ffd0d0;
  border-color: #5a2828;
}
.admin-theme-dark .restricoes-cartorio-nome {
  color: #ffe1e1;
}
.admin-theme-dark .restricoes-empty {
  background: #0f3020;
  border-color: #295f44;
  color: #f0f0f0;
}
.admin-theme-dark .restricoes-acao-card {
  background: linear-gradient(180deg, #163a29 0%, #0f3020 100%);
  border-color: #295f44;
}
.admin-theme-dark .restricoes-acao-head {
  border-bottom-color: #295f44;
}
.admin-theme-dark .restricoes-acao-idx,
.admin-theme-dark .restricoes-acao-tipo {
  color: #f0f0f0;
}
.admin-theme-dark .restricoes-acao-tipo {
  background: #1e4430;
  border-color: #295f44;
}
.admin-theme-dark .restricoes-acao-numero {
  color: #f0f0f0;
}

.consulta-detail-outras-informacoes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 28px;
  padding: 14px 16px;
  border: 1px solid #e1f5ea;
  border-radius: 12px;
  background: linear-gradient(180deg, #fbfdff 0%, #f5fafe 100%);
}

.consulta-detail-outras-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.consulta-detail-outras-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
}

.consulta-detail-outras-label {
  font-weight: 800;
  color: #111111;
  font-size: 14px;
  flex-shrink: 0;
}

.consulta-detail-outras-value {
  font-weight: 500;
  color: #333333;
  font-size: 14px;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}
@media (max-width: 640px) {
  .consulta-detail-outras-informacoes {
    grid-template-columns: 1fr;
  }
}

.document-input-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.document-input-head label {
  margin: 0;
}

.document-inline-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
}

.document-inline-field {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.document-inline-field label {
  margin: 0;
  white-space: nowrap;
}

.document-inline-input {
  width: min(320px, 40vw);
}

.document-embedded-field {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 1px solid #c4d6d3;
  border-radius: 16px;
  background: #ffffff;
  padding: 7px 8px 7px 14px;
}

label.document-embedded-field {
  margin: 0;
  cursor: text;
}

.consulta-query-embedded-field {
  flex: 1;
  min-width: 0;
}

.consulta-pedido-shell .single-cpf-actions-row {
  margin-top: 2px;
}

.consulta-embedded-fields-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 4px;
}

.consulta-embedded-fields-stack--tight {
  gap: 10px;
  margin-bottom: 0;
}

.document-embedded-input::placeholder {
  color: #64748b;
  font-weight: 500;
  opacity: 1;
}

.app-theme-dark .document-embedded-input::placeholder {
  color: rgba(255, 255, 255, 0.42);
}

.single-cpf-actions-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.single-cpf-actions-row .document-embedded-field {
  flex: 1;
}

.document-embedded-label {
  color: #334155;
  font-weight: 600;
  white-space: nowrap;
}

.document-embedded-input {
  flex: 1;
  min-width: 0;
  border: none !important;
  outline: none;
  box-shadow: none;
  padding: 0 !important;
  border-radius: 0 !important;
}

.document-embedded-input:focus {
  outline: none;
}

select.document-embedded-input.document-embedded-select {
  flex: 1;
  min-width: 0;
  border: none !important;
  outline: none;
  box-shadow: none;
  padding: 0 4px 0 0 !important;
  border-radius: 0 !important;
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
  appearance: auto;
}

label.document-embedded-field:has(select.document-embedded-input) {
  cursor: default;
}

.form .document-embedded-submit {
  width: fit-content;
  margin: 0;
  border-radius: 999px;
  padding: 10px 18px;
}

.import-cpf-row {
  display: inline-flex;
  justify-content: flex-end;
}

.import-cpf-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.import-cpf-bottom-right {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

.multi-cpf-actions-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}

.consulta-pedido-batch-import {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.consulta-lote-textarea-block {
  margin-bottom: 2px;
}

.import-cpf-hint--below-lote {
  text-align: left;
  margin-top: 6px;
}

.import-cpf-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
}

.import-cpf-trigger:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.import-cpf-input {
  display: none;
}

.import-cpf-hint {
  margin: 2px 0 0;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
}

.app-theme-dark .import-cpf-hint {
  color: rgba(236, 242, 252, 0.82);
}
@media (max-width: 760px) {
  .document-inline-row {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .consulta-mode-switch {
    flex-direction: column;
  }

  .document-embedded-field {
    gap: 8px;
    padding: 8px 8px 8px 10px;
  }

  .single-cpf-actions-row {
    flex-direction: column;
    align-items: stretch;
  }

  .document-embedded-label {
    font-size: 13px;
  }

  .form .document-embedded-submit {
    padding: 9px 14px;
    font-size: 13px;
  }

  .document-inline-field {
    width: 100%;
    align-items: center;
  }

  .document-inline-input {
    width: 100%;
  }

  .import-cpf-actions {
    align-items: flex-start;
  }

  .import-cpf-bottom-right {
    justify-content: flex-start;
  }

  .multi-cpf-actions-row {
    flex-direction: column;
    align-items: stretch;
  }

  .consulta-pedido-batch-import {
    justify-content: flex-end;
    width: 100%;
  }

  .import-cpf-hint {
    text-align: left;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.pagination button {
  border: 1px solid var(--exec-border-strong, #b8e6cc);
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%);
  color: #111111;
  padding: 9px 16px;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.pagination button:hover:not(:disabled) {
  border-color: #111111;
  background: #ffffff;
  color: #111111;
}

.pagination button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}

.pagination-pages {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pagination .page-number {
  min-width: 36px;
  padding: 8px 10px;
  background: #f0f5fa;
  color: #333333;
  border-radius: 10px;
  border: 1px solid transparent;
}

.pagination .page-number.active {
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.25);
  border-color: transparent;
}

.pagination-ellipsis {
  color: #333333;
  font-weight: 700;
  padding: 0 4px;
}

.admin-theme-dark .pagination button {
  background: linear-gradient(180deg, #565656 0%, #716a9c 100%);
  border-color: #64748b;
  color: #f0fff6;
}

.admin-theme-dark .pagination button:hover:not(:disabled) {
  border-color: #38bdf8;
  color: #ffffff;
}

.admin-theme-dark .pagination .page-number {
  background: rgba(255, 255, 255, 0.06);
  color: #f0f0f0;
}

.admin-theme-dark .pagination .page-number.active {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
}

table {
  width: 100%;
  border-collapse: collapse;
}
@media (min-width: 901px) {
  table {
    min-width: 760px;
  }
}

th,
td {
  border-bottom: 1px solid #ececf2;
  padding: 10px;
  text-align: left;
}
@media (min-width: 901px) {
  th,
  td {
    white-space: nowrap;
  }
}

th {
  color: #111111;
  background: linear-gradient(180deg, #f6f9fc 0%, #eef3f8 100%);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 800;
}

.auth-layout {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #d7d8e1;
  min-height: 560px;
  margin-top: 10px;
}

.auth-left {
  padding: 32px;
  background: #ffffff;
}

.auth-right {
  padding: 32px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.outline-link {
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 10px;
  padding: 10px 14px;
  width: fit-content;
  text-decoration: none;
  font-family: var(--font-cta);
  font-weight: 700;
}

.back-link {
  display: inline-block;
  margin-bottom: 10px;
  color: #f0f0f0;
  border: 1px solid #e11d48;
  border-radius: 10px;
  padding: 8px 14px;
  text-decoration: none;
  font-family: var(--font-cta);
  font-weight: 700;
}

.top-back-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  border: none;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding: 9px 16px 9px 12px;
  border-radius: var(--exec-radius-md, 14px);
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.28);
  transition:
    filter 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

.top-back-button span {
  font-size: 1rem;
  line-height: 1;
  font-weight: 800;
}

.app-theme-dark .top-back-button {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  border-color: transparent;
  color: #ffffff;
}

.top-back-button:hover {
  filter: brightness(1.05);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.35);
  transform: translateY(-1px);
}

.app-theme-dark .top-back-button:hover {
  color: #fff;
  border-color: #38bdf8;
}

.completion-card {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #ececf2;
}

.two-columns {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 8px;
}

.auth-card {
  max-width: 560px;
  margin: 0 auto;
}

.email-verification-card {
  max-width: 540px;
  margin: 32px auto 0;
  padding: 32px 28px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.email-verification-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d6ffe6 0%, #b7f6cf 100%);
  color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(27, 95, 184, 0.25);
}

.email-verification-icon--success {
  background: linear-gradient(135deg, #d9f6e2 0%, #b6ecc6 100%);
  color: #333333;
  box-shadow: 0 8px 20px rgba(20, 130, 58, 0.25);
}

.email-verification-icon--warn {
  background: linear-gradient(135deg, #fff3cf 0%, #ffe49a 100%);
  color: #a96900;
  box-shadow: 0 8px 20px rgba(169, 105, 0, 0.22);
}

.email-verification-icon--error {
  background: linear-gradient(135deg, #fde0e0 0%, #f8b6b6 100%);
  color: #b81b1b;
  box-shadow: 0 8px 20px rgba(184, 27, 27, 0.22);
}

.email-verification-title {
  margin: 4px 0 0;
  font-size: clamp(1.2rem, 2.4vw, 1.5rem);
  color: #111111;
}

.email-verification-lead {
  margin: 0;
  color: #333333;
  line-height: 1.55;
  font-size: 15px;
}

.email-verification-lead strong {
  color: #111111;
}

.email-verification-lead--warn {
  padding: 12px 14px;
  border-radius: 10px;
  background: #fff8e6;
  border: 1px solid #e6c875;
  color: #5c4512;
  font-size: 14px;
}

.email-verification-dev-box {
  margin: 10px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: #f1f6f8;
  border: 1px solid #cbe1d3;
  text-align: left;
}

.email-verification-dev-box p {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.email-verification-dev-link {
  display: inline-block;
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
  color: #f0f0f0;
  word-break: break-all;
}

.email-verification-dev-code {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  word-break: break-all;
  color: #333333;
}

.app-theme-dark .email-verification-lead--warn {
  background: #3d3318;
  border-color: #6b5a2a;
  color: #fdecc8;
}

.app-theme-dark .email-verification-dev-box {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.app-theme-dark .email-verification-dev-box p {
  color: var(--dark-text-soft);
}

.app-theme-dark .email-verification-dev-link {
  color: #f0f0f0;
}

.app-theme-dark .email-verification-dev-code {
  color: var(--dark-text-soft);
}

.email-verification-bonus {
  margin: 4px 0 0;
  padding: 10px 14px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e7f8ee 0%, #d6f1e0 100%);
  border: 1px solid rgba(20, 130, 58, 0.25);
  color: #111111;
  font-size: 14px;
  line-height: 1.45;
}

.email-verification-bonus strong {
  color: #111111;
  font-weight: 800;
}

.email-verification-hint {
  margin: 4px 0 0;
  color: #333333;
  font-size: 13px;
  line-height: 1.5;
}

.email-verification-label {
  margin: 12px 0 -4px;
  align-self: flex-start;
  font-size: 13px;
  font-weight: 600;
  color: #111111;
}

.email-verification-input {
  width: 100%;
  padding: 11px 13px;
  border-radius: 10px;
  border: 1px solid #cbe1d3;
  font-size: 15px;
  color: #111111;
  background: #ffffff;
}

.email-verification-input:focus {
  outline: none;
  border-color: #19ba54;
  box-shadow: 0 0 0 3px rgba(27, 95, 184, 0.18);
}

.email-verification-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
  width: 100%;
  justify-content: center;
}

.email-verification-resend {
  border: none;
  background: linear-gradient(135deg, #19ba54 0%, #0f7334 100%);
  color: #ffffff;
  padding: 11px 18px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(16, 58, 114, 0.25);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.email-verification-resend:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(16, 58, 114, 0.3);
}

.email-verification-resend:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.email-verification-secondary {
  background: transparent;
  border: 1px solid #cbe1d3;
  color: #111111;
  padding: 11px 18px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.email-verification-secondary:hover {
  background: #f1f6f8;
}

.email-verification-feedback {
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
}

.email-verification-feedback--success {
  background: #e7f8ee;
  color: #111111;
  border: 1px solid rgba(20, 130, 58, 0.25);
}

.email-verification-feedback--error {
  background: #fde0e0;
  color: #7a1717;
  border: 1px solid rgba(184, 27, 27, 0.25);
}

.email-verification-feedback--loading {
  background: #eef6fa;
  color: #111111;
  border: 1px solid rgba(27, 95, 184, 0.2);
}

.app-theme-dark .email-verification-card {
  background: #113321;
  border-color: rgba(255, 255, 255, 0.08);
}

.app-theme-dark .email-verification-title {
  color: #f0f0f0;
}

.app-theme-dark .email-verification-lead,
.app-theme-dark .email-verification-hint {
  color: rgba(228, 234, 246, 0.78);
}

.app-theme-dark .email-verification-lead strong {
  color: #f0f0f0;
}

.app-theme-dark .email-verification-input {
  background: rgba(255, 255, 255, 0.04);
  color: #f0f0f0;
  border-color: rgba(255, 255, 255, 0.12);
}

.app-theme-dark .email-verification-secondary {
  color: #f0f0f0;
  border-color: rgba(255, 255, 255, 0.16);
}

.app-theme-dark .email-verification-secondary:hover {
  background: rgba(255, 255, 255, 0.06);
}

.login-email-verify-alert {
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(27, 95, 184, 0.25);
  background: linear-gradient(135deg, #eef6fa 0%, #dbf8e5 100%);
  color: #111111;
}

.login-email-verify-text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #111111;
}

.login-email-verify-text strong {
  color: #111111;
}

.login-email-verify-cta {
  border: none;
  background: linear-gradient(135deg, #19ba54 0%, #0f7334 100%);
  color: #ffffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(16, 58, 114, 0.22);
}

.login-email-verify-cta:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.login-email-verify-feedback {
  margin: 8px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.login-email-verify-feedback--success {
  color: #111111;
}

.login-email-verify-feedback--error {
  color: #7a1717;
}

.app-theme-dark .login-email-verify-alert {
  background: rgba(27, 95, 184, 0.12);
  border-color: rgba(96, 152, 220, 0.35);
  color: #f0f0f0;
}

.app-theme-dark .login-email-verify-text,
.app-theme-dark .login-email-verify-text strong {
  color: #f0f0f0;
}

.cadastro-form {
  gap: 16px;
}

.cadastro-form label {
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #111111;
}

.cadastro-form input {
  border-color: #c5ddcf;
  border-radius: 10px;
}

.cadastro-actions {
  margin-top: 10px;
}

.cadastro-actions.login-submit-row {
  justify-content: stretch;
}

.cadastro-submit-loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 700;
}

.cadastro-submit-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  animation: consulta-spin 0.8s linear infinite;
  flex-shrink: 0;
}

.cadastro-form input:disabled {
  opacity: 0.72;
  cursor: not-allowed;
  background: #f0f4f7;
}

.app-theme-dark .cadastro-form input:disabled {
  background: rgba(255, 255, 255, 0.06);
}

.app-theme-dark .cadastro-form label,
.app-theme-dark .cadastro-password-grid label {
  color: var(--dark-text-soft);
}

.cadastro-password-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.cadastro-password-grid > div {
  display: grid;
  gap: 8px;
}

.cadastro-terms {
  margin: 4px 0 0;
  color: #475569;
  font-size: 16px;
}

.cadastro-terms-link {
  color: #0f6b41;
  font-weight: 700;
  text-decoration: none;
}

.cadastro-terms-link:hover {
  text-decoration: underline;
}

.app-theme-dark .cadastro-terms {
  color: rgba(236, 242, 252, 0.82);
}

.app-theme-dark .cadastro-terms-link {
  color: #7fe0b0;
}

.app-theme-dark .cadastro-auth-login {
  color: #38bdf8;
}

.app-theme-dark .cadastro-auth-login:hover {
  color: #ffffff;
}

.legal-card h2 {
  color: var(--exec-navy-mid, #111111);
  font-size: 1.65rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0 0 16px;
}

.legal-doc {
  font-size: 0.95rem;
  color: #1a1a1a;
}

.legal-doc h3 {
  margin: 28px 0 10px;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--exec-navy-mid, #111111);
  letter-spacing: -0.02em;
}

.legal-doc p {
  margin: 0 0 12px;
}

.legal-doc ul {
  margin: 0 0 14px;
  padding-left: 1.25rem;
}

.legal-doc li {
  margin-bottom: 6px;
}

.legal-doc .legal-muted {
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 20px;
}

.help-page {
  padding-bottom: 40px;
}

.help-page-header {
  margin-bottom: 22px;
}

.help-page-eyebrow {
  margin: 0 0 6px;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #333333;
}

.help-page-header h1 {
  margin: 0 0 10px;
  font-size: clamp(1.5rem, 4vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--exec-navy-mid, #111111);
}

.help-page-lead {
  margin: 0;
  max-width: 42rem;
  font-size: 1rem;
  line-height: 1.55;
}

.help-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.help-tab {
  border: 1px solid var(--exec-border-strong, #b8e6cc);
  background: #fff;
  color: var(--exec-navy-mid, #111111);
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 10px 14px;
  border-radius: 999px;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.help-tab:hover {
  border-color: var(--exec-blue, #e11d48);
  color: #111111;
}

.help-tab.active {
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.3);
}

.help-panel {
  padding: 26px 28px;
}

.help-article h2 {
  margin: 0 0 12px;
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--exec-navy-mid, #111111);
}

.help-article h3 {
  margin: 22px 0 8px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #111111;
}

.help-article p,
.help-article li {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #1a1a1a;
}

.help-article ul {
  margin: 0 0 14px;
  padding-left: 1.2rem;
}

.help-article li {
  margin-bottom: 6px;
}

.help-article .help-callout {
  margin: 16px 0;
  padding: 14px 16px;
  border-radius: var(--exec-radius-md, 14px);
  border: 1px solid var(--exec-border, #e2e8f0);
  background: linear-gradient(180deg, #f8fafd 0%, #eef5fa 100%);
  font-size: 0.9rem;
  color: #111111;
}

.app-theme-dark .help-tab {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .help-tab.active {
  background: linear-gradient(180deg, #2e8f50 0%, #257943 100%);
  color: #fff;
}

.app-theme-dark .help-article p,
.app-theme-dark .help-article li,
.app-theme-dark .legal-doc,
.app-theme-dark .legal-doc li {
  color: var(--dark-text-soft);
}

.app-theme-dark .help-article h2,
.app-theme-dark .help-article h3,
.app-theme-dark .legal-doc h3,
.app-theme-dark .help-page-header h1 {
  color: var(--dark-text);
}

.app-theme-dark .help-article .help-callout {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.app-theme-dark .legal-card h2 {
  color: var(--dark-text);
}

.app-theme-dark .legal-muted {
  color: var(--dark-text-soft) !important;
}

.legal-identity-block .legal-identity-line {
  margin: 0 0 8px;
}

.legal-identity-block .legal-identity-line--last {
  margin-bottom: 0;
}

.recovery-card {
  max-width: 760px;
  padding: 32px 36px;
}

.recovery-title {
  margin: 0 0 8px;
  font-size: 36px;
  color: #111111;
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.2px;
}

.recovery-description {
  margin: 0 0 18px;
  color: #475569;
  font-size: 15px;
  font-family: var(--font-base);
  font-weight: 500;
  max-width: 620px;
}

.recovery-card .form input {
  min-height: 52px;
  font-family: var(--font-base);
  font-size: 16px;
}

.recovery-card .form input::placeholder {
  font-family: var(--font-base);
  font-size: 16px;
  font-weight: 500;
}

.recovery-submit-button {
  width: min(360px, 100%) !important;
  justify-self: center;
  min-height: 40px;
  font-family: var(--font-cta) !important;
  font-size: 14px;
  font-weight: 700;
}

.recovery-alert-card {
  max-width: 520px;
  padding-top: 22px;
}

.recovery-alert-message {
  margin: 0;
  text-align: center;
  font-size: 22px;
  color: #111111;
  font-family: var(--font-heading);
  font-weight: 700;
}

.recovery-alert-actions {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.recovery-alert-ok-button {
  width: min(320px, 100%);
  min-height: 40px;
  border: none;
  border-radius: 10px;
  background: #e11d48;
  color: #ffffff;
  font-family: var(--font-cta);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

.login-center-card {
  max-width: 620px;
  margin: 24px auto;
  background: #ffffff;
  border: 1px solid #d7d8e1;
  border-radius: 12px;
  padding: 24px;
}

.login-layout {
  margin-top: 12px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.app-main-grow:has(.page-wrap--auth-portal) {
  display: flex;
  flex-direction: column;
}

.page-wrap--auth-portal {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  min-height: calc(100dvh - 280px);
  padding-top: clamp(28px, 5vw, 48px);
  padding-bottom: clamp(36px, 6vw, 56px);
}

.page-wrap--auth-portal > :is(#login-root, #cadastro-root, #recuperar-senha-root),
.page-wrap--auth-portal > :is(.auth-portal-back, .card.auth-card, .email-verification-card) {
  width: 100%;
  max-width: 480px;
  margin-inline: auto;
}

.auth-portal-layout {
  width: min(100%, 480px);
  margin: 0 auto;
}

.auth-portal-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
  padding: 28px 30px 26px;
}

.auth-portal-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, #be123c 0%, #e11d48 45%, #7dd3fc 100%);
}

.auth-portal-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 18px;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 0.92rem;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.15s ease;
}

.auth-portal-back:hover {
  color: #1d4ed8;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.auth-portal-title {
  margin: 0 0 22px;
  font-size: clamp(1.55rem, 3.4vw, 1.95rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #434162;
}

.auth-portal-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.auth-portal-form--signup {
  gap: 12px;
}

.auth-portal-field {
  position: relative;
}

.auth-portal-field-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
  display: inline-flex;
}

.auth-portal-input {
  width: 100%;
  min-height: 52px;
  padding: 12px 14px 12px 44px;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  font-size: 0.98rem;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.auth-portal-field--password .auth-portal-input {
  padding-right: 46px;
}

.auth-portal-input::placeholder {
  color: #94a3b8;
}

.auth-portal-input:focus {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.22);
}

.auth-portal-input:disabled {
  opacity: 0.72;
  cursor: not-allowed;
}

.auth-portal-password-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition:
    color 0.15s ease,
    background-color 0.15s ease;
}

.auth-portal-password-toggle:hover:not(:disabled) {
  color: #64748b;
  background: #f1f5f9;
}

.auth-portal-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.auth-portal-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  font-weight: 600;
  color: #334155;
  cursor: pointer;
}

.auth-portal-checkbox input {
  width: 16px;
  height: 16px;
  accent-color: #e11d48;
  cursor: pointer;
}

.auth-portal-link {
  font-size: 0.88rem;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
}

.auth-portal-link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.auth-portal-submit {
  width: 100%;
  min-height: 52px;
  margin-top: 4px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: var(--font-cta);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  box-shadow: 0 8px 22px rgba(190, 18, 60, 0.28);
  transition:
    filter 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

.auth-portal-submit:hover:not(:disabled) {
  filter: brightness(1.04);
  box-shadow: 0 10px 26px rgba(190, 18, 60, 0.34);
  transform: translateY(-1px);
}

.auth-portal-submit:disabled {
  opacity: 0.72;
  cursor: wait;
}

.auth-portal-terms {
  margin: 2px 0 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: #64748b;
}

.auth-portal-alerts {
  margin-top: 14px;
}

.auth-portal-alerts .error,
.auth-portal-alerts .success,
.auth-portal-form .error {
  margin: 0;
  font-size: 0.88rem;
}

.auth-portal-footer {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
  text-align: center;
}

.auth-portal-footer p {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 500;
  color: #64748b;
}

.auth-portal-footer-link {
  font-weight: 700;
  color: #be123c;
  text-decoration: none;
}

.auth-portal-footer-link:hover {
  color: #e11d48;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.login-layout.auth-layout {
  position: relative;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--exec-radius-lg, 18px);
  border: 1px solid var(--exec-border, #e2e8f0);
  box-shadow: var(--exec-shadow, 0 4px 22px rgba(15, 23, 42, 0.07));
  min-height: 520px;
}

.login-layout.auth-layout.login-layout--single {
  grid-template-columns: 1fr;
  max-width: 440px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
}

.login-auth-left--single {
  width: 100%;
  padding: 28px 28px 32px;
}

.login-layout--single .login-page-header {
  max-width: none;
  margin-bottom: 24px;
}

.login-layout--single .login-page-header .login-title {
  margin-bottom: 0;
}

.login-layout--single .login-portal-link--back {
  margin: 0 0 20px;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #64748b;
  gap: 8px;
}

.login-layout--single .login-portal-link--back:hover {
  color: #be123c;
}

.login-layout--single .login-portal-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background: rgba(190, 18, 60, 0.1);
  color: #be123c;
  font-size: 0.95rem;
  line-height: 1;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.login-layout--single .login-portal-link--back:hover .login-portal-link-icon {
  background: rgba(190, 18, 60, 0.18);
  color: #fa5b74;
}

.login-layout--single .login-form-card {
  margin-top: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
}

.login-signup-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #e2e8f0;
  text-align: center;
}

.login-signup-footer-text {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: #64748b;
}

.login-signup-footer-link {
  font-size: 0.92rem;
  font-weight: 700;
  color: #be123c;
  text-decoration: none;
  transition: color 0.15s ease;
}

.login-signup-footer-link:hover {
  color: #e11d48;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.login-layout.auth-layout::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  z-index: 2;
  border-radius: var(--exec-radius-lg, 18px) var(--exec-radius-lg, 18px) 0 0;
  background: linear-gradient(90deg, #be123c 0%, #e11d48 45%, #7dd3fc 100%);
}

.login-auth-left {
  padding: 26px 32px 34px;
  background: linear-gradient(180deg, #f9fbff 0%, #ffffff 42%);
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cadastro-auth-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  margin-bottom: 16px;
}

.cadastro-auth-nav .login-portal-link {
  margin: 0;
}

.cadastro-auth-login {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #be123c;
  padding: 0;
  transition: color 0.15s ease;
}

.cadastro-auth-login:hover {
  color: #0d5c56;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.login-portal-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 18px;
  width: fit-content;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  border: none;
  background: transparent;
  padding: 0;
  transition: color 0.15s ease;
}

.login-portal-link:hover {
  color: #111111;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.login-page-header {
  margin: 0 0 22px;
  max-width: 32rem;
}

.login-eyebrow {
  margin: 0 0 8px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #333333;
}

.login-title {
  margin: 0 0 10px;
  font-size: clamp(1.45rem, 3.2vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--exec-navy-mid, #111111);
}

.login-lead {
  margin: 0;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.55;
  color: #333333;
}

.login-form-card {
  border-radius: var(--exec-radius-md, 14px);
  border: 1px solid #e2f5e9;
  background: #ffffff;
  box-shadow: 0 2px 14px rgba(8, 72, 45, 0.05);
  padding: 22px 22px 20px;
}

.login-form {
  gap: 14px;
}

.login-form .form label,
.login-layout .login-form .form label {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #333333;
  font-weight: 800;
}

.login-form .form input:not([type="checkbox"]),
.login-layout .login-form .form input:not([type="checkbox"]) {
  background: #fbfcff;
  border: 1px solid #c8e8d6;
  min-height: 50px;
  padding: 10px 14px;
  font-size: 1rem;
  border-radius: var(--exec-radius-sm, 10px);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.login-form .form input:not([type="checkbox"]):focus,
.login-layout .login-form .form input:not([type="checkbox"]):focus {
  outline: none;
  border-color: #111111;
  box-shadow: 0 0 0 3px rgba(23, 138, 85, 0.18);
}

.login-form .form input::placeholder,
.login-layout .login-form .form input::placeholder {
  color: #64748b;
  opacity: 1;
  font-size: 0.95rem;
}

.login-form-meta {
  align-items: center;
  margin-top: 2px;
}

.login-checkbox {
  font-size: 0.82rem;
  font-weight: 600;
  color: #333333;
}

.login-divider-wrap {
  margin-top: 22px;
}

.login-social-eyebrow {
  margin: 0 0 8px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #333333;
  text-align: center;
}

.login-social-buttons {
  margin-top: 4px;
}

.login-social-btn {
  border-radius: var(--exec-radius-sm, 10px) !important;
  min-height: 46px;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  text-transform: none;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.login-social-btn--google .login-social-btn__icon {
  margin-left: 2px;
}

.login-social-btn--linkedin .login-social-btn__label {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.login-primary-cta {
  width: 100%;
  min-height: 50px;
  border: none;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  font-family: var(--font-cta);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  box-shadow: 0 4px 16px rgba(255, 106, 0, 0.32);
  transition:
    filter 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

.login-primary-cta:hover {
  filter: brightness(1.05);
  box-shadow: 0 6px 20px rgba(255, 106, 0, 0.38);
  transform: translateY(-1px);
}

.login-primary-cta:active {
  transform: translateY(0);
}

.login-primary-cta:disabled {
  opacity: 0.72;
  cursor: wait;
  filter: brightness(0.96);
  transform: none;
  pointer-events: none;
}

.login-primary-cta--compact {
  margin-top: 8px;
  max-width: 100%;
}

.login-google-completion h3 {
  margin-top: 0;
  font-size: 1rem;
  font-weight: 800;
  color: var(--exec-navy-mid, #111111);
}

.login-completion-hint {
  margin: 0 0 12px;
  font-size: 0.88rem;
}

.login-alerts {
  margin-top: 16px;
}

.auth-card .form label {
  font-size: 20px;
  color: #333333;
  font-weight: 700;
}

.auth-card .form input:not([type="checkbox"]),
.auth-card .form select {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  min-height: 44px;
  padding: 8px 12px;
  font-size: 18px;
}

.auth-card .form input::placeholder {
  color: #64748b;
  opacity: 1;
  font-size: 18px;
}

.forgot-link {
  color: #333333;
  text-decoration: none;
  font-size: 13px;
}

.login-submit-row {
  display: flex;
  justify-content: stretch;
  margin-top: 6px;
}

.login-submit-row .login-primary-cta {
  flex: 1;
}

.login-google-completion {
  margin-top: 18px;
  padding: 18px 18px 16px;
  border-radius: var(--exec-radius-md, 14px);
  border: 1px solid #e2f5e9;
  background: linear-gradient(180deg, #f7fbfe 0%, #ffffff 100%);
}

.login-signup-cta-panel {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #f2f7fb;
  cursor: pointer;
  align-self: stretch;
  min-height: 0;
  background: #383457;
  padding: 22px 22px 26px;
  transition: filter 0.2s ease, box-shadow 0.2s ease;
}

.login-signup-cta-panel:hover {
  filter: brightness(1.05);
}

.login-signup-cta-panel:focus-visible {
  outline: 3px solid #38bdf8;
  outline-offset: -3px;
  z-index: 1;
}

.login-signup-cta-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(155deg, #0f172a 0%, #4f4b68 55%, #7a3d05 100%);
  pointer-events: none;
}

.login-signup-cta-panel--simple {
  display: flex;
  flex-direction: column;
  padding: 22px 22px 28px;
}

.login-signup-cta-panel--simple .login-signup-cta-inner--simple {
  flex: 1 1 auto;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 12px 12px 8px;
  max-width: 100%;
  gap: 20px;
}

.login-signup-cta-panel--simple .login-signup-cta-copy {
  flex: 0 0 auto;
  width: 100%;
}

.login-signup-cta-lead--simple {
  margin-bottom: 0;
  color: rgba(236, 242, 252, 0.88);
}

.login-signup-cta-glow {
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  filter: blur(48px);
  opacity: 0.38;
  pointer-events: none;
}

.login-signup-cta-glow--tl {
  top: -80px;
  left: -60px;
  background: radial-gradient(circle, rgba(255, 146, 72, 0.55) 0%, transparent 70%);
}

.login-signup-cta-glow--br {
  bottom: -100px;
  right: -40px;
  background: radial-gradient(circle, rgba(255, 210, 120, 0.35) 0%, transparent 72%);
}

.login-signup-cta-deco {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 46%;
  min-height: 120px;
  color: rgba(255, 255, 255, 0.95);
  pointer-events: none;
  z-index: 0;
}

.login-signup-cta-deco-svg {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.14;
}

.login-signup-cta-frame {
  position: absolute;
  inset: 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  z-index: 1;
}

.login-signup-cta-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px 22px;
  width: 100%;
  max-width: 26rem;
  margin: 0 auto;
  padding: 6px 4px 52px;
}

.login-signup-cta-copy {
  flex: 1 1 200px;
  min-width: 0;
  text-align: center;
}

.login-signup-cta-eyebrow {
  margin: 0 0 10px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(198, 214, 240, 0.95);
}

.login-signup-cta-title {
  margin: 0 0 12px;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: #ffffff;
}

.login-signup-cta-lead {
  margin: 0 0 14px;
  width: 100%;
  font-size: clamp(0.92rem, 2vw, 1.02rem);
  font-weight: 500;
  line-height: 1.55;
  color: rgba(236, 242, 252, 0.9);
}

.login-signup-cta-lead strong {
  font-weight: 800;
  color: #ffe9b0;
}

.login-signup-cta-pillars {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.login-signup-cta-pillars li {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(240, 250, 255, 0.95);
  background: rgba(8, 24, 48, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.login-signup-cta-bonus {
  margin: 0 auto;
  max-width: 22rem;
  padding: 10px 12px;
  border-radius: 10px;
  text-align: left;
  font-size: clamp(0.85rem, 1.9vw, 0.94rem);
  line-height: 1.45;
  font-weight: 500;
  color: #fff5d6;
  background: rgba(255, 233, 176, 0.14);
  border: 1px solid rgba(255, 233, 176, 0.42);
}

.login-signup-cta-bonus strong {
  font-weight: 800;
  color: #ffe9b0;
}

.login-signup-cta-bonus-hint {
  font-weight: 600;
  color: rgba(255, 248, 220, 0.82);
  font-size: 0.92em;
}

.login-signup-cta-stat {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  padding: 14px 14px 12px;
  align-self: flex-start;
  border-radius: 14px;
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.1) 0%, rgba(8, 24, 48, 0.55) 100%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 22px rgba(0, 0, 0, 0.2);
}

.login-signup-cta-stat-num {
  font-size: 1.85rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #ffffff;
}

.login-signup-cta-stat-l1 {
  margin-top: 6px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(220, 232, 248, 0.88);
}

.login-signup-cta-stat-l2 {
  margin-top: 2px;
  font-size: 0.72rem;
  font-weight: 700;
  color: #f0f4fa;
  text-align: center;
  line-height: 1.25;
  max-width: 7rem;
}

.login-signup-cta-pill-btn {
  flex: 1 1 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  padding: 13px 22px;
  border-radius: 12px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  border: 2px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 10px 26px rgba(0, 12, 32, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  pointer-events: none;
}

.login-signup-cta-panel:hover .login-signup-cta-pill-btn {
  filter: brightness(1.06);
}

.app-theme-dark .login-signup-cta-pill-btn {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.login-signup-cta-inner--simple > .login-signup-cta-pill-btn {
  flex: 0 0 auto;
  align-self: center;
  margin-top: 0;
  width: auto;
  max-width: min(100%, 20rem);
  text-transform: none;
  letter-spacing: 0.04em;
  font-size: 0.8rem;
  padding: 11px 18px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0, 12, 32, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
@media (max-width: 420px) {
  .login-signup-cta-inner--simple > .login-signup-cta-pill-btn {
    width: 100%;
    max-width: none;
  }
}

.login-links-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.login-links-row a {
  color: #111111;
}

.login-links-row button {
  margin-left: auto;
}

.divider {
  margin: 18px 0;
  text-align: center;
  color: #333333;
  position: relative;
}

.divider::before,
.divider::after {
  content: "";
  height: 1px;
  width: 32%;
  background: #dadde6;
  position: absolute;
  top: 50%;
}

.divider::before {
  left: 0;
}

.divider::after {
  right: 0;
}

.social-buttons {
  display: grid;
  gap: 10px;
}

.google-button,
.linkedin-button {
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
}

.login-social-btn__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.login-social-btn__label {
  flex: 0 1 auto;
  text-align: left;
}

.login-social-google-mark {
  display: block;
}

.login-social-linkedin-mark {
  display: block;
  color: #ffffff;
}

.google-button.login-social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #ffffff;
  color: #1f1f1f;
  border: 1px solid #dadce0;
  font-weight: 500;
  box-shadow:
    0 1px 2px rgba(60, 64, 67, 0.12),
    0 1px 3px 1px rgba(60, 64, 67, 0.06);
}

.google-button.login-social-btn:hover {
  background: #f8f9fa;
  border-color: #d2d3d7;
  box-shadow:
    0 1px 3px rgba(60, 64, 67, 0.18),
    0 4px 8px 3px rgba(60, 64, 67, 0.08);
}

.linkedin-button.login-social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #0a66c2;
  color: #ffffff;
  border: 1px solid #0a66c2;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(10, 102, 194, 0.35);
}

.linkedin-button.login-social-btn:hover {
  background: #004182;
  border-color: #004182;
  box-shadow: 0 4px 14px rgba(0, 65, 130, 0.4);
}

.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.dashboard-header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--exec-navy-mid, #111111);
}

.date-range-filters {
  display: flex;
  gap: 10px;
  align-items: end;
}

.date-range-filters label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #333333;
}

.date-range-filters input[type="date"] {
  min-height: 42px;
  border: 1px solid var(--exec-border-strong, #b8e6cc);
  border-radius: var(--exec-radius-sm, 10px);
  padding: 8px 10px;
  font: inherit;
  font-size: 0.875rem;
  color: #111111;
  background: #ffffff;
}

.date-range-picker {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.date-range-picker > h3 {
  margin: 0;
}

.date-range-picker__presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.date-range-picker__preset {
  appearance: none;
  border: 1px solid var(--exec-border-strong, #c8d0d7);
  border-radius: 999px;
  background: #ffffff;
  color: var(--exec-navy-mid, #312e81);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  padding: 9px 14px;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.date-range-picker__preset:hover {
  border-color: rgba(255, 106, 0, 0.45);
  background: #fff7f0;
}

.date-range-picker__preset.is-active {
  border-color: transparent;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(190, 18, 60, 0.22);
}

.date-range-picker__navigator {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--exec-border, #e4e9ed);
  border-radius: var(--exec-radius-md, 14px);
  background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);
}

.date-range-picker__nav-btn {
  appearance: none;
  width: 38px;
  height: 38px;
  border: 1px solid var(--exec-border-strong, #c8d0d7);
  border-radius: 999px;
  background: #ffffff;
  color: var(--exec-navy-mid, #312e81);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

.date-range-picker__nav-btn:hover:not(:disabled) {
  border-color: rgba(255, 106, 0, 0.45);
  color: var(--exec-blue-deep, #be123c);
  background: #fff7f0;
}

.date-range-picker__nav-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.date-range-picker__summary {
  min-width: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.date-range-picker__summary strong {
  color: var(--exec-navy-mid, #312e81);
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.date-range-picker__summary-meta,
.date-range-picker__summary-hint {
  color: #5a6b85;
  font-size: 0.74rem;
  line-height: 1.35;
}

.date-range-picker__manual {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px;
  align-items: end;
}

.date-range-picker__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #333333;
}

.date-range-picker__field input[type="date"] {
  min-height: 42px;
  border: 1px solid var(--exec-border-strong, #c8d0d7);
  border-radius: var(--exec-radius-sm, 10px);
  padding: 8px 10px;
  font: inherit;
  font-size: 0.875rem;
  color: #111111;
  background: #ffffff;
}

.date-range-picker__apply:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  filter: grayscale(0.15);
}

.date-range-picker--dashboard {
  margin-bottom: 12px;
}

.date-range-picker--dashboard > h3 {
  display: none;
}
@media (max-width: 768px) {
  .date-range-picker__manual {
    grid-template-columns: 1fr;
  }

  .date-range-picker__apply {
    width: 100%;
  }

  .date-range-picker__navigator {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .date-range-picker__nav-btn {
    width: 100%;
    max-width: 220px;
    border-radius: var(--exec-radius-sm, 10px);
    height: 40px;
  }
}

.chart-grid {
  margin-top: 14px;
  min-height: 160px;
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-md, 14px);
  display: flex;
  align-items: end;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 14px;
  background: linear-gradient(180deg, #fbfcff 0%, #f3f7fa 100%);
}

.payment-statement-table {
  margin-top: 8px;
}

.payment-statement-table table th,
.payment-statement-table table td {
  white-space: nowrap;
}

.payment-statement-table .whatsapp-edit-action,
.payment-statement-table .whatsapp-edit-action:hover:not(:disabled) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.bar-item {
  min-width: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #333333;
  font-size: 11px;
}

.bar-value {
  color: #333333;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.bar {
  width: 22px;
  border-radius: 6px 6px 0 0;
  background: #ff8207;
}

.top-credits-card h3 {
  margin: 0 0 4px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #333333;
}

.credit-value {
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: 800;
  color: #111111;
  margin: 4px 0 14px;
  letter-spacing: -0.02em;
}

.free-consultas-counter {
  margin: -2px 0 12px;
  color: #111111;
  font-weight: 700;
}

.free-consultas-counter-inline {
  margin: 2px 0 4px;
  color: #111111;
  font-weight: 700;
}

.credit-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 760px) {
  .dashboard-header {
    flex-direction: column;
    align-items: stretch;
  }

  .date-range-filters {
    flex-direction: column;
    align-items: stretch;
  }

  .date-range-filters input[type="date"] {
    width: 100%;
  }

  .consulta-detail-cards {
    grid-template-columns: 1fr;
  }
}

.buy-balance-button {
  border: none;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 12px 22px;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(255, 106, 0, 0.35);
  transition:
    filter 0.15s ease,
    box-shadow 0.15s ease;
}

.buy-balance-button:hover {
  filter: brightness(1.05);
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.42);
}

.buy-balance-card {
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
}

.consulta-checkout-shell .buy-balance-card {
  overflow: visible;
}

.consulta-checkout-back-row {
  width: min(100%, 960px);
  margin: 0 auto 14px;
}

.consulta-checkout-back-row .top-back-button {
  margin-bottom: 0;
}

.buy-balance-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.buy-balance-head h2 {
  margin: 0;
}

.consulta-checkout-summary {
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #f0f7fb;
  border: 1px solid #cce0ef;
}

.consulta-checkout-summary-total {
  font-size: 1.25rem;
  color: #333244;
}

.app-theme-dark .consulta-checkout-summary {
  background: #373737;
  border-color: #2a3d48;
}

.app-theme-dark .consulta-checkout-summary-total {
  color: #e8f4ff;
}

/* ——— Checkout pagamento: layout duas colunas ——— */
.checkout-layout {
  display: grid;
  grid-template-columns: minmax(260px, 36%) minmax(0, 1fr);
  align-items: stretch;
}

.checkout-summary-panel {
  padding: 24px 22px;
  background: #f5f8fa;
  border-right: 1px solid #e2e8f0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: sticky;
  top: 16px;
  align-self: stretch;
}

.checkout-summary-label {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 400;
  color: #64748b;
  letter-spacing: 0;
  text-transform: none;
}

.checkout-summary-panel .checkout-summary-pack {
  margin: 0 0 20px;
  font-size: clamp(1.2rem, 2.2vw, 1.45rem);
  font-weight: 700;
  line-height: 1.25;
  color: #1e1b4b;
}

.checkout-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
  font-size: 15px;
  color: #1e1b4b;
}

.checkout-summary-row span {
  font-weight: 400;
}

.checkout-summary-row strong {
  font-weight: 700;
  color: #1e1b4b;
}

.checkout-summary-benefits {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.checkout-summary-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #334155;
}

.checkout-summary-benefits-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #e8f5e9;
  color: #2e7d32;
  font-size: 11px;
  font-weight: 800;
  margin-top: 1px;
}

.checkout-summary-benefits strong {
  font-weight: 700;
  color: #1e1b4b;
}

.checkout-summary-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 0 0 16px;
}

.checkout-summary-total-label {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
  color: #1e1b4b;
}

.checkout-summary-panel .checkout-summary-total-value {
  margin: 0 0 14px;
  font-size: clamp(2rem, 4.5vw, 2.35rem);
  font-weight: 800;
  line-height: 1.05;
  color: #1e1b4b;
  letter-spacing: -0.03em;
}

.checkout-summary-savings {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #e8f5e9;
  border: 1px solid #2e7d32;
  color: #2e7d32;
  font-size: 13px;
  line-height: 1.35;
  width: fit-content;
  max-width: 100%;
}

.checkout-summary-savings strong {
  font-weight: 700;
}

.checkout-summary-savings-icon {
  display: inline-flex;
  flex-shrink: 0;
  color: #2e7d32;
}

.checkout-summary-trust {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
}

.checkout-summary-trust-secure {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 400;
  color: #64748b;
  white-space: nowrap;
}

.checkout-transparency {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.checkout-transparency-title {
  margin: 0 0 8px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.checkout-transparency-list {
  margin: 0;
  padding-left: 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #475569;
}

.checkout-transparency-list a {
  color: #be123c;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.checkout-payment-panel {
  padding: 22px 24px 24px;
  min-width: 0;
}

.checkout-payment-title {
  margin: 0 0 16px;
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  color: #1e1b4b;
}

.payment-method-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #eef4fb;
  border: 1px solid #cfe0f2;
}

.payment-method-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #334155;
  font-weight: 800;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.payment-method-tab:hover:not(:disabled):not(.active) {
  background: rgba(255, 255, 255, 0.72);
  color: #1e1b4b;
}

.payment-method-tab:disabled {
  opacity: 0.65;
  cursor: wait;
}

.payment-method-tab.is-coming-soon,
.payment-method-tab.is-coming-soon:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.payment-method-tab-badge {
  margin-left: 6px;
  padding: 1px 7px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.12);
  color: inherit;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.payment-method-tab.active.payment-method-tab--pix {
  background: linear-gradient(180deg, #0ea57a 0%, #0a7d5c 100%);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(10, 125, 92, 0.22);
}

.payment-method-tab.active.payment-method-tab--card {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(190, 18, 60, 0.22);
}

.payment-form-panel {
  margin-top: 18px;
}

.payment-form-panel.is-hidden {
  display: none;
}

.checkout-payment-panel .payment-info {
  margin-top: 0;
  background: transparent;
  border: none;
  padding: 0;
}

.checkout-payment-panel .payment-info input,
.checkout-payment-panel .payment-info select {
  font-family: var(--font-base);
  font-weight: 400;
  border: 1.5px solid #bdd3eb;
  background: #ffffff;
}

.payment-form-lead {
  margin: 0 0 4px;
  line-height: 1.45;
  color: #334155;
}

.payment-pix-highlight {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}

.payment-pix-highlight-icon {
  flex-shrink: 0;
  font-size: 1.25rem;
  line-height: 1;
  margin-top: 2px;
}

.payment-pix-highlight-title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: #065f46;
}

.payment-pix-highlight-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.payment-pix-highlight-text strong {
  color: #1e1b4b;
  font-weight: 700;
}

.payment-pix-test-note {
  margin: 10px 0 0;
}

.checkout-submit-wrap {
  margin-top: 18px;
}

.checkout-submit-wrap .buy-balance-submit {
  margin-top: 0;
}

.buy-balance-submit--pix {
  background: linear-gradient(180deg, #0ea57a 0%, #0a7d5c 100%) !important;
  box-shadow: 0 10px 22px rgba(10, 125, 92, 0.22) !important;
}

.buy-balance-submit--pix:hover:not(:disabled) {
  background: linear-gradient(180deg, #12b888 0%, #0a7d5c 100%) !important;
  box-shadow: 0 14px 28px rgba(10, 125, 92, 0.28) !important;
}

.checkout-payment-secure-note {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.payment-sandbox-banner--collapsible {
  margin-bottom: 14px;
  padding: 0;
  overflow: hidden;
}

.payment-sandbox-banner-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

.payment-sandbox-banner-toggle-text {
  flex: 1;
  min-width: 0;
}

.payment-sandbox-banner-toggle-icon,
.payment-sandbox-banner-chevron {
  flex-shrink: 0;
}

.payment-sandbox-banner-chevron {
  font-size: 10px;
  opacity: 0.75;
}

.payment-sandbox-banner-details {
  padding: 0 12px 12px;
}

.payment-sandbox-banner-details .muted {
  margin: 0;
}

.app-theme-dark .checkout-summary-panel {
  background: #373737;
  border-right-color: #2a3d48;
}

.app-theme-dark .checkout-summary-label {
  color: #94a3b8;
}

.app-theme-dark .checkout-summary-pack,
.app-theme-dark .checkout-summary-row,
.app-theme-dark .checkout-summary-row strong,
.app-theme-dark .checkout-summary-total-label,
.app-theme-dark .checkout-summary-total-value {
  color: #e8f4ff;
}

.app-theme-dark .checkout-summary-divider {
  background: #2a3d48;
}

.app-theme-dark .checkout-summary-benefits li {
  color: #cbd5e1;
}

.app-theme-dark .checkout-summary-benefits-icon {
  background: rgba(16, 185, 129, 0.15);
  color: #6ee7b7;
}

.app-theme-dark .checkout-summary-benefits strong {
  color: #e8f4ff;
}

.app-theme-dark .payment-pix-highlight {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.35);
}

.app-theme-dark .payment-pix-highlight-title {
  color: #6ee7b7;
}

.app-theme-dark .payment-pix-highlight-text strong {
  color: #e8f4ff;
}

.app-theme-dark .checkout-summary-trust {
  border-top-color: #2a3d48;
}

.app-theme-dark .checkout-summary-trust-secure {
  color: #94a3b8;
}

.app-theme-dark .checkout-summary-savings {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(46, 125, 50, 0.55);
  color: #6ee7b7;
}

.app-theme-dark .checkout-summary-savings-icon {
  color: #6ee7b7;
}

.app-theme-dark .payment-method-tabs {
  background: #373737;
  border-color: #2a3d48;
}

.app-theme-dark .payment-method-tab {
  color: #cbd5e1;
}

.app-theme-dark .checkout-payment-title {
  color: #e8f4ff;
}
@media (max-width: 768px) {
  .checkout-layout {
    grid-template-columns: 1fr;
  }

  .checkout-summary-panel {
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
    padding: 20px 18px;
    position: static;
  }

  .checkout-summary-trust {
    flex-wrap: wrap;
  }

  .checkout-summary-trust-secure {
    white-space: normal;
  }

  .checkout-payment-panel {
    padding: 18px 16px 20px;
  }

  .checkout-transparency {
    margin-top: 14px;
    padding: 10px 12px;
  }

  .checkout-transparency-title {
    font-size: 0.76rem;
  }

  .checkout-transparency-list {
    font-size: 0.76rem;
    padding-left: 1rem;
  }

  .checkout-transparency-list li {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .checkout-submit-wrap {
    position: sticky;
    bottom: 0;
    z-index: 4;
    margin-top: 16px;
    padding: 12px 0 calc(12px + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.94) 28%);
  }

  .app-theme-dark .checkout-submit-wrap {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.94) 28%);
  }

  .app-theme-dark .checkout-summary-panel {
    border-bottom-color: #2a3d48;
  }
}

/* ——— Página Comprar consultas (hero + cards estilo landing) ——— */
.page-wrap.consulta-pack-shell {
  max-width: 1180px;
  padding-top: 16px;
}

.consulta-pack-page {
  position: relative;
  margin: 0 auto;
}

.consulta-pack-back {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  padding: 11px 20px 11px 14px;
  color: #ffffff;
  border: 1px solid rgba(255, 106, 0, 0.55);
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  box-shadow: 0 8px 22px rgba(255, 106, 0, 0.28);
}

.consulta-pack-back:hover {
  border-color: rgba(190, 18, 60, 0.78);
  background: linear-gradient(180deg, #18c7b4 0%, #0d6f68 100%);
  color: #fff;
  box-shadow: 0 10px 26px rgba(255, 106, 0, 0.36);
}

.app-theme-dark .consulta-pack-back.top-back-button {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
  border-color: rgba(167, 243, 208, 0.42);
  box-shadow: 0 8px 22px rgba(255, 106, 0, 0.18);
}

.app-theme-dark .consulta-pack-back.top-back-button:hover {
  color: #fff;
  border-color: rgba(167, 243, 208, 0.62);
}

.consulta-pack-intro {
  position: relative;
  z-index: 1;
  padding: 0.5rem 1rem 1.75rem;
  text-align: center;
  background: transparent;
  box-shadow: none;
}

.consulta-pack-intro > .page-back-row--pack {
  max-width: 720px;
  margin: 0 auto 12px;
  text-align: left;
}

.consulta-pack-intro > .page-back-row--pack .consulta-pack-back {
  margin-bottom: 0;
}

.consulta-pack-intro-inner {
  max-width: 720px;
  margin: 0 auto;
}

.consulta-pack-intro-title {
  margin: 0 0 0.85rem;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: clamp(1.65rem, 4vw, 2.35rem);
  line-height: 1.12;
  letter-spacing: -0.04em;
  color: #f8fafc;
}

.consulta-pack-intro-accent {
  color: #7cc7ff;
}

.consulta-pack-intro-lead {
  margin: 0 auto;
  max-width: 38rem;
  font-family: var(--font-base);
  font-size: clamp(0.92rem, 1.8vw, 1.05rem);
  font-weight: 500;
  line-height: 1.55;
  color: rgba(226, 232, 240, 0.88);
}

.consulta-pack-main {
  position: relative;
  z-index: 2;
  padding: 0 4px 1.5rem;
  background: transparent;
}

.consulta-pack-grid-wrap {
  position: relative;
}

.consulta-pack-grid-wrap--loading .consulta-pack-card-grid {
  pointer-events: none;
}

.consulta-pack-pricing-card.is-locked {
  opacity: 0.42;
  filter: grayscale(0.15);
  cursor: not-allowed;
}

.consulta-pack-pricing-card.is-processing {
  opacity: 1;
  box-shadow:
    0 0 0 2px rgba(225, 29, 72, 0.45),
    0 12px 32px rgba(190, 18, 60, 0.2);
}

.consulta-pack-grid-loading {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 1.5rem;
  border-radius: 16px;
  background: rgba(7, 11, 20, 0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  text-align: center;
}

.consulta-pack-grid-loading__spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: consulta-pack-spin 0.75s linear infinite;
}

.consulta-pack-grid-loading__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
}

.consulta-pack-grid-loading__hint {
  margin: 0;
  max-width: 280px;
  font-size: 0.86rem;
  line-height: 1.45;
  color: rgba(226, 232, 240, 0.88);
}

@keyframes consulta-pack-spin {
  to {
    transform: rotate(360deg);
  }
}

.consulta-pack-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.consulta-pack-card-grid {
  overflow: visible;
}

.consulta-pack-card-cell {
  margin: 0;
  min-width: 0;
  overflow: visible;
}

.consulta-pack-pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0.75rem 0.65rem 0.65rem;
  text-align: center;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 14px;
  background: #ffffff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 10px 28px rgba(15, 55, 80, 0.08);
  cursor: pointer;
  font: inherit;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.consulta-pack-pricing-card:hover {
  transform: none;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 16px 36px rgba(15, 55, 80, 0.12);
}

.consulta-pack-pricing-card:focus-visible {
  outline: 3px solid #10b981;
  outline-offset: 3px;
}

.consulta-pack-pricing-card.is-featured {
  border: 2px solid var(--exec-blue, #e11d48);
  box-shadow:
    0 0 0 4px rgba(255, 106, 0, 0.12),
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 14px 36px rgba(190, 18, 60, 0.16);
}

.consulta-pack-pricing-card.is-selected:not(:hover) {
  border-color: rgba(255, 106, 0, 0.55);
}

.consulta-pack-card-ribbon {
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 10px;
  border-radius: 999px;
  font-family: var(--font-base);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(90deg, var(--exec-blue-deep, #be123c), var(--exec-blue, #e11d48));
  box-shadow: 0 4px 12px rgba(190, 18, 60, 0.4);
}

.consulta-pack-card-discount {
  min-height: 22px;
  margin-bottom: 0.8rem;
  padding: 0;
  border-radius: 999px;
  font-family: var(--font-base);
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #16a34a;
  background: transparent;
  border: 0;
}

.consulta-pack-card-discount.is-placeholder {
  visibility: hidden;
}

.consulta-pack-card-discount.has-discount {
  color: #16a34a;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.consulta-pack-card-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 0.85rem;
  border-radius: 12px;
  color: #059669;
  background: linear-gradient(145deg, #ecfdf5, #d1fae5);
  border: 1px solid rgba(167, 243, 208, 0.9);
}

.consulta-pack-tier-svg {
  display: block;
}

.consulta-pack-card-title {
  font-family: var(--font-heading);
  font-size: clamp(0.92rem, 1.1vw, 1.05rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #1e293b;
  margin-bottom: 0.35rem;
}

.consulta-pack-card-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem 0.35rem;
  margin-bottom: 0.45rem;
  padding-bottom: 0;
}

.consulta-pack-card-price {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #16a34a;
  font-variant-numeric: tabular-nums;
}

.consulta-pack-card-price-suf {
  font-family: var(--font-base);
  font-size: 0.86rem;
  font-weight: 600;
  color: #64748b;
}

.consulta-pack-card-total {
  margin: 0 0 auto;
  padding-bottom: 1rem;
  font-family: var(--font-base);
  font-size: 0.9rem;
  font-weight: 600;
  color: #64748b;
}

.consulta-pack-card-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin-top: 0.15rem;
  padding: 8px 10px;
  border-radius: 999px;
  font-family: var(--font-cta);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 2px solid #10b981;
  color: #15803d;
  background: #fff;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.consulta-pack-pricing-card.is-featured .consulta-pack-card-cta {
  border: none;
  color: #fff;
  background: linear-gradient(180deg, #4ade80 0%, #10b981 48%, #16a34a 100%);
  box-shadow: 0 6px 16px rgba(22, 163, 74, 0.35);
}

.consulta-pack-pricing-card:hover .consulta-pack-card-cta {
  border-color: #16a34a;
  color: #166534;
}

.consulta-pack-pricing-card.is-featured:hover .consulta-pack-card-cta {
  color: #fff;
  filter: brightness(1.05);
}

.consulta-pack-card-cta-icon {
  display: flex;
  color: inherit;
}

.consulta-pack-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem 2rem;
  margin-top: 1.75rem;
  padding: 0 0.5rem;
}

.consulta-pack-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 280px;
}

.consulta-pack-trust-icon {
  display: flex;
  flex-shrink: 0;
  color: rgba(148, 163, 184, 0.95);
}

.consulta-pack-trust-text {
  font-family: var(--font-base);
  font-size: 0.84rem;
  font-weight: 500;
  line-height: 1.35;
  color: rgba(203, 213, 225, 0.92);
}

.consulta-pack-error {
  margin: 1rem 0.5rem 0;
  text-align: center;
}

.credit-pack-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  padding: 14px 0 0;
  list-style: none;
  overflow: visible;
}

.credit-pack-card-cell {
  min-width: 0;
  overflow: visible;
}

.credit-pack-pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 11px 9px 9px !important;
  gap: 0;
  border-radius: 14px;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
  text-align: center;
  cursor: pointer;
  font: inherit;
  color: #1e293b;
}

.credit-pack-pricing-card.is-featured {
  padding-top: 13px !important;
  border: 2px solid #e11d48 !important;
  box-shadow:
    0 0 0 3px rgba(225, 29, 72, 0.14),
    0 14px 32px rgba(190, 18, 60, 0.16) !important;
}

.credit-pack-pricing-card:hover {
  transform: none;
  border-color: rgba(225, 29, 72, 0.45) !important;
}

.credit-pack-ribbon {
  top: -9px !important;
  font-size: 0.58rem !important;
  padding: 3px 9px !important;
  background: linear-gradient(90deg, #be123c, #e11d48) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(190, 18, 60, 0.35);
}

.credit-pack-badge-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 18px;
  margin-bottom: 5px;
}

.credit-pack-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #1e293b;
  background: linear-gradient(180deg, #fde047 0%, #facc15 100%);
  box-shadow: 0 1px 4px rgba(234, 179, 8, 0.25);
}

.credit-pack-name {
  display: block;
  width: 100%;
  margin: 0 0 5px;
  font-family: var(--font-heading);
  font-size: clamp(0.82rem, 0.95vw, 0.9rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #1e293b !important;
}

.credit-pack-amount {
  display: block;
  width: 100%;
  margin: 0 0 7px;
  font-family: var(--font-heading);
  font-size: clamp(1.28rem, 1.7vw, 1.52rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #e11d48 !important;
  font-variant-numeric: tabular-nums;
}

.credit-pack-bonus-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 28px;
  margin: 0 0 7px;
  padding: 5px 6px;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.2;
}

.credit-pack-bonus-bar--empty {
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
}

.credit-pack-bonus-bar--active {
  background: #fff4eb !important;
  color: #c2410c !important;
  font-weight: 700;
}

.credit-pack-saldo-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 6px;
  padding: 6px 6px 5px;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
  border: 1px solid rgba(255, 106, 0, 0.28);
}

.credit-pack-saldo-label {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.1;
}

.credit-pack-saldo-value {
  font-family: var(--font-heading);
  font-size: clamp(0.92rem, 1.15vw, 1.05rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #be123c !important;
  font-variant-numeric: tabular-nums;
  line-height: 1.05;
}

.credit-pack-expire {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 100%;
  margin: 0 0 8px;
  font-size: 0.64rem;
  font-weight: 600;
  color: #16a34a !important;
  line-height: 1.1;
}

.credit-pack-expire-icon {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.credit-pack-buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 7px 10px;
  border: none;
  border-radius: 999px;
  font-family: var(--font-cta);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #ffffff !important;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  box-shadow: 0 6px 16px rgba(190, 18, 60, 0.28);
  box-sizing: border-box;
  transition: filter 0.15s ease, box-shadow 0.15s ease;
}

.credit-pack-pricing-card:hover .credit-pack-buy-btn {
  filter: brightness(1.04);
  color: #ffffff !important;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
}

.credit-pack-pricing-card.is-featured .credit-pack-buy-btn {
  border: none;
  color: #ffffff !important;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  box-shadow: 0 6px 16px rgba(190, 18, 60, 0.28);
}

.credit-pack-pricing-card.is-featured:hover .credit-pack-buy-btn {
  filter: brightness(1.04);
  color: #ffffff !important;
}

.app-theme-dark .credit-pack-pricing-card,
.app.app-theme-dark .credit-pack-pricing-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

.app-theme-dark .credit-pack-name,
.app.app-theme-dark .credit-pack-name {
  color: #1e293b !important;
}

.app-theme-dark .credit-pack-amount,
.app-theme-dark .credit-pack-saldo-value,
.app.app-theme-dark .credit-pack-amount,
.app.app-theme-dark .credit-pack-saldo-value {
  color: #be123c !important;
}

.app-theme-dark .credit-pack-bonus-bar--empty,
.app.app-theme-dark .credit-pack-bonus-bar--empty {
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
}

.app-theme-dark .credit-pack-buy-btn,
.app.app-theme-dark .credit-pack-buy-btn {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

.app-theme-dark .credit-pack-pricing-card.is-featured .credit-pack-buy-btn,
.app.app-theme-dark .credit-pack-pricing-card.is-featured .credit-pack-buy-btn {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  color: #ffffff !important;
}
@media (max-width: 1100px) {
  .credit-pack-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .credit-pack-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .credit-pack-card-grid {
    grid-template-columns: minmax(0, 1fr);
    max-width: min(100%, 320px);
    margin-inline: auto;
  }
}
@media (max-width: 1100px) {
  .consulta-pack-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .consulta-pack-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .consulta-pack-intro {
    padding: 0.25rem 0.75rem 1.25rem;
  }
}
@media (max-width: 420px) {
  .consulta-pack-card-grid {
    grid-template-columns: 1fr;
  }
}

.app-theme-dark .consulta-pack-back {
  color: #ecfdf5;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.35);
}

.app-theme-dark .consulta-pack-pricing-card {
  background: linear-gradient(180deg, #1e293b 0%, #172554 100%);
  border-color: rgba(71, 85, 105, 0.6);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}

.app-theme-dark .consulta-pack-card-title {
  color: #f1f5f9;
}

.app-theme-dark .consulta-pack-card-price-suf {
  color: #94a3b8;
}

.app-theme-dark .consulta-pack-card-total {
  color: #94a3b8;
}

.app-theme-dark .consulta-pack-card-icon-wrap {
  background: linear-gradient(145deg, rgba(22, 101, 52, 0.35), rgba(5, 150, 105, 0.25));
  border-color: rgba(52, 211, 153, 0.35);
  color: #6ee7b7;
}

.app-theme-dark .consulta-pack-card-discount {
  color: #86efac;
  background: transparent;
  border-color: transparent;
}

.app-theme-dark .consulta-pack-card-discount.has-discount {
  color: #86efac;
  background: transparent;
  border-color: transparent;
}

.app-theme-dark .consulta-pack-card-cta {
  background: rgba(15, 23, 42, 0.6);
  color: #86efac;
  border-color: #10b981;
}

.app-theme-dark .consulta-pack-trust-text {
  color: #94a3b8;
}

.app-theme-dark .consulta-pack-trust-icon {
  color: #64748b;
}

.payment-method-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 10px 0;
}

.payment-method-button {
  border: 2px solid #d9f8e6;
  background: #ffffff;
  color: #111111;
  border-radius: 12px;
  padding: 14px 16px;
  font-weight: 700;
  cursor: pointer;
}

.payment-method-button.active {
  border-color: #29d86b;
  background: #effff5;
  color: #0f2419;
}

.payment-info {
  margin-top: 12px;
  background: #f8fcfe;
  border: 1px solid #e6f9ed;
  border-radius: 12px;
  padding: 14px;
  font-family: var(--font-base);
}

.payment-info p {
  margin: 6px 0;
  font-family: inherit;
}

.payment-info label {
  display: block;
  margin: 12px 0 6px;
  font-weight: 700;
  font-family: inherit;
}

.payment-info input,
.payment-info select {
  width: 100%;
  min-height: 44px;
  border: 1px solid #ccead9;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 16px;
  font-family: var(--font-base);
  font-weight: 400;
}

.card-inline-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.fake-recaptcha {
  margin-top: 10px;
  border: 1px solid #d6ede0;
  border-radius: 4px;
  background: #ffffff;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  min-width: 230px;
}

.fake-recaptcha input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
}

.fake-recaptcha strong {
  margin-left: auto;
  font-size: 11px;
  color: #333333;
}

.recaptcha-wrap {
  margin-top: 12px;
  width: fit-content;
}

.payment-sandbox-banner {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #f5c542;
  background: #fffbeb;
  color: #5c4a00;
  font-size: 14px;
  line-height: 1.45;
}

.payment-sandbox-banner strong {
  display: block;
  margin-bottom: 6px;
}

.payment-sandbox-banner .muted {
  margin: 0;
  color: inherit;
  opacity: 0.92;
}

.payment-sandbox-banner code {
  font-size: 0.92em;
  padding: 1px 4px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.06);
}

.pix-result-card {
  margin-top: 12px;
  border: 1px solid #d8f5e4;
  border-radius: 12px;
  padding: 12px;
  background: #f8fcfe;
}

.pix-qr-image {
  width: 210px;
  height: 210px;
  border-radius: 8px;
  border: 1px solid #d7f2e2;
  background: #ffffff;
  margin: 8px 0;
}

.pix-copy-code {
  width: 100%;
  min-height: 80px;
  border: 1px solid #ccead9;
  border-radius: 8px;
  padding: 8px 10px;
  margin-top: 6px;
}

.pix-status-button {
  margin-top: 10px;
}

.pix-checkout-card {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.pix-payment-box {
  margin-top: 10px;
  border: 1px solid #d8f5e4;
  border-radius: 12px;
  background: #f9fcff;
  padding: 14px;
}

.pix-payment-box p {
  margin: 0;
}

.pix-payment-box strong {
  display: block;
  font-size: 38px;
  margin: 6px 0 10px;
}

.pix-qr-image.large {
  width: 260px;
  height: 260px;
  margin: 10px auto;
  display: block;
}

.pix-copy-button {
  margin-top: 10px;
  width: 100%;
  border: none;
  border-radius: 12px;
  background: #39f889;
  color: #ffffff;
  font-weight: 800;
  padding: 12px 16px;
  cursor: pointer;
}

.buy-balance-submit {
  margin-top: 10px;
  width: 100%;
  border: none;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
  font-weight: 800;
  border-radius: 12px;
  padding: 12px 16px;
  cursor: pointer;
}

.buy-balance-submit:disabled {
  opacity: 0.7;
  cursor: wait;
}

.buy-balance-card label[for="buyBalanceAmount"] {
  display: block;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: clamp(28px, 3.2vw, 34px);
  font-weight: 700;
  letter-spacing: -0.01em;
}

#buyBalanceAmount {
  width: 100%;
  min-height: 54px;
  font-size: 17px;
  border: 1px solid #c9eed9;
  border-radius: 10px;
  padding: 10px 14px;
}

.other-amount-label {
  display: block;
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}

.other-amount-input-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #c9eed9;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.other-amount-input-wrap span {
  padding: 10px 12px;
  background: #f3f7fa;
  border-right: 1px solid #d7ebe0;
  color: #333333;
  font-weight: 700;
}

.other-amount-input {
  border: none !important;
  border-radius: 0 !important;
  min-height: 48px;
  padding: 10px 12px;
  font-size: 16px;
  font-family: var(--font-base);
}

.other-amount-input:focus {
  outline: none;
}

.other-amount-hint {
  margin-top: 8px;
  font-size: 0.95rem;
}

.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  display: grid;
  place-items: center;
  z-index: 20;
}

.modal-card {
  position: relative;
  width: min(440px, calc(100% - 24px));
  background: var(--exec-surface-elevated, #ffffff);
  border: 1px solid var(--exec-border, #e2e8f0);
  border-radius: var(--exec-radius-lg, 18px);
  padding: 22px 24px;
  box-shadow: var(--exec-shadow-hover, 0 10px 36px rgba(15, 23, 42, 0.11));
}

.modal-card h3 {
  margin: 0 0 12px;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--exec-navy-mid, #111111);
}

.custom-alert-card {
  width: min(480px, calc(100% - 24px));
  padding: 22px 24px;
  display: grid;
  gap: 14px;
  justify-items: stretch;
}

.custom-alert-card.warning {
  border: 1px solid #f2de95;
  background: #fff9e8;
}

.custom-alert-card.neutral {
  border: 1px solid var(--exec-border, #e2e8f0);
  background: var(--exec-surface-elevated, #ffffff);
  box-shadow: var(--exec-shadow-hover, 0 10px 36px rgba(15, 23, 42, 0.11));
}

.custom-alert-title {
  margin: 0;
  text-align: center;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--exec-navy-mid, #111111);
}

.custom-alert-logo {
  width: 56px;
  height: 56px;
  max-width: 56px;
  object-fit: contain;
  border-radius: 14px;
  border: 1px solid #dcf7e8;
  flex-shrink: 0;
}

.custom-alert-message {
  margin: 0;
  text-align: center;
  color: #7a5400;
  font-size: 18px;
  font-weight: 700;
}

.custom-alert-card.neutral .custom-alert-message {
  color: #334155;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.55;
}

.custom-alert-icon {
  color: #c08a00;
  font-size: 20px;
  vertical-align: -1px;
}

.custom-alert-card.neutral .custom-alert-icon {
  color: #111111;
}

.custom-alert-actions {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.custom-alert-actions--balanced {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
}

.custom-alert-action-button {
  width: 100%;
  min-height: 44px;
  border: none;
  border-radius: var(--exec-radius-md, 14px);
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--font-cta);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  padding: 12px 16px;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(255, 106, 0, 0.35);
  transition:
    filter 0.15s ease,
    box-shadow 0.15s ease;
  white-space: normal;
  text-align: center;
}

.custom-alert-action-button:hover:not(:disabled) {
  filter: brightness(1.05);
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.42);
}

.custom-alert-action-button--green {
  background: linear-gradient(180deg, #4ade80 0%, #10b981 48%, #16a34a 100%);
  box-shadow: 0 2px 10px rgba(22, 163, 74, 0.35);
}

.custom-alert-action-button--green:hover:not(:disabled) {
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.42);
}
@media (max-width: 420px) {
  .custom-alert-actions--balanced {
    grid-template-columns: 1fr;
  }
}

.custom-alert-actions .buy-balance-button,
.custom-alert-actions .recovery-alert-ok-button {
  min-width: 180px;
}

.custom-alert-actions .buy-balance-button {
  border-radius: 10px;
}

.custom-alert-actions .recovery-alert-ok-button {
  min-width: 120px;
  width: auto;
  padding: 10px 20px;
}
.custom-alert-actions.custom-alert-actions--form-match {
  justify-content: center;
}

.custom-alert-actions--form-match .custom-alert-btn--primary {
  width: fit-content;
  border: none;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  font-family: var(--font-cta);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 12px 22px;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.28);
  transition:
    transform 0.12s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease;
}

.custom-alert-actions--form-match .custom-alert-btn--primary:hover:not(:disabled) {
  filter: brightness(1.04);
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.35);
}

.custom-alert-actions--form-match .custom-alert-btn--primary:active:not(:disabled) {
  transform: translateY(1px);
}

.custom-alert-actions--form-match .custom-alert-btn--secondary {
  width: fit-content;
  border: 2px solid #cfe8d9;
  background: transparent;
  color: #be123c;
  font-family: var(--font-cta);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 12px 22px;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  box-shadow: none;
  filter: none;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.custom-alert-actions--form-match .custom-alert-btn--secondary:hover:not(:disabled) {
  background: #f0fdf6;
  border-color: #9ed9b8;
  filter: none;
}

.custom-alert-actions--form-match .custom-alert-btn--primary:disabled,
.custom-alert-actions--form-match .custom-alert-btn--secondary:disabled {
  opacity: 0.6;
  cursor: wait;
}

.modal-close-button {
  position: absolute;
  top: 8px;
  right: 10px;
  border: none;
  background: transparent;
  color: #111111;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.modal-actions {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.logout-action-button {
  border: 1px solid var(--exec-border-strong, #b8e6cc);
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%);
  color: #111111;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 11px 18px;
  border-radius: var(--exec-radius-md, 14px);
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.logout-action-button:hover {
  border-color: #111111;
  background: #ffffff;
  color: #111111;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.1);
}

.modal-actions .logout-action-button:only-of-type,
.modal-actions .logout-action-button + .logout-action-button {
  border: none;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.28);
}

.modal-actions .logout-action-button:only-of-type:hover,
.modal-actions .logout-action-button + .logout-action-button:hover {
  filter: brightness(1.04);
  color: #ffffff;
}

.whatsapp-float {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25d366;
  color: #ffffff;
  display: grid;
  place-items: center;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
  z-index: 30;
}

.whatsapp-float svg {
  width: 32px;
  height: 32px;
}

.site-footer {
  margin-top: auto;
  border-top: 1px solid var(--exec-border, #e2e8f0);
  background: linear-gradient(180deg, #fbfcff 0%, #f1f5f9 100%);
}

.site-footer-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px 20px;
  padding-top: 18px;
  padding-bottom: 22px;
}

.site-footer-brand {
  grid-column: 1;
  justify-self: start;
  display: flex;
  align-items: center;
  min-width: 0;
}

.site-footer-nav {
  grid-column: 2;
  justify-self: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 4px;
  max-width: 100%;
}

.site-footer-link {
  font-size: 0.9rem;
  font-weight: 600;
  color: #111111;
  text-decoration: none;
}

.site-footer-link:hover {
  color: #111111;
  text-decoration: underline;
}

.site-footer-sep {
  color: #f0f0f0;
  font-weight: 700;
  user-select: none;
}

.site-footer-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  font-family: var(--font-heading);
}

.site-footer-logo-text {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.08em;
}

.site-footer-logo-consultas {
  color: #111111;
}

.site-footer-logo-agora {
  color: #be123c;
  font-weight: 800;
}

.app-theme-dark .site-footer {
  border-top-color: var(--dark-border);
  background: linear-gradient(180deg, var(--dark-surface) 0%, var(--dark-bg) 100%);
}

.app-theme-dark .site-footer-link {
  color: var(--dark-text-soft);
}

.app-theme-dark .site-footer-link:hover {
  color: #f0f0f0;
}

.app-theme-dark .site-footer-sep {
  color: #f0f0f0;
}

.app-theme-dark .site-footer-logo-consultas {
  color: var(--dark-text);
}

.app-theme-dark .site-footer-logo-agora {
  color: #b8ffd9;
}
@media (max-width: 560px) {
  .site-footer-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
  }

  .site-footer-brand {
    grid-column: unset;
    justify-self: unset;
    justify-content: center;
  }

  .site-footer-nav {
    grid-column: unset;
    justify-self: unset;
    justify-content: center;
    flex: none;
  }
}

.contato-page {
  padding-bottom: 8px;
}

.contato-card {
  max-width: 560px;
  margin: 0 auto;
  padding: 32px 36px 36px;
}

.contato-card h2 {
  margin: 0 0 10px;
  color: #111111;
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.contato-intro {
  margin: 0 0 20px;
  line-height: 1.55;
  font-size: 0.95rem;
}

.contato-form {
  gap: 12px;
}

.contato-form textarea {
  width: 100%;
  min-height: 150px;
  resize: vertical;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px;
  font: inherit;
  color: #111111;
  line-height: 1.45;
}

.contato-form textarea::placeholder {
  color: #f0f0f0;
}

.contato-submit-row {
  margin-top: 6px;
}

.contato-submit-row button {
  width: 100%;
  min-height: 48px;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 10px;
  border: none;
  background: #e11d48;
  color: #ffffff;
  cursor: pointer;
}

.contato-submit-row button:disabled {
  opacity: 0.65;
  cursor: wait;
}

.contato-submit-row button:hover:not(:disabled) {
  filter: brightness(1.05);
}

.contato-whatsapp-below {
  margin: 16px 0 0;
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.45;
}

.contato-whatsapp-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #333333;
  font-weight: 600;
  text-decoration: none;
}

.contato-whatsapp-link:hover {
  text-decoration: underline;
}

.contato-whatsapp-link-icon {
  display: inline-flex;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.contato-whatsapp-link-icon svg {
  width: 100%;
  height: 100%;
}

.contato-feedback {
  margin-top: 14px;
}

.app-theme-dark .contato-card h2 {
  color: var(--dark-text);
}

.app-theme-dark .contato-form textarea {
  background: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app-theme-dark .contato-submit-row button {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
}

.app-theme-dark .contato-whatsapp-link {
  color: #f0f0f0;
}

.admin-page {
  display: grid;
  gap: 14px;
}

.admin-hero {
  border: 1px solid var(--exec-border, #e2e8f0);
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%);
  box-shadow: var(--exec-shadow, 0 4px 22px rgba(15, 23, 42, 0.07));
}

.admin-hero-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--exec-border-strong, #cbd5e1);
  background: linear-gradient(180deg, #ffffff 0%, #eef3f8 100%);
  color: #0f172a;
  border-radius: 999px;
  padding: 8px 14px;
  font-family: var(--font-base);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.theme-toggle-btn:hover {
  border-color: #e11d48;
  background: #ffffff;
  color: #be123c;
  box-shadow: 0 2px 8px rgba(190, 18, 60, 0.12);
}

.topbar-theme-toggle {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  width: 40px;
  height: 40px;
  padding: 0;
  gap: 0;
}

.topbar-theme-toggle:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.topbar-theme-toggle[aria-pressed="true"] {
  border-color: #38bdf8;
  background: rgba(255, 106, 0, 0.22);
  color: #fff1e3;
}

.admin-theme-toggle {
  width: 40px;
  height: 40px;
  padding: 0;
  gap: 0;
}

.admin-tabs-card {
  padding: 12px;
}

.admin-tabs {
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  scroll-snap-type: x proximity;
}

.admin-tab-button {
  flex: 1 0 auto;
  min-width: min(160px, 78vw);
  scroll-snap-align: start;
  border: 1px solid var(--exec-border-strong, #b8e6cc);
  background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
  color: #111111;
  border-radius: var(--exec-radius-md, 14px);
  padding: 11px 14px;
  font-weight: 800;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.admin-tab-button:hover {
  border-color: #6aca8e;
  background: #ffffff;
}

.admin-tab-button.active {
  border-color: transparent;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.3);
}
@media (min-width: 901px) {
  .admin-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: visible;
    padding-bottom: 0;
  }

  .admin-tab-button {
    min-width: 0;
    width: 100%;
    flex: initial;
    scroll-snap-align: unset;
  }
}
@media (min-width: 1100px) {
  .admin-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.admin-filter-card h3,
.admin-filter-card .date-range-picker > h3 {
  margin-top: 0;
}

.admin-filter-grid {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px;
  align-items: end;
}

.admin-filter-field {
  display: flex;
  flex-direction: column;
}

.project-primary-button {
  border: none;
  border-radius: var(--exec-radius-md, 14px);
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  font-family: var(--font-cta);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  min-height: 44px;
  padding: 10px 18px;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(255, 106, 0, 0.28);
  transition:
    filter 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

.project-primary-button:hover {
  filter: brightness(1.05);
  box-shadow: 0 4px 16px rgba(255, 106, 0, 0.35);
  transform: translateY(-1px);
}

.project-primary-button:active {
  transform: translateY(0);
}

.admin-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-placa-kpi-section {
  display: grid;
  gap: 14px;
}

.admin-placa-kpi-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.admin-placa-kpi-head h3 {
  margin: 0 0 4px;
}

.admin-placa-kpi-period {
  margin: 0;
  font-size: 0.92rem;
}

.admin-kpi-grid--placa {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-kpi-card-placa {
  min-height: 132px;
}

.admin-kpi-card-placa-gratis {
  background: linear-gradient(180deg, #eefbf3 0%, #ffffff 100%);
  border-color: #bfeccc;
}

.admin-kpi-card-placa-simples {
  background: linear-gradient(180deg, #edf6ff 0%, #ffffff 100%);
  border-color: #c7ddff;
}

.admin-kpi-card-placa-completa {
  background: linear-gradient(180deg, #f3efff 0%, #ffffff 100%);
  border-color: #d5c9ff;
}

.admin-kpi-card-placa-total {
  background: linear-gradient(180deg, #edfff3 0%, #ffffff 100%);
  border-color: #9fe0b5;
  box-shadow: 0 8px 18px rgba(15, 57, 128, 0.08);
}

.admin-kpi-card-placa-total .admin-kpi-value {
  font-size: clamp(1.85rem, 4vw, 2.35rem);
}

.admin-placa-kpi-visitors {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
}

.admin-kpi-trend--inline {
  margin-top: 0;
}

.admin-kpi-card {
  border: 1px solid #dbf5e6;
  box-shadow: 0 6px 14px rgba(15, 57, 128, 0.06);
  position: relative;
  overflow: hidden;
}

.admin-kpi-card-receita {
  background: linear-gradient(180deg, #e5f8ec 0%, #ffffff 100%);
  border-color: #a9dfbc;
}

.admin-kpi-card-consultas {
  background: linear-gradient(180deg, #edfff3 0%, #ffffff 100%);
  border-color: #c4fcda;
}

.admin-kpi-card-despesa {
  background: linear-gradient(180deg, #fff4f4 0%, #ffffff 100%);
  border-color: #f2d0d0;
}

.admin-kpi-card-lucro {
  background: linear-gradient(180deg, #fff8e6 0%, #ffffff 100%);
  border-color: #f0dda7;
}

.admin-kpi-card::after {
  content: "";
  position: absolute;
  right: -16px;
  top: -16px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(23, 138, 85, 0.08);
}

.admin-kpi-label {
  margin: 0;
  color: #333333;
  font-weight: 600;
}

.admin-kpi-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.admin-kpi-icon {
  font-size: 20px;
}

.admin-kpi-value {
  margin: 8px 0 0;
  color: #111111;
  font-size: 28px;
  font-weight: 700;
}

.admin-kpi-foot {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 12px;
}

.admin-kpi-trend {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admin-trend-badge {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.admin-trend-badge.up {
  background: #e2f8ea;
  color: #333333;
}

.admin-trend-badge.down {
  background: #fdeaea;
  color: #ac2a2a;
}

.admin-sparkline {
  width: 32px;
  height: 24px;
  color: #94a3b8;
}

.admin-section h3 {
  margin-top: 0;
}

.admin-consultas-por-card-total {
  margin-bottom: 14px;
  font-size: 14px;
}

.admin-consultas-por-card-total strong {
  color: #111111;
  font-size: 18px;
}

.admin-consultas-por-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.admin-consultas-por-card-block {
  border: 1px solid #e3f4eb;
  border-radius: 10px;
  padding: 12px 14px;
  background: #fafcff;
}

.admin-consultas-por-card-block-title {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  color: #111111;
}

.admin-consultas-por-card-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-consultas-por-card-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #eef3f7;
}

.admin-consultas-por-card-label {
  color: #333333;
  line-height: 1.35;
}

.admin-consultas-por-card-count {
  font-weight: 700;
  font-size: 16px;
  color: #111111;
  flex-shrink: 0;
}

.admin-mini-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 8px;
}

.admin-mini-kpis > div {
  border: 1px solid #e3f4eb;
  border-radius: 10px;
  padding: 10px;
  background: #fafcff;
}

.admin-mini-kpis span {
  display: block;
  color: #333333;
  font-size: 13px;
}

.admin-mini-kpis strong {
  display: block;
  margin-top: 6px;
  color: #111111;
  font-size: 22px;
}

.admin-mini-kpis-single {
  grid-template-columns: minmax(0, 1fr);
}

.admin-balance-highlight {
  border-color: #bdf5d4;
  background: linear-gradient(135deg, #f7fcfe 0%, #eefff5 100%);
}

.admin-balance-tile {
  background: linear-gradient(135deg, #ffffff 0%, #f1fff6 100%) !important;
  border-color: #befcd8 !important;
  box-shadow: 0 10px 22px rgba(22, 74, 145, 0.12);
}

.admin-balance-tile strong {
  font-size: 30px;
  color: #333333;
}

.admin-form {
  gap: 12px;
}

.admin-config-group {
  display: grid;
  gap: 12px;
}

.admin-config-group--financial {
  margin-top: 4px;
  padding-top: 20px;
  border-top: 1px solid #e3f4eb;
}

.admin-config-group-title {
  margin: 0;
  font-size: 1.08rem;
  font-weight: 700;
  color: #111111;
  letter-spacing: 0.01em;
}

.admin-config-group-lead {
  margin: -4px 0 2px;
  font-size: 13px;
  line-height: 1.45;
}

.admin-pricing-grid-break {
  grid-column: 1 / -1;
  margin: 16px 0 2px;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  color: #111111;
  letter-spacing: 0.02em;
}

.admin-pricing-grid-break:first-child {
  margin-top: 0;
}

.admin-pricing-kind-select {
  width: 100%;
  margin: 2px 0 4px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid #c4d6d3;
  font-size: 12px;
  color: #333333;
  background: #ffffff;
}

.admin-pricing-remove-link {
  justify-self: start;
  margin-top: 2px;
  padding: 0;
  border: none;
  background: none;
  font-size: 12px;
  color: #a63a3a;
  text-decoration: underline;
  cursor: pointer;
}

.admin-pricing-add-wrap {
  margin: 4px 0 8px;
}

.admin-pricing-add-link {
  padding: 0;
  border: none;
  background: none;
  font-size: 13px;
  font-weight: 600;
  color: #f0f0f0;
  text-decoration: underline;
  cursor: pointer;
}

.admin-pricing-add-link:hover {
  color: #111111;
}

.admin-cost-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.admin-cost-card {
  border: 1px solid #ddf5e7;
  border-radius: 10px;
  padding: 10px;
  background: #fbfdff;
  display: grid;
  gap: 6px;
}

.admin-cost-card-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.admin-currency-field {
  display: grid;
  gap: 4px;
}

.admin-currency-field small {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}

.admin-cost-card label {
  font-size: 13px;
  color: #333333;
  font-weight: 600;
}

.admin-cost-card input {
  padding: 7px 9px !important;
  border-radius: 8px !important;
  font-size: 13px;
}

.admin-currency-input {
  display: flex;
  align-items: center;
  border: 1px solid #c4d6d3;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.admin-currency-input span {
  padding: 7px 8px;
  background: #f3f7fa;
  border-right: 1px solid #d7ebe0;
  color: #333333;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.admin-currency-input input {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.admin-currency-input input:focus {
  outline: none;
}

.admin-inline-form {
  align-items: end;
}

.admin-config-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.admin-users-toolbar {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.admin-users-toolbar select {
  min-width: 180px;
  border: 1px solid #cbeeda;
  border-radius: 10px;
  min-height: 40px;
  padding: 8px 10px;
  font-size: 14px;
  background: #f9fcff;
}

.admin-users-toolbar input {
  width: min(460px, 100%);
  border: 1px solid #cbeeda;
  border-radius: 10px;
  min-height: 40px;
  padding: 8px 12px;
  font-size: 14px;
  background: #f9fcff;
}

.admin-users-count {
  margin: 0 0 10px;
  font-size: 13px;
}

.admin-users-selection {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}

.admin-users-selection label {
  font-weight: 600;
  color: #333333;
}

.admin-users-selection select {
  width: min(520px, 100%);
  border: 1px solid #cbeeda;
  border-radius: 10px;
  min-height: 40px;
  padding: 8px 12px;
  background: #f9fcff;
}

.admin-users-table {
  border: 1px solid #d9f4e4;
  border-radius: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
}

.admin-users-table table {
  min-width: 860px;
}

.admin-users-table table th,
.admin-users-table table td {
  vertical-align: middle;
  padding: 10px 10px;
}

.admin-users-table table th {
  background: #f2f7fc;
  color: #333333;
  font-weight: 700;
}

.admin-users-table table tbody tr:nth-child(even) {
  background: #fbfdff;
}

.admin-user-credit-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.admin-user-credit-actions input {
  width: 90px;
  min-height: 34px;
  border: 1px solid #caecd8;
  border-radius: 8px;
  padding: 6px 8px;
  background: #ffffff;
}

.admin-currency-input-compact {
  min-height: 34px;
}

.admin-currency-input-compact span {
  padding: 6px 8px;
  font-size: 12px;
}

.admin-currency-input-compact input {
  width: 82px;
  min-height: 34px;
  padding: 6px 8px;
  font-size: 13px;
}

.admin-user-credit-actions button {
  border: none;
  border-radius: 8px;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  background: #e11d48;
  color: #ffffff;
  align-self: stretch;
}

.admin-user-credit-actions .success {
  background: #1ea85c;
}

.admin-user-credit-actions .danger {
  background: #cf4d4d;
}

.admin-user-credit-actions button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.admin-finance-bars {
  display: grid;
  gap: 10px;
}

.admin-finance-donut-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 16px;
  align-items: center;
}

.admin-finance-donut {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto;
}

.admin-finance-donut-center {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: #ffffff;
  display: grid;
  place-items: center;
  text-align: center;
  box-shadow: inset 0 0 0 1px #d9f5e4;
  padding: 10px;
}

.admin-finance-donut-center span {
  color: #333333;
  font-size: 12px;
  font-weight: 600;
}

.admin-finance-donut-center strong {
  color: #111111;
  font-size: 16px;
}

.admin-finance-legend {
  display: grid;
  gap: 10px;
}

.admin-finance-legend-item {
  border: 1px solid #d9f4e4;
  border-radius: 10px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  background: #f9fcff;
}

.admin-finance-legend-item.revenue,
.admin-finance-legend-item.receita {
  border-left: 5px solid #39b66d;
}

.admin-finance-legend-item.expense,
.admin-finance-legend-item.despesas {
  border-left: 5px solid #dc2626;
}

.admin-finance-legend-item span {
  color: #333333;
  font-weight: 600;
}

.admin-finance-legend-item strong {
  color: #111111;
}

.admin-finance-legend-item small {
  color: #333333;
  font-weight: 700;
}

.admin-finance-legend-sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 12px 6px 20px;
  font-size: 0.82rem;
  color: #475569;
}

.admin-finance-legend-sub strong {
  font-weight: 700;
  color: #1e293b;
}

.admin-marketing-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
}

.admin-marketing-link {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 10px;
  background: #eef4fb;
  border: 1px solid #cfe0f2;
  color: #333244;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
}

.admin-marketing-link:hover {
  background: #e3edf8;
}

.admin-marketing-embed-wrap {
  width: 100%;
  min-height: 480px;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  overflow: hidden;
  background: #f8fafc;
}

.admin-marketing-embed {
  display: block;
  width: 100%;
  min-height: 480px;
  border: 0;
}

.admin-finance-row {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 10px;
  align-items: center;
}

.admin-finance-row span {
  color: #333333;
  font-weight: 600;
}

.admin-finance-track {
  width: 100%;
  height: 12px;
  border-radius: 999px;
  background: #e7f9ee;
  overflow: hidden;
}

.admin-finance-fill {
  height: 100%;
  border-radius: 999px;
}

.admin-finance-fill.receita {
  background: linear-gradient(90deg, #2bb673 0%, #56d596 100%);
}

.admin-finance-fill.gastos {
  background: linear-gradient(90deg, #e06565 0%, #f48b8b 100%);
}

.admin-margin {
  margin: 12px 0 0;
  font-weight: 700;
}

.admin-margin.positive {
  color: #333333;
}

.admin-margin.negative {
  color: #b42323;
}

.admin-status-row {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}

.admin-status-item {
  border: 1px solid #e2f4ea;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  background: #fbfcff;
}

.admin-status-item p {
  margin: 0;
  color: #333333;
  font-weight: 600;
}

.admin-status-badge {
  width: fit-content;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
}

.admin-status-badge.ok {
  background: #dff8ea;
  color: #333333;
}

.admin-status-badge.down {
  background: #fde6e6;
  color: #a32121;
}

.admin-theme-dark .card {
  background: #1e293b;
  border-color: #475569;
  color: #f1f5f9;
}

.admin-theme-dark {
  background: #0f172a;
  border-radius: 16px;
  padding: 12px;
}

.admin-theme-dark .admin-hero {
  background: linear-gradient(180deg, #565656 0%, #1e293b 100%);
  border-color: #475569;
}

.admin-theme-dark .admin-theme-toggle,
.app-theme-dark .admin-theme-toggle {
  background: linear-gradient(180deg, #334155 0%, #1e293b 100%);
  border-color: #64748b;
  color: #f0fff6;
}

.admin-theme-dark .admin-theme-toggle:hover,
.app-theme-dark .admin-theme-toggle:hover {
  background: #fa5b74;
  border-color: #38bdf8;
  color: #ffffff;
}

.admin-theme-dark .admin-kpi-card {
  box-shadow: 0 8px 18px rgba(8, 15, 28, 0.28);
}

.admin-theme-dark .admin-kpi-card-receita {
  background: linear-gradient(180deg, #be123c 0%, #716a9c 100%);
  border-color: #e11d48;
}

.admin-theme-dark .admin-kpi-card-consultas {
  background: linear-gradient(180deg, #e11d48 0%, #4f4b68 100%);
  border-color: #38bdf8;
}

.admin-theme-dark .admin-kpi-card-despesa {
  background: linear-gradient(180deg, #5a2f3a 0%, #716a9c 100%);
  border-color: #9b5569;
}

.admin-theme-dark .admin-kpi-card-lucro {
  background: linear-gradient(180deg, #6b5a2d 0%, #716a9c 100%);
  border-color: #bca15a;
}

.admin-theme-dark .admin-tab-button {
  background: #515151;
  border-color: #475569;
  color: #f0f0f0;
}

.admin-theme-dark .admin-tab-button.active {
  background: #e11d48;
  border-color: #38bdf8;
  color: #ffffff;
}

.admin-theme-dark .muted,
.admin-theme-dark .admin-kpi-label,
.admin-theme-dark .admin-kpi-foot,
.admin-theme-dark .admin-mini-kpis span {
  color: #f0f0f0;
}

.admin-theme-dark .admin-kpi-value,
.admin-theme-dark .admin-mini-kpis strong {
  color: #f8fcfe;
}

.admin-theme-dark .admin-sparkline {
  color: #e2e8f0;
}

.admin-theme-dark .admin-margin {
  color: #f8fcfe;
}

.admin-theme-dark .admin-margin.positive {
  color: #f0f0f0;
}

.admin-theme-dark .admin-margin.negative {
  color: #ffb4b4;
}

.admin-theme-dark label,
.admin-theme-dark .admin-finance-row span,
.admin-theme-dark .admin-status-item p {
  color: #f0f0f0;
}

.admin-theme-dark input,
.admin-theme-dark select,
.admin-theme-dark textarea {
  background: #565656;
  border-color: #64748b;
  color: #eefff6;
}

.admin-theme-dark input::placeholder,
.admin-theme-dark textarea::placeholder {
  color: #f0f0f0;
}

.admin-theme-dark .admin-trend-badge.up {
  background: #7a3d05;
  color: #f0f0f0;
}

.admin-theme-dark .admin-trend-badge.down {
  background: #6e2a2a;
  color: #ffc7c7;
}

.admin-theme-dark .admin-mini-kpis > div {
  background: #515151;
  border-color: #64748b;
}

.admin-theme-dark .admin-consultas-por-card-total strong,
.admin-theme-dark .admin-consultas-por-card-block-title,
.admin-theme-dark .admin-consultas-por-card-count {
  color: #f8fcfe;
}

.admin-theme-dark .admin-consultas-por-card-block {
  background: #515151;
  border-color: #64748b;
}

.admin-theme-dark .admin-consultas-por-card-row {
  background: #152032;
  border-color: #3c8758;
}

.admin-theme-dark .admin-consultas-por-card-label {
  color: #f0f0f0;
}

.admin-theme-dark .admin-cost-card {
  background: #716a9c;
  border-color: #475569;
}

.admin-theme-dark .admin-cost-card label {
  color: #f0f0f0;
}

.admin-theme-dark .admin-pricing-grid-break {
  color: #f0f0f0;
}

.admin-theme-dark .admin-config-group--financial {
  border-top-color: #475569;
}

.admin-theme-dark .admin-config-group-title {
  color: #f0f0f0;
}

.admin-theme-dark .admin-pricing-kind-select {
  background: #565656;
  border-color: #64748b;
  color: #eefff6;
}

.admin-theme-dark .admin-pricing-remove-link {
  color: #ffb4b4;
}

.admin-theme-dark .admin-pricing-add-link {
  color: #f0f0f0;
}

.admin-theme-dark .admin-pricing-add-link:hover {
  color: #ffffff;
}

.admin-theme-dark .admin-currency-field small {
  color: #f0f0f0;
}

.admin-theme-dark .admin-users-table {
  border-color: #475569;
  background: #716a9c;
}

.admin-theme-dark .admin-users-table table th {
  background: #565656;
  color: #f0f0f0;
}

.admin-theme-dark .admin-users-table table tbody tr:nth-child(even) {
  background: #716a9c;
}

.admin-theme-dark .admin-users-toolbar input,
.admin-theme-dark .admin-users-toolbar select,
.admin-theme-dark .admin-user-credit-actions input {
  background: #565656;
  border-color: #64748b;
  color: #eefff6;
}

.admin-theme-dark .admin-users-selection label {
  color: #f0f0f0;
}

.admin-theme-dark .admin-users-selection select {
  background: #565656;
  border-color: #64748b;
  color: #eefff6;
}

.admin-theme-dark .admin-currency-input {
  background: #565656;
  border-color: #64748b;
}

.admin-theme-dark .admin-currency-input span {
  background: #515151;
  border-right-color: #475569;
  color: #f0f0f0;
}

.admin-theme-dark .admin-balance-highlight {
  border-color: #4e9a6a;
  background: linear-gradient(135deg, #296b43 0%, #24603b 100%);
}

.admin-theme-dark .admin-balance-tile {
  background: linear-gradient(135deg, #716a9c 0%, #4f4b68 100%) !important;
  border-color: #6cbe8b !important;
  box-shadow: 0 10px 24px rgba(4, 24, 16, 0.35);
}

.admin-theme-dark .admin-finance-track {
  background: #398757;
}

.admin-theme-dark .admin-finance-donut-center {
  background: #1e5d35;
  box-shadow: inset 0 0 0 1px #54a973;
}

.admin-theme-dark .admin-finance-donut-center span {
  color: #f0f0f0;
}

.admin-theme-dark .admin-finance-donut-center strong {
  color: #ffffff;
}

.admin-theme-dark .admin-finance-legend-item {
  background: #716a9c;
  border-color: #475569;
}

.admin-theme-dark .admin-finance-legend-item span {
  color: #f0f0f0;
}

.admin-theme-dark .admin-finance-legend-item strong,
.admin-theme-dark .admin-finance-legend-item small {
  color: #f4f9fe;
}

.admin-theme-dark .admin-status-item {
  background: #716a9c;
  border-color: #475569;
}

.admin-theme-dark .whatsapp-edit-input {
  background: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.admin-theme-dark .consulta-detail-card {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.admin-theme-dark .consulta-detail-card p {
  color: var(--dark-text-soft);
}

.admin-theme-dark .consulta-detail-card strong {
  color: var(--dark-text);
}

.admin-theme-dark .consulta-detail-section h3 {
  color: var(--dark-text);
}

.admin-theme-dark .consulta-detail-section-icon {
  background: rgba(255, 255, 255, 0.08);
  color: #f0f0f0;
}

.admin-theme-dark .dashboard-header h3 {
  color: var(--dark-text);
}

.admin-theme-dark .date-range-filters label {
  color: var(--dark-text-soft);
}

.admin-theme-dark .date-range-filters input[type="date"] {
  background: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.admin-theme-dark .chart-grid {
  background: linear-gradient(180deg, var(--dark-surface) 0%, var(--dark-surface-2) 100%);
  border-color: var(--dark-border);
}

.admin-theme-dark .bar-item {
  color: var(--dark-text-soft);
}

.admin-theme-dark .bar-value {
  color: #f0f0f0;
}

.admin-theme-dark .top-credits-card h3 {
  color: var(--dark-text-soft);
}

.admin-theme-dark .credit-value {
  color: var(--dark-text);
}

.admin-theme-dark .free-consultas-counter,
.admin-theme-dark .free-consultas-counter-inline {
  color: #f0f0f0;
}

.admin-theme-dark .payment-method-button {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.admin-theme-dark .payment-method-button.active {
  border-color: #38bdf8;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
}

.admin-theme-dark .payment-info {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.admin-theme-dark .payment-info label {
  color: var(--dark-text);
}

.admin-theme-dark .payment-info input,
.admin-theme-dark .payment-info select {
  background: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.admin-theme-dark .fake-recaptcha {
  background: var(--dark-input);
  border-color: var(--dark-border);
}

.admin-theme-dark .fake-recaptcha strong {
  color: var(--dark-text-soft);
}

.admin-theme-dark .completion-card {
  border-top-color: var(--dark-border);
}

.admin-theme-dark .success {
  color: #f0f0f0;
}

.admin-theme-dark .error {
  color: #ffb4a8;
}

.admin-theme-dark td {
  color: var(--dark-text-soft);
}

.admin-theme-dark .consulta-mode-option {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.admin-theme-dark .consulta-mode-option.active {
  background: var(--dark-surface);
  color: var(--dark-text);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.admin-theme-dark .consulta-loading-inline {
  color: var(--dark-text-soft);
}

.admin-theme-dark .pix-payment-box {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.admin-theme-dark .pix-payment-box strong {
  color: var(--dark-text);
}

.admin-theme-dark .pix-copy-code {
  background: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
}
@media (max-width: 900px) {
  .auth-layout {
    grid-template-columns: 1fr;
  }

  .login-signup-cta-inner:not(.login-signup-cta-inner--simple) {
    max-width: 22rem;
    padding-bottom: 44px;
  }

  .login-signup-cta-inner--simple {
    padding-bottom: 8px;
  }

  .login-signup-cta-deco {
    height: 38%;
    min-height: 100px;
    opacity: 0.85;
  }

  .login-signup-cta-stat {
    order: 2;
    width: 100%;
    max-width: 220px;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .login-signup-cta-pill-btn:not(.login-signup-cta-pill-btn--simple) {
    order: 3;
  }

  .login-signup-cta-copy {
    order: 1;
  }

  .nav-right {
    position: static;
    margin-left: auto;
  }

  .login-links-row button {
    margin-left: 0;
  }

  .admin-filter-grid {
    grid-template-columns: 1fr;
  }

  .admin-hero-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .admin-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-kpi-grid--placa {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-placa-kpi-head {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-inline-form {
    flex-direction: column;
    align-items: stretch;
  }

  .cadastro-password-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .consulta-cards-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .admin-kpi-grid {
    grid-template-columns: 1fr;
  }

  .admin-kpi-grid--placa {
    grid-template-columns: 1fr;
  }

  .admin-mini-kpis {
    grid-template-columns: 1fr;
  }

  .admin-cost-grid {
    grid-template-columns: 1fr;
  }

  .admin-cost-card-fields {
    grid-template-columns: 1fr;
  }

  .admin-tab-button {
    min-width: min(200px, 85vw);
  }
}
@media (max-width: 700px) {
  .hero h1 {
    font-size: 24px;
  }

  .topbar {
    padding: 10px 14px;
    gap: 12px 14px;
  }

  .nav-center {
    gap: 14px;
  }

  .nav-center a {
    font-size: 0.7rem;
    letter-spacing: 0.04em;
  }

  .topbar-login-link {
    padding: 7px 14px;
    font-size: 0.68rem;
  }
}
@media (max-width: 640px) {
  .page-wrap {
    padding: 18px 14px;
  }

  .card {
    padding: 18px 16px;
    border-radius: 16px;
  }

  .form .form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .form .form-actions button {
    width: 100% !important;
    justify-content: center;
  }

  .modal-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .modal-actions .logout-action-button {
    width: 100%;
  }

  th,
  td {
    padding: 8px 10px;
    font-size: 0.8125rem;
  }

  .whatsapp-float {
    right: 12px;
    bottom: 12px;
    width: 52px;
    height: 52px;
  }

  .user-menu-wrap {
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 6px;
  }

  .admin-users-toolbar input,
  .admin-users-toolbar select {
    width: 100% !important;
    min-width: 0 !important;
  }

  .admin-users-selection select {
    width: 100% !important;
  }

  .admin-user-credit-actions {
    flex-wrap: wrap;
    white-space: normal;
  }

  .admin-user-credit-actions button {
    flex: 1 1 auto;
    min-width: 120px;
  }

  .payment-method-grid {
    grid-template-columns: 1fr;
  }

  .buy-balance-head {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 480px) {
  .topbar:not(.topbar--public-lex):not(.topbar--donodaplaca) {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 10px;
    justify-items: stretch;
    padding-bottom: 12px;
  }

  .topbar:not(.topbar--public-lex):not(.topbar--donodaplaca) .topbar-brand {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
  }

  .topbar:not(.topbar--public-lex):not(.topbar--donodaplaca) .nav-center {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
    flex-wrap: wrap;
    justify-content: center;
  }

  .topbar:not(.topbar--public-lex):not(.topbar--donodaplaca) .nav-right {
    grid-column: 1;
    grid-row: 3;
    justify-self: center;
    width: 100%;
    justify-content: center;
  }

  .topbar:not(.topbar--public-lex):not(.topbar--donodaplaca) .user-menu-wrap {
    width: 100%;
    justify-content: center;
  }
}

/* ========== Landing pública estilo referência (hero + cartão + benefícios) ========== */
/* Não altera .admin-theme-dark nem rotas administrativas. */

.page-wrap--lex-landing {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.home-lex-credits-footer {
  width: 100%;
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
  border-top: 1px solid #ffffff;
}

.page-wrap--home-main > .home-lex-credits-footer {
  margin-top: 12px;
}

.home-lex-credits-footer-inner {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 18px;
  padding: 14px 18px 16px;
}

.home-lex-credits-footer-art {
  flex-shrink: 0;
  filter: drop-shadow(0 4px 10px rgba(190, 18, 60, 0.2));
}

.home-lex-credits-footer-copy {
  margin: 0;
  flex: 1 1 220px;
  max-width: 52ch;
  color: #0f172a;
  font-size: 0.92rem;
  line-height: 1.45;
  text-align: center;
}

.home-lex-credits-footer-copy strong {
  color: #be123c;
  font-weight: 800;
}

.home-lex-credits-footer-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border: none;
  padding: 12px 22px;
  border-radius: var(--exec-radius-md, 14px);
  font-family: var(--font-cta);
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.28);
  cursor: pointer;
  box-sizing: border-box;
  transition:
    transform 0.12s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease;
}

.home-lex-credits-footer-btn:hover {
  color: #ffffff;
  filter: brightness(1.04);
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.35);
}

.home-lex-credits-footer-btn:active {
  transform: translateY(1px);
}

.home-lex-credits-footer-btn:focus-visible {
  outline: 3px solid #38bdf8;
  outline-offset: 3px;
}
@media (max-width: 640px) {
  .home-lex-credits-footer-inner {
    flex-direction: column;
    padding-top: 16px;
    padding-bottom: 18px;
  }

  .home-lex-credits-footer-art svg {
    width: 64px;
    height: auto;
  }

  .home-lex-credits-footer-btn {
    width: min(100%, 320px);
  }
}

.home-plate-hero {
  position: relative;
  min-height: clamp(440px, 62vh, 560px);
  padding: clamp(38px, 5vw, 56px) 20px clamp(92px, 12vw, 138px);
  overflow: hidden;
  color: #312e81;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.96) 0 22%, transparent 50%),
    linear-gradient(90deg, #ffffff 0%, #f5f9ff 46%, rgba(224, 238, 255, 0.72) 58%, rgba(2, 39, 87, 0.08) 100%);
}

.home-plate-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0 44%, rgba(255, 255, 255, 0.48) 60%, rgba(255, 255, 255, 0.08) 100%),
    radial-gradient(circle at 76% 55%, rgba(0, 94, 196, 0.18), transparent 34%);
  pointer-events: none;
  z-index: 1;
}

.home-plate-hero-inner {
  position: relative;
  z-index: 3;
  max-width: 1120px;
  margin: 0 auto;
}

.home-plate-hero-copy {
  width: min(100%, 690px);
}

.home-plate-hero-title {
  margin: 0 0 24px;
  max-width: 14.5ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.6vw, 3.35rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.045em;
  color: #312e81;
}

.home-plate-hero-title span {
  color: #be123c;
}

.home-plate-search-card {
  width: min(100%, 640px);
  padding: 22px 26px 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
  backdrop-filter: blur(10px);
}

.home-plate-result-card {
  width: min(100%, 500px);
  margin-top: 18px;
  padding: 24px 24px 22px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(226, 232, 240, 0.98);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
  font-family: var(--font-base);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern" 1, "liga" 1;
}

.plate-result-page {
  align-items: center;
  padding-top: clamp(26px, 5vw, 46px);
  padding-bottom: clamp(34px, 6vw, 64px);
}

.plate-result-page #plate-resultado-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.plate-result-page .home-plate-result-card {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: min(100%, 760px);
  align-self: center;
}

.plate-result-page .home-plate-result-card--v2 {
  width: min(100%, 920px);
  padding: 28px 28px 24px;
}

.home-plate-result-card--v2 {
  gap: 0;
}

.plate-result-success {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  padding: 14px 18px;
  border-radius: 12px;
  background: linear-gradient(90deg, #ecfdf5 0%, #f0fdf4 100%);
  border: 1px solid #bbf7d0;
  color: #166534;
}

.plate-result-success p {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
}

.plate-result-success strong {
  font-weight: 800;
  letter-spacing: 0.04em;
}

.plate-result-identity {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e2e8f0;
}

.plate-result-identity .home-plate-result-plate {
  flex-shrink: 0;
}

.plate-result-identity__copy {
  min-width: 0;
  flex: 1;
}

.plate-result-identity__title {
  margin: 0 0 10px;
  color: #0f172a;
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2.4vw, 1.35rem);
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.plate-result-identity__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.plate-result-identity__chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
}

.plate-result-layout-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 1fr);
  gap: 16px;
  align-items: start;
}

.plate-result-layout-v2__main,
.plate-result-layout-v2__side {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.plate-result-layout-v2 .plate-card {
  height: 100%;
}

.plate-fipe-card {
  padding: 20px 18px 18px;
  border-radius: 14px;
  border: 1px solid #86efac;
  background: linear-gradient(165deg, #ecfdf5 0%, #dcfce7 55%, #d1fae5 100%);
  box-shadow: 0 8px 24px rgba(22, 163, 74, 0.12);
}

.plate-fipe-card__label {
  display: block;
  margin-bottom: 8px;
  color: #166534;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.plate-fipe-card__value {
  margin: 0;
  color: #14532d;
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 3vw, 1.85rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.plate-fipe-card__detail {
  margin: 10px 0 0;
  color: #15803d;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.45;
}

.home-plate-result-card--page h2 {
  margin-top: 0;
}

.home-plate-result-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.plate-result-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  margin-bottom: 22px;
}

.plate-result-hero__plate {
  min-width: 172px;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  border-width: 2px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

.plate-result-hero__plate span {
  margin-bottom: 0;
  padding: 5px 8px 4px;
  background: linear-gradient(180deg, #1e40af 0%, #1d4ed8 100%);
  color: #ffffff;
  font-size: 0.52rem;
  letter-spacing: 0.28em;
}

.plate-result-hero__plate strong {
  display: block;
  padding: 10px 16px 12px;
  font-size: 1.95rem;
  letter-spacing: 0.1em;
  line-height: 1;
  background: #ffffff;
}

.plate-result-hero__title {
  margin: 2px 0 0;
  color: #312e81;
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.25;
  max-width: 32ch;
}

.plate-result-hero__chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 0;
}

.plate-result-hero__chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
}

.home-plate-result-head h2 {
  margin: 0;
  color: #312e81;
  font-family: var(--font-heading);
  font-size: 1.22rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

.home-plate-result-plate {
  flex: 0 0 auto;
  width: 168px;
  padding: 0;
  overflow: hidden;
  border: 2px solid #111827;
  border-radius: 8px;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.16);
  display: flex;
  flex-direction: column;
}

.home-plate-result-plate__band {
  background: linear-gradient(180deg, #2b6de8 0%, #2563eb 100%);
  padding: 6px 10px 5px;
}

.home-plate-result-plate__band span {
  display: block;
  margin: 0;
  color: #ffb020;
  font-family: var(--font-heading);
  font-size: 0.54rem;
  font-weight: 900;
  letter-spacing: 0.34em;
  line-height: 1;
  text-indent: 0.34em;
}

.home-plate-result-plate__body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 12px 14px 14px;
  background: #ffffff;
}

.home-plate-result-plate__mark {
  position: absolute;
  left: 7px;
  bottom: 6px;
  color: #94a3b8;
  opacity: 0.45;
  pointer-events: none;
}

.home-plate-result-plate__body strong {
  position: relative;
  z-index: 1;
  display: block;
  font-family: var(--font-heading);
  font-size: 1.78rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  line-height: 1;
  color: #0f172a;
}

.home-plate-result-plate--compact {
  width: 112px;
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}

.home-plate-result-plate--compact .home-plate-result-plate__band {
  padding: 4px 8px 3px;
}

.home-plate-result-plate--compact .home-plate-result-plate__band span {
  font-size: 0.46rem;
  letter-spacing: 0.28em;
  text-indent: 0.28em;
}

.home-plate-result-plate--compact .home-plate-result-plate__body {
  min-height: 40px;
  padding: 8px 10px 10px;
}

.home-plate-result-plate--compact .home-plate-result-plate__mark {
  width: 20px;
  height: 14px;
  left: 5px;
  bottom: 4px;
}

.home-plate-result-plate--compact .home-plate-result-plate__body strong {
  font-size: 1.15rem;
  letter-spacing: 0.07em;
}

.home-plate-result-divider {
  height: 1px;
  margin: 18px -2px 18px;
  background: #e2e8f0;
}

.home-plate-owner-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  color: #be123c;
}

.home-plate-owner-title h3 {
  margin: 0;
  color: #312e81;
  font-size: 0.98rem;
  font-weight: 800;
}

.home-plate-result-list {
  margin: 0;
}

.home-plate-result-list div {
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1fr);
  gap: 16px;
  padding: 11px 0;
  border-bottom: 1px solid #e2e8f0;
}

.home-plate-result-list div:last-child {
  border-bottom: none;
}

.home-plate-result-list dt {
  color: #475569;
  font-size: 0.9rem;
  font-weight: 500;
}

.home-plate-result-list dd {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #312e81;
  font-size: 0.94rem;
  font-weight: 800;
}

.home-plate-result-section {
  margin-top: 18px;
}

.home-plate-result-section-title {
  margin: 0 0 8px;
  color: #312e81;
  font-size: 0.98rem;
  font-weight: 800;
}

.home-plate-result-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.home-plate-result-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid #dbeafe;
  background: #f8fbff;
  color: #334155;
  font-size: 0.78rem;
  font-weight: 700;
}

.home-plate-result-chip strong {
  color: #312e81;
}

.home-plate-result-chip--active {
  border-color: #fecaca;
  background: #fff1f2;
  color: #b91c1c;
}

.home-plate-whatsapp-dot {
  width: 17px;
  height: 17px;
  border-radius: 999px;
  display: inline-flex;
  background: #10b981;
  position: relative;
}

.home-plate-whatsapp-dot::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1.5px solid #ffffff;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  transform: rotate(-18deg);
}

.home-plate-result-note {
  margin-top: 18px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 9px;
  background: linear-gradient(90deg, #e7f0ff 0%, #dbeafe 100%);
  color: #be123c;
}

.home-plate-result-note p {
  margin: 0;
  color: #475569;
  font-size: 0.81rem;
  line-height: 1.45;
}

.home-plate-result-note strong,
.home-plate-result-note span {
  display: block;
}

.home-plate-result-note strong {
  color: #0f172a;
  font-family: var(--font-heading);
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.home-plate-result-reset {
  width: 100%;
  margin-top: 18px;
  border: none;
  border-radius: 8px;
  padding: 15px 18px;
  color: #ffffff;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  box-shadow: 0 10px 22px rgba(190, 18, 60, 0.23);
  font-family: var(--font-cta);
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
}

.home-plate-result-reset:hover {
  filter: brightness(1.04);
}

/* === Resultado de placa: cards Veículo/Proprietário + desbloqueio === */
.plate-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 14px;
  border-radius: 14px;
  background: #eef2f7;
}

.plate-card {
  padding: 16px 16px 12px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.plate-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eef2f7;
}

.plate-card-title h3 {
  margin: 0;
  color: #312e81;
  font-family: var(--font-heading);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.plate-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #e0ecff;
  color: #1d4ed8;
  flex-shrink: 0;
}

.plate-card-title--vehicle .plate-card-icon {
  background: #dcfce7;
  color: #15803d;
}

.plate-card-list {
  margin: 0;
}

.plate-field {
  display: grid;
  grid-template-columns: minmax(88px, 0.9fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid #f1f5f9;
}

.plate-field:last-child {
  border-bottom: none;
}

.plate-field dt {
  color: #64748b;
  font-size: 0.84rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

.plate-field dd {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  text-align: right;
  color: #0f172a;
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.012em;
  line-height: 1.35;
}

.plate-field-dd--masked {
  width: 100%;
  justify-content: flex-end;
}

.plate-field-mask {
  display: inline-block;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d8e0ea 0%, #edf1f6 42%, #d8e0ea 100%);
  flex: 1 1 auto;
  max-width: 100%;
}

.plate-field-mask--short {
  width: 52px;
  flex: 0 0 52px;
}

.plate-field-mask--medium {
  width: 78px;
  flex: 0 0 78px;
}

.plate-field-mask--long {
  width: 112px;
  flex: 0 0 112px;
}

.plate-field--locked dt {
  color: #94a3b8;
}

.plate-field--locked dd {
  font-weight: 600;
}

.plate-unlock-link {
  flex: 0 0 auto;
  border: none;
  padding: 0;
  background: transparent;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.plate-unlock-link:hover:not(:disabled) {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  text-decoration: underline;
}

.plate-unlock-link:disabled {
  opacity: 0.6;
  cursor: progress;
}

.plate-card-locked-summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 8px 0 0;
  color: #2563eb;
  font-size: 0.8rem;
  font-weight: 700;
}

.plate-unlock-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.22);
}

.plate-unlock-chip:hover:not(:disabled) {
  filter: brightness(1.05);
}

.plate-unlock-chip:disabled {
  opacity: 0.65;
  cursor: progress;
}

.plate-unlock-cta {
  width: 100%;
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none;
  border-radius: 12px;
  padding: 17px 18px;
  color: #1a1300;
  background: linear-gradient(180deg, #ffcb3d 0%, #f5a623 100%);
  box-shadow: 0 12px 26px rgba(245, 166, 35, 0.32);
  font-family: var(--font-cta);
  font-size: 0.96rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  cursor: pointer;
}

.plate-unlock-cta:hover:not(:disabled) {
  filter: brightness(1.04);
}

.plate-unlock-cta:disabled {
  opacity: 0.7;
  cursor: progress;
}

.plate-unlock-hint {
  margin: 10px 4px 0;
  color: #64748b;
  font-size: 0.81rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.plate-unlock-error {
  margin-top: 12px;
}
@media (max-width: 640px) {
  .plate-cards-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.home-plate-layout-showcase {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.85fr);
  gap: clamp(22px, 4vw, 42px);
  align-items: start;
  position: relative;
  z-index: 4;
}

.home-plate-layout-showcase--benefits {
  display: block;
}

.home-plate-layout-showcase::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: calc(54% + 10px);
  border-left: 1px dashed rgba(148, 163, 184, 0.55);
  pointer-events: none;
}

.home-plate-layout-showcase--benefits::before {
  display: none;
}

.home-plate-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}

.home-plate-benefit-card {
  min-height: 220px;
  padding: 28px 24px 24px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.1);
}

.home-plate-benefit-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 999px;
  color: #be123c;
  background: #eaf2ff;
}

.home-plate-benefit-card h3 {
  margin: 0 0 12px;
  color: #312e81;
  font-size: 1.12rem;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.home-plate-benefit-card p {
  margin: 0;
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.55;
}

.home-plate-preview-column {
  position: relative;
}

.home-plate-preview-column .home-plate-result-card {
  width: 100%;
  margin-top: -62px;
}

.home-plate-search-card label {
  display: block;
  margin: 0 0 11px;
  color: #312e81;
  font-size: 0.96rem;
  font-weight: 800;
  text-align: center;
}

.home-plate-search-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.home-plate-input-wrap {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 62px;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
}

.home-plate-input-wrap input {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: none;
  padding: 0 18px;
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #312e81;
  text-transform: uppercase;
  background: transparent;
  outline: none;
}

.home-plate-input-wrap input::placeholder {
  color: #94a3b8;
  opacity: 0.72;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
}

.home-plate-input-wrap:focus-within {
  border-color: #1450c8;
  box-shadow:
    0 0 0 3px rgba(20, 80, 200, 0.16),
    inset 0 1px 2px rgba(15, 23, 42, 0.06);
}

.home-plate-search-button {
  height: 62px;
  border: none;
  border-radius: 9px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #ffffff;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  box-shadow: 0 12px 26px rgba(190, 18, 60, 0.26);
  font-family: var(--font-cta);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.14s ease, filter 0.14s ease, box-shadow 0.14s ease;
}

.home-plate-search-button:hover {
  filter: brightness(1.04);
  box-shadow: 0 14px 30px rgba(190, 18, 60, 0.32);
}

.home-plate-search-button:disabled {
  cursor: wait;
  opacity: 0.78;
  filter: saturate(0.75);
  pointer-events: none;
}

.home-plate-search-card--loading {
  position: relative;
}

.home-plate-search-loading {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.88);
  color: #434162;
  font-weight: 700;
  font-size: 0.98rem;
  text-align: center;
  padding: 20px;
}

.home-plate-search-loading[hidden] {
  display: none !important;
}

.home-plate-search-spinner {
  width: 34px;
  height: 34px;
  border: 3px solid rgba(20, 80, 200, 0.18);
  border-top-color: #e11d48;
  border-radius: 50%;
  display: inline-block;
  animation: consulta-spin 0.8s linear infinite;
}

.home-plate-search-spinner--button {
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.35);
  border-top-color: #ffffff;
}

.home-plate-search-button:active {
  transform: translateY(1px);
}

.home-plate-error {
  margin: 12px 0 0;
  color: #b91c1c;
  font-size: 0.88rem;
  font-weight: 700;
}

.home-plate-safe-note {
  margin: 16px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #475569;
  font-size: 0.82rem;
  font-weight: 600;
}

.home-plate-safe-note::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background: currentColor;
  opacity: 0.75;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h1Zm2 0h6V8a3 3 0 0 0-6 0v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.home-plate-mini-benefits {
  margin: 28px auto 0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  color: #0f172a;
}

.home-plate-mini-benefits span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 34px;
  min-height: 38px;
  border-right: 1px solid #cbd5e1;
}

.home-plate-mini-benefits span:last-child {
  border-right: none;
}

.home-plate-mini-benefits span::before {
  content: "";
  width: 34px;
  height: 34px;
  display: inline-block;
  border: 1.5px solid #e11d48;
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 106, 0, 0.18), transparent 42%),
    #ffffff;
}

.home-plate-mini-benefits strong {
  font-size: 0.96rem;
  font-weight: 800;
}

.home-plate-result-flow {
  position: absolute;
  right: clamp(42px, 6vw, 78px);
  bottom: 34px;
  margin: 0;
  color: #e11d48;
  font-size: 0.86rem;
  font-weight: 700;
}

.home-plate-hero-art {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
}

.home-plate-car-svg {
  position: absolute;
  right: max(-76px, -4vw);
  bottom: 18px;
  width: min(55vw, 680px);
  height: auto;
  filter: drop-shadow(0 28px 36px rgba(15, 23, 42, 0.18));
}

.home-plate-road {
  position: absolute;
  width: 380px;
  height: 540px;
  border: 2px solid rgba(255, 106, 0, 0.09);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  transform: rotate(28deg);
}

.home-plate-road::before,
.home-plate-road::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  border: 1px dashed rgba(255, 106, 0, 0.12);
}

.home-plate-road::before {
  inset: 38px;
}

.home-plate-road::after {
  inset: 82px;
}

.home-plate-road--left {
  left: -190px;
  bottom: -210px;
}

.home-plate-road--right {
  right: -168px;
  top: 132px;
  transform: rotate(210deg);
}

.home-plate-outline {
  position: absolute;
  right: 3%;
  top: 15%;
  width: 220px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid rgba(255, 106, 0, 0.11);
  border-radius: 14px;
  color: rgba(255, 106, 0, 0.14);
  font-weight: 900;
  letter-spacing: 0.38em;
  transform: rotate(-9deg);
}

.home-plate-line-car {
  position: absolute;
  left: 10%;
  bottom: 36%;
  width: 118px;
  height: 56px;
  border: 3px solid rgba(255, 106, 0, 0.12);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom: none;
}

.home-plate-line-car::before,
.home-plate-line-car::after {
  content: "";
  position: absolute;
  bottom: -14px;
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 106, 0, 0.12);
  border-radius: 50%;
}

.home-plate-line-car::before {
  left: 12px;
}

.home-plate-line-car::after {
  right: 12px;
}

.home-plate-line-shield {
  position: absolute;
  right: 18%;
  bottom: 36%;
  width: 84px;
  height: 96px;
  border: 3px solid rgba(255, 106, 0, 0.12);
  clip-path: polygon(50% 0, 92% 18%, 82% 75%, 50% 100%, 18% 75%, 8% 18%);
}

.home-plate-security-badge {
  position: absolute;
  right: min(26vw, 300px);
  bottom: clamp(126px, 20vw, 220px);
  width: 104px;
  height: 122px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #ffffff;
  text-align: center;
  background: linear-gradient(180deg, #2f83ec 0%, #0a4db7 100%);
  clip-path: polygon(50% 0, 94% 18%, 88% 76%, 50% 100%, 12% 76%, 6% 18%);
  filter: drop-shadow(0 12px 20px rgba(4, 35, 84, 0.32));
}

.home-plate-security-badge span,
.home-plate-security-badge strong {
  display: block;
  line-height: 1.05;
  font-size: 0.78rem;
  font-weight: 800;
}

.home-plate-security-badge svg {
  margin-top: 8px;
  color: #be123c;
}

.page-wrap--lex-after-hero {
  margin-top: -72px;
  position: relative;
  z-index: 3;
  padding-top: 0;
  background: linear-gradient(180deg, transparent 0%, #f8fafc 76px, #f8fafc 100%);
}

.home-lex-features {
  position: relative;
  z-index: 4;
  padding: 0 0 18px;
}

.home-lex-features-inner {
  padding-top: 0;
  padding-bottom: 0;
}

.home-lex-features-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.96);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13);
}

.home-lex-feature-card {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.home-lex-feature-card:not(:last-child) {
  border-right: 1px solid #e2e8f0;
}

.home-lex-feature-icon {
  color: #be123c;
}
@media (max-width: 900px) {
  .home-plate-hero::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.97) 0 58%, rgba(255, 255, 255, 0.62) 100%);
  }

  .home-plate-car {
    opacity: 0.38;
    right: -190px;
    width: 720px;
    height: 420px;
  }

  .home-plate-security-badge {
    opacity: 0.76;
    right: 24px;
  }
}
@media (max-width: 720px) {
  .home-plate-hero {
    min-height: auto;
    padding-bottom: 96px;
  }

  .home-plate-hero-title {
    max-width: 100%;
  }

  .home-plate-search-row {
    grid-template-columns: 1fr;
  }

  .home-plate-search-button {
    width: 100%;
  }

  .home-plate-result-head,
  .plate-result-hero,
  .plate-result-identity {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .plate-result-identity__chips {
    justify-content: center;
  }

  .plate-result-layout-v2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-plate-result-plate,
  .plate-result-hero__plate {
    width: fit-content;
  }

  .plate-cards-grid {
    padding: 12px;
  }

  .plate-field {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .plate-field dd,
  .plate-field-dd--masked {
    justify-content: flex-start;
    text-align: left;
  }

  .plate-field-mask--short,
  .plate-field-mask--medium,
  .plate-field-mask--long {
    flex: 1 1 auto;
    width: auto;
    max-width: 100%;
  }

  .home-plate-result-list div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .home-lex-features-grid {
    grid-template-columns: 1fr;
  }

  .home-lex-feature-card:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
  }
}

.home-lex-hero {
  position: relative;
  min-height: clamp(320px, 50vh, 460px);
  padding: clamp(36px, 6vw, 56px) 20px clamp(72px, 12vw, 120px);
  color: #f8fafc;
  overflow: hidden;
  background:
    radial-gradient(ellipse 100% 70% at 78% 18%, rgba(255, 106, 0, 0.14), transparent 52%),
    linear-gradient(168deg, #040a14 0%, #0b1628 42%, #132a45 100%);
}

.home-lex-hero-grid {
  position: absolute;
  inset: 0;
  opacity: 0.14;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}

.home-lex-hero-scales {
  position: absolute;
  right: -4%;
  bottom: -8%;
  width: min(52vw, 420px);
  max-height: 92%;
  color: #94a3b8;
  pointer-events: none;
  z-index: 1;
}

.home-lex-hero-scales-svg {
  width: 100%;
  height: auto;
  display: block;
}

.home-lex-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1120px;
  margin: 0 auto;
}

.home-lex-hero-eyebrow {
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #38bdf8;
}

.home-lex-hero-title {
  margin: 0 0 16px;
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: clamp(1.85rem, 4.2vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.12;
  color: #ffffff;
}

.home-lex-hero-lead {
  margin: 0;
  max-width: 36rem;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: clamp(0.95rem, 1.6vw, 1.08rem);
  font-weight: 500;
  line-height: 1.55;
  color: rgba(226, 232, 240, 0.92);
}

.home-lex-hero-lead-icon {
  flex-shrink: 0;
  margin-top: 2px;
  color: #38bdf8;
}

.page-wrap--lex-after-hero {
  margin-top: -72px;
  position: relative;
  z-index: 3;
  padding-top: 8px;
  background: linear-gradient(180deg, #eef2f7 0%, #f8fafc 32%, #f8fafc 100%);
}
@media (max-width: 640px) {
  .page-wrap--lex-after-hero {
    margin-top: -48px;
  }

  .home-lex-hero-scales {
    opacity: 0.45;
    width: 70vw;
    right: -18%;
  }
}

.home-lex-result-preview {
  margin-bottom: 18px;
}

.home-lex-result-preview-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.home-lex-result-preview-lead {
  margin: 0 0 16px;
  font-size: 0.9rem;
  line-height: 1.55;
  max-width: 72ch;
}

.home-lex-result-preview-fields {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: grid;
  gap: 12px 16px;
}
@media (min-width: 720px) {
  .home-lex-result-preview-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.home-lex-result-preview-field {
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.home-lex-result-preview-field-name {
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #be123c;
}

.home-lex-result-preview-field-desc {
  font-size: 0.88rem;
  line-height: 1.45;
  color: #334155;
}

.home-lex-result-preview-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
}

.home-lex-result-preview-note {
  margin: 0;
  flex: 1 1 200px;
  font-size: 0.82rem;
  line-height: 1.45;
  max-width: 48ch;
}

.home-lex-result-teaser {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
}

.home-lex-result-teaser-text {
  margin: 0;
  flex: 1 1 240px;
  max-width: 62ch;
  font-size: 0.9rem;
  line-height: 1.55;
}

.home-lex-result-teaser-link {
  flex-shrink: 0;
  text-align: center;
  line-height: 1.2;
}

.consulta-exemplo-resultado-page {
  padding-top: 18px;
  padding-bottom: 32px;
}

.consulta-exemplo-resultado-head {
  margin-bottom: 14px;
}

.consulta-campos-ref {
  padding: 18px 18px 22px;
}

.consulta-campos-ref-lead {
  margin: 0 0 22px;
  font-size: 0.9rem;
  line-height: 1.55;
  max-width: 72ch;
}

.consulta-campos-ref-topics {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 24px;
}

.consulta-campos-ref-topic {
  margin: 0;
  padding: 0 0 18px;
  border-bottom: 1px solid #e2e8f0;
}

.consulta-campos-ref-topic:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.consulta-campos-ref-topic-title {
  margin: 0 0 8px;
  font-size: 1.02rem;
  font-weight: 700;
  color: #0f172a;
}

.consulta-campos-ref-topic-nota {
  margin: 0 0 10px;
  font-size: 0.8rem;
  line-height: 1.45;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.consulta-campos-ref-list {
  margin: 0;
  padding-left: 1.15rem;
  font-size: 0.88rem;
  line-height: 1.55;
  color: #334155;
}

.consulta-campos-ref-list li {
  margin-bottom: 6px;
}

.consulta-campos-ref-list li:last-child {
  margin-bottom: 0;
}

.consulta-campos-ref-actions {
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
}

.home-lex-result-preview--page .home-lex-result-preview-title {
  font-size: 1.25rem;
}

.page-wrap.page-wrap--home-main > .home-lex-result-teaser.card:first-child {
  margin-top: 0;
}

.page-wrap.page-wrap--home-main > .home-lex-result-preview.card:first-child {
  margin-top: 0;
}

.home-lex-consult-stack {
  margin-bottom: 8px;
}

.home-lex-features {
  padding: 28px 0 40px;
  background: #f8fafc;
}

.home-lex-features-inner {
  margin: 0 auto;
}

.home-lex-features-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px 22px;
}

.home-lex-feature-card {
  padding: 18px 16px 20px;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
}

.home-lex-feature-icon {
  color: #be123c;
  margin-bottom: 10px;
}

.home-lex-feature-title {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.home-lex-feature-text {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.5;
  color: #475569;
}
@media (max-width: 960px) {
  .home-lex-features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .home-lex-features-grid {
    grid-template-columns: 1fr;
  }
}

/* Overrides da home Pesquisar a Placa após os estilos legados da landing. */
.page-wrap--lex-after-hero {
  margin-top: -72px;
  padding-top: 0;
  background: linear-gradient(180deg, transparent 0%, #f8fafc 76px, #f8fafc 100%);
}

.home-lex-features {
  position: relative;
  z-index: 4;
  padding: 0 0 18px;
  background: transparent;
}

.home-lex-features-inner {
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.home-lex-features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.96);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13);
}

.home-lex-feature-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 16px;
  align-items: center;
  padding: 24px 30px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.home-lex-feature-card:not(:last-child) {
  border-right: 1px solid #e2e8f0;
}

.home-lex-feature-icon {
  grid-row: span 2;
  margin-bottom: 0;
  color: #be123c;
}

.home-lex-feature-title {
  margin: 0;
}

.home-lex-feature-text {
  margin: 0;
}
@media (max-width: 900px) {
  .home-lex-features-grid {
    grid-template-columns: 1fr;
  }

  .home-lex-feature-card:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
  }
}

.topbar--public-lex {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.topbar-brand--lex {
  gap: 12px;
  align-items: center;
}

.topbar-brand-lex-icon {
  display: flex;
  color: rgba(255, 255, 255, 0.95);
}

.topbar-brand-text--lex {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.topbar-brand-lex-title {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.08em;
}

.topbar-brand-lex-tagline {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.95);
}

.nav-center--lex {
  gap: 8px 28px;
}

.nav-lex-link {
  position: relative;
  text-decoration: none;
  color: rgba(248, 250, 252, 0.82);
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 6px 2px 10px;
  border-bottom: 3px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.nav-lex-link:hover {
  color: #ffffff;
}

.nav-lex-link.is-active {
  color: #ffffff;
  border-bottom-color: #e11d48;
}

.app-theme-dark .nav-lex-link {
  color: rgba(241, 245, 249, 0.88);
}

.app-theme-dark .nav-lex-link.is-active {
  color: #ffffff;
  border-bottom-color: #7dd3fc;
}

.consulta-produto-card--lex-embed {
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(8, 15, 28, 0.16);
  background: #ffffff;
}

.consulta-lex-embed-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: linear-gradient(90deg, #383457 0%, #4f4b68 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.consulta-lex-embed-head-icon {
  display: flex;
  color: #ffffff;
}

.consulta-lex-embed-head-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #f8fafc;
}

.consulta-produto-card--lex-embed .consulta-produto-form {
  padding: 18px 20px 22px;
}

.consulta-produto-card--lex-embed .consulta-tabs.consulta-tabs--toolbar {
  background: #f1f5f9;
  border-color: #e2e8f0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.consulta-produto-card--lex-embed .consulta-tabs.consulta-tabs--toolbar .consulta-tab {
  background: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 3px solid transparent;
  box-shadow: none;
  color: #64748b;
  font-weight: 700;
}

.consulta-produto-card--lex-embed .consulta-tabs.consulta-tabs--toolbar .consulta-tab:hover:not(.active) {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.65);
}

.consulta-produto-card--lex-embed .consulta-tabs.consulta-tabs--toolbar .consulta-tab.active {
  background: transparent;
  color: #be123c;
  border-bottom-color: #e11d48;
  box-shadow: none;
}

.consulta-produto-card--lex-embed .consulta-mode-switch.consulta-mode-switch--toolbar {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.consulta-produto-card--lex-embed .consulta-mode-switch--toolbar .consulta-mode-option {
  background: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 3px solid transparent;
  box-shadow: none;
  color: #64748b;
}

.consulta-produto-card--lex-embed .consulta-mode-switch--toolbar .consulta-mode-option:hover:not(.active):not(:disabled) {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.65);
}

.consulta-produto-card--lex-embed .consulta-mode-switch--toolbar .consulta-mode-option.active {
  background: transparent;
  color: #be123c;
  border-bottom-color: #e11d48;
  box-shadow: none;
}

.app-theme-dark .consulta-produto-card--lex-embed {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}

.app-theme-dark .consulta-lex-embed-head {
  background: linear-gradient(90deg, #2c2b4c 0%, #4f4b68 100%);
}

.app-theme-dark .consulta-lex-embed-head-title {
  color: var(--dark-text);
}

.app-theme-dark .consulta-produto-card--lex-embed .consulta-tabs.consulta-tabs--toolbar,
.app-theme-dark .consulta-produto-card--lex-embed .consulta-mode-switch.consulta-mode-switch--toolbar {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.app-theme-dark .consulta-produto-card--lex-embed .consulta-tabs.consulta-tabs--toolbar .consulta-tab,
.app-theme-dark .consulta-produto-card--lex-embed .consulta-mode-switch--toolbar .consulta-mode-option {
  color: var(--dark-text-soft);
}

.app-theme-dark .consulta-produto-card--lex-embed .consulta-tabs.consulta-tabs--toolbar .consulta-tab.active,
.app-theme-dark .consulta-produto-card--lex-embed .consulta-mode-switch--toolbar .consulta-mode-option.active {
  color: #ffffff;
  border-bottom-color: #7dd3fc;
}
@media (max-width: 420px) {
  .topbar-brand-lex-tagline {
    display: none;
  }
}

/* Ajustes finais da landing Pesquisar a Placa para aproximar das referências enviadas. */
.topbar.topbar--public-lex {
  min-height: 76px;
  padding: 0 clamp(30px, 6vw, 66px);
  background: #1e1b4b;
}

.topbar-brand--lex {
  gap: 10px;
}

.brand-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  flex-shrink: 0;
}

.brand-logo-word-on-dark {
  fill: #ffffff;
}

.brand-logo-word-on-light {
  fill: #0f172a;
}

.brand-logo-word-accent,
.brand-logo-domain {
  fill: var(--exec-blue, #e11d48);
}

.topbar-brand-logo-img {
  width: auto;
  height: 44px;
  max-width: min(240px, 58vw);
}

.site-footer-brand-logo {
  width: auto;
  height: 40px;
  max-width: 200px;
}

.topbar-brand-lex-icon {
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, 0.88);
  border-radius: 999px;
  color: #ffffff;
}

.topbar-brand-lex-icon svg {
  width: 30px;
  height: 30px;
}

.topbar-brand-lex-title {
  font-size: clamp(1rem, 1.8vw, 1.35rem);
  line-height: 1;
}

.nav-center--lex {
  gap: 38px;
}

.nav-lex-link {
  font-size: 0.95rem;
  padding: 8px 2px 12px;
  letter-spacing: 0;
  text-transform: none;
}

.topbar-login-link {
  padding: 10px 19px;
  font-size: 0.95rem;
  letter-spacing: 0;
  text-transform: none;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  border-color: rgba(255, 255, 255, 0.26);
}

.site-footer {
  border-top: none;
  background: #1e1b4b;
}

.site-footer-inner {
  padding-top: 18px;
  padding-bottom: 18px;
}

.site-footer-link {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.78rem;
}

.site-footer-link:hover {
  color: #ffffff;
}

.site-footer-sep {
  color: rgba(255, 255, 255, 0.28);
}

.site-footer-logo-consultas {
  color: #ffffff;
}

.site-footer-logo-agora {
  color: #e11d48;
}

.site-footer-payments {
  grid-column: 3;
  justify-self: end;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.66rem;
}

.site-footer-payments-title {
  width: 100%;
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.site-footer-payment-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

.site-footer-payment-badge {
  min-width: 48px;
  height: 28px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #ffffff;
  color: #1e1b4b;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.site-footer-payment-badge--visa {
  color: #1434cb;
  font-style: italic;
  letter-spacing: 0.03em;
}

.site-footer-payment-badge--master {
  gap: 0;
}

.site-footer-payment-badge--master span {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 999px;
}

.site-footer-payment-badge--master span:first-child {
  background: #eb001b;
  margin-right: -5px;
}

.site-footer-payment-badge--master span:last-child {
  background: #f79e1b;
  opacity: 0.92;
}

.site-footer-payment-badge--pix {
  color: #00a884;
  font-weight: 800;
}

.site-footer-payment-badge--pix::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 4px;
  display: inline-block;
  background: #00c2a0;
  transform: rotate(45deg);
  border-radius: 3px;
}

.site-footer-security-note {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.62rem;
  text-align: center;
}

.site-footer-legal {
  margin: 0.5rem auto 0;
  padding: 0.85rem 1.5rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: fit-content;
  max-width: calc(100% - 32px);
}

.site-footer-legal-line {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.4;
}

.site-footer-legal-disclaimer,
.site-footer-legal-cookies {
  margin: 0;
  padding: 0 16px 0.85rem;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.64rem;
  line-height: 1.4;
  max-width: 920px;
  text-align: center;
  align-self: center;
}

.site-footer-legal-cookies a {
  color: var(--exec-blue, #e11d48);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-footer-legal-cookies a:hover {
  color: var(--exec-blue-bright, #7dd3fc);
}

.home-plate-hero {
  min-height: clamp(510px, calc(100vh - 76px), 620px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 58px 24px 44px;
  background:
    radial-gradient(circle at 50% 26%, #ffffff 0 24%, rgba(255, 255, 255, 0.78) 42%, transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 58%, #edf6ff 100%);
}

.home-plate-hero::before {
  background:
    radial-gradient(circle at 12% 60%, rgba(255, 106, 0, 0.08), transparent 34%),
    radial-gradient(circle at 88% 42%, rgba(255, 106, 0, 0.1), transparent 34%);
}

.home-plate-hero-inner {
  max-width: 960px;
  width: 100%;
  text-align: center;
}

.home-plate-hero-copy {
  width: min(100%, 760px);
  margin: 0 auto;
}

.home-plate-hero-title {
  max-width: 760px;
  margin: 0 auto 9px;
  font-size: clamp(2.05rem, 4vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.home-plate-hero-subtitle {
  margin: 0 auto 32px;
  max-width: 680px;
  color: #475569;
  font-size: clamp(0.95rem, 1.45vw, 1.08rem);
  line-height: 1.55;
  font-weight: 500;
}

.home-plate-search-card {
  width: min(100%, 446px);
  margin: 0 auto;
  padding: 23px 56px 20px;
  border-radius: 10px;
}

.home-plate-input-wrap {
  height: 96px;
  border: 2px solid #0f172a;
  border-radius: 10px;
}

.home-plate-search-button {
  height: 48px;
  width: 100%;
  margin-top: 16px;
  font-size: 1.04rem;
  border-radius: 8px;
}

.home-plate-search-row {
  grid-template-columns: 1fr;
  gap: 0;
}

.page-wrap--lex-after-hero {
  margin-top: -44px;
  padding-bottom: 34px;
  background: linear-gradient(180deg, transparent 0%, #f8fafc 72px, #f8fafc 100%);
}

.home-lex-features {
  padding-bottom: 22px;
}

.home-lex-features-grid {
  max-width: 1120px;
  margin: 0 auto;
  border-radius: 14px;
}
@media (max-width: 900px) {
  .home-plate-hero-copy {
    width: min(100%, 680px);
  }

  .home-plate-hero-title {
    max-width: 620px;
  }

  .home-plate-car-svg {
    opacity: 0.28;
    right: -220px;
  }

  .home-plate-layout-showcase {
    grid-template-columns: 1fr;
  }

  .home-plate-layout-showcase::before {
    display: none;
  }

  .home-plate-preview-column .home-plate-result-card {
    margin-top: 0;
  }
}
@media (max-width: 760px) {
  .home-plate-benefit-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .site-footer-payments {
    grid-column: unset;
    justify-self: unset;
    align-items: center;
  }

  .site-footer-payment-badges {
    justify-content: center;
  }
}

/* Layout final simples centralizado, alinhado ao mockup aprovado. */
.topbar.topbar--public-lex {
  height: 76px;
  min-height: 76px;
  grid-template-columns: minmax(220px, 1fr) auto minmax(120px, 1fr);
  padding: 0 40px;
}

.topbar-brand-logo-img {
  width: auto;
  height: 44px;
  max-width: min(240px, 58vw);
}

.nav-center--lex {
  gap: 44px;
}

.nav-center.nav-center--lex a.nav-lex-link {
  font-size: 15px;
  padding: 24px 0 14px;
  letter-spacing: 0;
  text-transform: none;
  border-bottom-width: 2px;
}

.nav-lex-link {
  font-size: 15px;
  padding: 24px 0 14px;
  letter-spacing: 0;
  text-transform: none;
  border-bottom-width: 2px;
}

.nav-lex-link.is-active {
  border-bottom-color: #2d8cff;
}

.topbar-login-link {
  min-width: 90px;
  height: 40px;
  padding: 0 18px;
  border-radius: 8px;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
}

.topbar--public-lex .user-menu-trigger {
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.875rem;
  max-width: min(180px, 22vw);
}

.home-plate-hero {
  min-height: calc(100vh - 76px);
  padding: 62px 24px 48px;
}

.home-plate-hero-inner {
  max-width: 980px;
}

.home-plate-hero-title {
  max-width: 820px;
  margin-bottom: 12px;
  font-size: clamp(2.35rem, 4.35vw, 3.75rem);
  line-height: 1.04;
  letter-spacing: -0.055em;
}

.home-plate-hero-subtitle {
  margin-bottom: 38px;
  font-size: 1.12rem;
}

.home-plate-search-card {
  width: 575px;
  max-width: calc(100vw - 48px);
  padding: 26px 58px 24px;
  border-radius: 14px;
}

.home-plate-search-card label {
  margin-bottom: 12px;
  font-size: 1rem;
}

.home-plate-input-wrap {
  height: 54px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
}

.home-plate-input-wrap input {
  font-size: 1.05rem;
  letter-spacing: 0.02em;
}

.home-plate-search-button {
  height: 52px;
  margin-top: 4px;
  width: 100%;
  border-radius: 8px;
  font-size: 1.05rem;
  text-transform: none;
}

.home-plate-safe-note {
  margin-top: 17px;
  font-size: 0.86rem;
}

.home-plate-mini-benefits {
  margin-top: 30px;
}

.home-plate-mini-benefits span {
  min-height: 40px;
  padding: 0 36px;
}

.home-plate-mini-benefits span::before {
  width: 36px;
  height: 36px;
}

.home-plate-outline {
  right: 3.2%;
  top: 17%;
  width: 235px;
  height: 92px;
}

.home-plate-line-car {
  left: 10.5%;
  bottom: 35%;
}

.home-plate-line-shield {
  right: 19%;
  bottom: 36%;
}
@media (max-width: 900px) {
  .topbar.topbar--public-lex {
    padding: 10px 14px;
    height: auto;
    min-height: 64px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px 10px;
  }

  .topbar-brand-logo-img {
    width: auto;
    height: 40px;
    max-width: min(220px, 56vw);
  }

  .home-plate-hero-title {
    font-size: clamp(2rem, 7vw, 3rem);
  }
}

/* Ajuste fino: tipografia e placa no estilo do recorte aprovado. */
.home-plate-hero-title {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -0.065em;
}

.home-plate-hero-subtitle,
.home-plate-search-card label {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.home-plate-hero-subtitle {
  font-weight: 500;
  letter-spacing: -0.01em;
}

.home-plate-search-card label {
  font-weight: 850;
}

.home-plate-input-wrap {
  height: 58px;
}

/* Ajuste fino dos textos e benefícios para aproximar da referência visual. */
.home-plate-hero-title {
  font-family: var(--font-heading);
  font-weight: 900;
  letter-spacing: -0.045em;
}

.home-plate-hero-subtitle {
  font-family: var(--font-heading);
  font-size: 1.08rem;
  font-weight: 400;
  letter-spacing: -0.015em;
}

.home-plate-search-card label {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.home-plate-search-button {
  font-family: var(--font-heading);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.home-plate-safe-note,
.home-plate-mini-benefits strong {
  font-family: var(--font-heading);
}

.home-plate-buy-credits {
  margin: 10px auto 0;
  padding: 9px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: #e11d48;
  color: #ffffff;
  font-family: var(--font-heading);
  font-size: 0.88rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(255, 106, 0, 0.22);
}

.home-plate-buy-credits:hover {
  background: #be123c;
}

.home-plate-mini-benefits {
  margin-top: 22px;
  color: #172033;
}

.home-plate-mini-benefits span {
  position: relative;
  gap: 11px;
  min-height: 46px;
  padding: 0 34px;
  border-right-color: rgba(148, 163, 184, 0.55);
}

.home-plate-mini-benefits span::before {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1.5px solid rgba(52, 152, 219, 0.72);
  background: rgba(255, 255, 255, 0.92);
}

.home-plate-mini-benefits span::after {
  content: "";
  position: absolute;
  left: 43px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: #5fa8d3;
  opacity: 0.95;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.home-plate-mini-benefits span:nth-child(1)::after {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1 2.3 4 13.2h6.8L9.9 22l9.1-11h-6.7l.8-8.7Z'/%3E%3C/svg%3E");
}

.home-plate-mini-benefits span:nth-child(2)::after {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.2 4.5 5.4v5.9c0 4.7 3.1 8.8 7.5 10.5 4.4-1.7 7.5-5.8 7.5-10.5V5.4L12 2.2Zm3.7 7.6-4.6 4.8-2.3-2.3-1.4 1.4 3.7 3.7 6-6.2-1.4-1.4Z'/%3E%3C/svg%3E");
}

.home-plate-mini-benefits span:nth-child(3)::after {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.5A2.5 2.5 0 0 1 5.5 4H10l2 2h6.5A2.5 2.5 0 0 1 21 8.5v8A2.5 2.5 0 0 1 18.5 19h-13A2.5 2.5 0 0 1 3 16.5v-10Zm2.5-.5a.5.5 0 0 0-.5.5V9h14v-.5a.5.5 0 0 0-.5-.5h-7.3l-2-2H5.5ZM5 11v5.5a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V11H5Z'/%3E%3C/svg%3E");
}

.home-plate-mini-benefits strong {
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: -0.035em;
}

/* Padrao visual global do projeto Pesquisar a Placa. */
:root {
  --font-base: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-cta: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --exec-navy: #1e1b4b;
  --exec-navy-mid: #312e81;
  --exec-blue: #e11d48;
  --exec-blue-deep: #be123c;
  --exec-blue-bright: #fb7185;
  --exec-link: #38bdf8;
  --exec-success: #10b981;
  --exec-surface: #f8fafc;
  --exec-surface-elevated: #ffffff;
  --exec-border: #e4e9ed;
  --exec-border-strong: #c8d0d7;
  --exec-radius-sm: 10px;
  --exec-radius-md: 14px;
  --exec-radius-lg: 18px;
  --exec-shadow: 0 12px 34px rgba(0, 21, 53, 0.08);
}

body,
.app {
  font-family: var(--font-base);
  color: var(--exec-navy-mid);
}

.app {
  background:
    radial-gradient(circle at 16% 10%, rgba(56, 189, 248, 0.16), transparent 36%),
    radial-gradient(circle at 84% 0%, rgba(255, 106, 0, 0.1), transparent 40%),
    linear-gradient(180deg, #413a6c 0%, #615495 46%, #7c77a8 100%);
  background-attachment: fixed;
}

body {
  background: #413a6c;
}

.page-wrap:not(.page-wrap--lex-landing) {
  color: var(--exec-navy-mid);
}

h1,
h2,
h3,
.login-title,
.consulta-pack-intro-title,
.consulta-card-title,
.consulta-category-card-title,
.legal-card h2,
.help-page-title {
  font-family: var(--font-heading);
  color: var(--exec-navy-mid);
  font-weight: 900;
  letter-spacing: -0.045em;
}

.muted,
.login-lead,
.consulta-pack-intro-lead,
.help-page-lead,
.contato-intro {
  color: #52657d;
}

.card,
.content-card,
.auth-card,
.login-form-card,
.modal-card,
.consulta-card-item,
.consulta-pack-tier-card,
.consulta-pack-custom-card,
.payment-info,
.pix-payment-box,
.table-wrapper,
.pc-detalhe-card,
.pc-exec-card,
.pccv-card {
  border-color: var(--exec-border);
  border-radius: var(--exec-radius-lg);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--exec-shadow);
}

.card h2,
.card h3,
.content-card h2,
.content-card h3,
.auth-card h2,
.auth-card h3,
.modal-card h3 {
  color: var(--exec-navy-mid);
}

.form label,
.login-form label,
.payment-info label,
.date-range-filters label {
  color: var(--exec-navy-mid);
  font-family: var(--font-base);
  font-weight: 800;
  letter-spacing: -0.015em;
}

.form textarea,
.form input:not([type="checkbox"]):not([type="radio"]),
.form select,
.login-form input:not([type="checkbox"]),
.auth-card .form input:not([type="checkbox"]),
.auth-card .form select,
.payment-info input,
.payment-info select,
.date-range-filters input,
.date-range-filters select,
.whatsapp-edit-input,
.document-embedded-input {
  min-height: 48px;
  border: 1.5px solid var(--exec-border-strong);
  border-radius: var(--exec-radius-md);
  background: #ffffff;
  color: var(--exec-navy-mid);
  font-family: var(--font-base);
  font-weight: 600;
  box-shadow: inset 0 1px 2px rgba(0, 21, 53, 0.04);
}

.form textarea:focus,
.form input:not([type="checkbox"]):not([type="radio"]):focus,
.form select:focus,
.login-form input:not([type="checkbox"]):focus,
.auth-card .form input:not([type="checkbox"]):focus,
.auth-card .form select:focus,
.payment-info input:focus,
.payment-info select:focus,
.date-range-filters input:focus,
.date-range-filters select:focus,
.whatsapp-edit-input:focus,
.document-embedded-input:focus {
  border-color: var(--exec-blue);
  box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.16);
  outline: none;
}

.form textarea::placeholder,
.form input::placeholder,
.login-form input::placeholder,
.auth-card .form input::placeholder {
  color: #8aa0b7;
  opacity: 1;
}

.form button,
.consulta-card-cta,
.buy-balance-button,
.login-primary-cta,
.home-lex-credits-footer-btn,
.whatsapp-edit-action,
.consulta-pack-primary-action,
.pix-copy-button,
.email-verification-primary,
.recovery-alert-ok-button,
.home-plate-buy-credits {
  border: 0;
  border-radius: var(--exec-radius-md);
  background: linear-gradient(180deg, var(--exec-blue) 0%, var(--exec-blue-deep) 100%);
  color: #ffffff;
  font-family: var(--font-cta);
  font-weight: 800;
  letter-spacing: -0.01em;
  text-transform: none;
  box-shadow: 0 10px 22px rgba(190, 18, 60, 0.24);
}

.form button:hover:not(:disabled),
.consulta-card-cta:hover:not(:disabled),
.buy-balance-button:hover:not(:disabled),
.login-primary-cta:hover:not(:disabled),
.home-lex-credits-footer-btn:hover,
.whatsapp-edit-action:hover:not(:disabled),
.consulta-pack-primary-action:hover:not(:disabled),
.pix-copy-button:hover:not(:disabled),
.email-verification-primary:hover:not(:disabled),
.recovery-alert-ok-button:hover:not(:disabled),
.home-plate-buy-credits:hover {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  box-shadow: 0 14px 28px rgba(190, 18, 60, 0.3);
  filter: none;
}

.top-back-button,
.consulta-card-link,
.logout-action-button,
.email-verification-secondary,
.pc-exec-btn,
.pccv-btn,
.pc-dash-btn,
.modal-close-button,
.consulta-row-error-copy-button {
  border-color: var(--exec-border);
  border-radius: var(--exec-radius-md);
  background: #ffffff;
  color: var(--exec-navy-mid);
  font-family: var(--font-base);
  font-weight: 800;
}

.top-back-button:hover,
.consulta-card-link:hover,
.logout-action-button:hover,
.email-verification-secondary:hover,
.pc-exec-btn:hover:not(:disabled),
.pccv-btn:hover:not(:disabled),
.pc-dash-btn:hover:not(:disabled),
.modal-close-button:hover,
.consulta-row-error-copy-button:hover {
  border-color: var(--exec-blue);
  background: #eef6ff;
  color: var(--exec-blue-deep);
  filter: none;
}

.consulta-tab.active,
.consulta-mode-option.active,
.help-tab.active,
.payment-method-button.active,
.pagination .page-number.active {
  border-color: transparent;
  background: linear-gradient(180deg, var(--exec-blue) 0%, var(--exec-blue-deep) 100%);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(190, 18, 60, 0.24);
}

.consulta-tabs,
.consulta-mode-toggle,
.help-tabs,
.payment-method-grid,
.date-range-filters {
  border-color: var(--exec-border);
}

.consulta-card-item::before,
.consulta-pack-tier-card::before,
.login-form-card::before {
  background: linear-gradient(90deg, var(--exec-blue) 0%, var(--exec-blue-deep) 100%);
}

.table-wrapper table th,
.pc-resultados-table th {
  background: #eef6ff;
  color: var(--exec-navy-mid);
}

.error,
.home-plate-error,
.field-error {
  color: #b91c1c;
}

.success,
.feedback-success {
  color: #047857;
}

/* Comprar créditos: texto sobre o fundo azul global da aplicação. */
.consulta-pack-shell {
  background: transparent;
}

.consulta-pack-back.top-back-button {
  border-color: rgba(255, 106, 0, 0.35);
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(190, 18, 60, 0.22);
}

.consulta-pack-back.top-back-button:hover {
  border-color: rgba(255, 106, 0, 0.55);
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
}

.consulta-pack-main {
  background: transparent;
}

.consulta-pack-pricing-card {
  border-color: #d9e7f5;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 12px 28px rgba(0, 21, 53, 0.08);
}

.consulta-pack-pricing-card:focus-visible {
  outline-color: #e11d48;
}

.consulta-pack-pricing-card:hover {
  border-color: rgba(255, 106, 0, 0.45);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 16px 34px rgba(190, 18, 60, 0.13);
}

.consulta-pack-pricing-card.is-featured {
  border-color: #e11d48;
  box-shadow:
    0 0 0 4px rgba(255, 106, 0, 0.12),
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 16px 36px rgba(190, 18, 60, 0.18);
}

.consulta-pack-pricing-card.is-selected:not(:hover) {
  border-color: rgba(255, 106, 0, 0.62);
}

.consulta-pack-card-ribbon {
  background: linear-gradient(90deg, #be123c, #e11d48);
  box-shadow: 0 5px 14px rgba(190, 18, 60, 0.36);
}

.consulta-pack-card-icon-wrap {
  color: #be123c;
  background: linear-gradient(145deg, #eef6ff, #dceeff);
  border-color: #bddbff;
}

.consulta-pack-card-title {
  color: #312e81;
}

.consulta-pack-card-price,
.consulta-pack-card-discount,
.consulta-pack-card-discount.has-discount {
  color: #be123c;
}

.consulta-pack-card-price-suf,
.consulta-pack-card-total {
  color: #5c6f86;
}

.consulta-pack-card-cta {
  border-color: #e11d48;
  color: #be123c;
  background: #ffffff;
}

.consulta-pack-pricing-card:hover .consulta-pack-card-cta {
  border-color: #be123c;
  color: #be123c;
  background: #eef6ff;
}

.consulta-pack-pricing-card.is-featured .consulta-pack-card-cta {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(190, 18, 60, 0.28);
}

.consulta-pack-pricing-card.is-featured:hover .consulta-pack-card-cta {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
}

.consulta-pack-trust-icon {
  color: rgba(255, 255, 255, 0.72);
}

.consulta-pack-trust-text {
  color: rgba(226, 232, 240, 0.92);
}

/* Checkout de pagamento alinhado ao azul do projeto. */
.buy-balance-card {
  border-color: #d8e6f5;
  background: rgba(255, 255, 255, 0.98);
}

.buy-balance-card h2,
.buy-balance-card h3 {
  color: #1e1b4b;
}

.payment-method-button {
  min-height: 44px;
  border: 1.5px solid #cfe0f2;
  background: #ffffff;
  color: #1e1b4b;
  font-weight: 800;
  box-shadow: 0 2px 8px rgba(0, 21, 53, 0.04);
}

.payment-method-button:hover:not(:disabled) {
  border-color: #e11d48;
  background: #eef6ff;
  color: #be123c;
}

.payment-method-button.active {
  border-color: transparent;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(190, 18, 60, 0.22);
}

.payment-info {
  border-color: #cfe0f2;
  background: #f8fbff;
}

.payment-info input,
.payment-info select {
  border-color: #bdd3eb;
}

.pix-copy-button,
.buy-balance-submit {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(190, 18, 60, 0.22) !important;
}

.pix-copy-button:hover:not(:disabled),
.buy-balance-submit:hover:not(:disabled) {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  box-shadow: 0 14px 28px rgba(190, 18, 60, 0.28) !important;
}

.pix-payment-box {
  border-color: #cfe0f2;
  background: #f8fbff;
}

/* Ajuste global de tipografia: a Montserrat estava pesada demais na UI. */
.app,
.app :is(p, li, small, td, label, input, select, textarea, summary) {
  font-weight: 300;
}

.app :is(a, button, th, strong, b, h1, h2, h3, h4, h5, h6) {
  font-weight: 500;
}

.app :is(
  .topbar-brand,
  .hero-exec-brand,
  .login-title,
  .consulta-card-title,
  .consulta-pack-intro-title,
  .area-header-plain h2,
  .auth-card h2,
  .auth-card h3,
  .modal-card h3
) {
  font-weight: 600;
}

/* Destaque da hero: mais presença sem voltar ao visual pesado (somente modo claro). */
.app:not(.app-theme-dark) .home-plate-hero-title {
  max-width: 860px;
  margin-bottom: 8px;
  font-family: var(--font-heading);
  font-size: clamp(2.55rem, 5.1vw, 4.05rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.055em;
  color: #1e1b4b;
  text-wrap: balance;
  text-shadow: 0 10px 28px rgba(0, 21, 53, 0.08);
}

.app:not(.app-theme-dark) .home-plate-hero-subtitle {
  max-width: 720px;
  margin-bottom: 24px;
  font-family: var(--font-base);
  font-size: clamp(1.05rem, 1.65vw, 1.22rem);
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: -0.01em;
  color: #334155;
}

.app:not(.app-theme-dark) .home-plate-search-card label {
  font-family: var(--font-base);
  font-size: 1.03rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  color: #0f172a;
}

.app .home-plate-search-button {
  font-family: var(--font-base);
  font-size: 1.08rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.app:not(.app-theme-dark) .home-plate-safe-note,
.app:not(.app-theme-dark) .home-plate-mini-benefits strong {
  font-family: var(--font-base);
  color: #1e293b;
  font-weight: 500;
}

.app:not(.app-theme-dark) .home-plate-mini-benefits strong {
  font-size: 1rem;
}

/* Modo escuro — landing por placa, ajuda e resultado */
.app-theme-dark .home-plate-hero {
  color: #e2e8f0;
  background:
    radial-gradient(circle at 18% 18%, rgba(30, 58, 95, 0.55) 0 22%, transparent 50%),
    linear-gradient(90deg, #2c2b4c 0%, #383457 46%, #4f4b68 58%, rgba(190, 18, 60, 0.12) 100%);
}

.app-theme-dark .home-plate-hero::before {
  background:
    linear-gradient(90deg, rgba(10, 18, 32, 0.72) 0 44%, rgba(15, 26, 46, 0.45) 60%, rgba(15, 26, 46, 0.12) 100%),
    radial-gradient(circle at 76% 55%, rgba(255, 106, 0, 0.18), transparent 34%);
  opacity: 0.85;
}

.app-theme-dark .app .home-plate-hero-title,
.app.app-theme-dark .home-plate-hero-title {
  color: #ffffff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}

.app-theme-dark .app .home-plate-hero-subtitle,
.app.app-theme-dark .home-plate-hero-subtitle {
  color: #cbd5e1;
}

.app-theme-dark .home-plate-search-card {
  background: rgba(21, 34, 56, 0.96);
  border-color: rgba(51, 65, 85, 0.9);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35);
}

.app-theme-dark .app .home-plate-search-card label {
  color: #e2e8f0;
}

.app-theme-dark .home-plate-input-wrap {
  border-color: #475569;
  background: #0f172a;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

.app-theme-dark .home-plate-input-wrap:focus-within {
  border-color: #38bdf8;
  box-shadow:
    0 0 0 3px rgba(56, 189, 248, 0.2),
    inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

.app-theme-dark .home-plate-input-wrap input {
  color: #f8fafc;
}

.app-theme-dark .home-plate-input-wrap input::placeholder {
  color: #64748b;
  opacity: 0.9;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
}

.app-theme-dark .home-plate-error {
  color: #fca5a5;
}

.app-theme-dark .app .home-plate-safe-note,
.app-theme-dark .app .home-plate-mini-benefits strong {
  color: #cbd5e1;
}

.app-theme-dark .home-plate-mini-benefits {
  color: #e2e8f0;
}

.app-theme-dark .home-plate-mini-benefits span {
  border-right-color: rgba(71, 85, 105, 0.7);
}

.app-theme-dark .home-plate-mini-benefits span::before {
  border-color: rgba(56, 189, 248, 0.45);
  background: rgba(15, 23, 42, 0.92);
}

.app-theme-dark .home-plate-buy-credits {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
}

.app-theme-dark .home-plate-result-card,
.app-theme-dark .home-plate-result-card--page {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
}

.app-theme-dark .home-plate-result-head h2,
.app-theme-dark .home-plate-owner-title h3,
.app-theme-dark .home-plate-result-section-title,
.app-theme-dark .home-plate-result-card--page h2 {
  color: var(--dark-text);
}

.app-theme-dark .home-plate-result-list dt {
  color: var(--dark-text-soft);
}

.app-theme-dark .home-plate-result-list dd {
  color: var(--dark-text);
}

.app-theme-dark .home-plate-result-divider {
  background: var(--dark-border);
}

.app-theme-dark .home-plate-result-chip {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.app-theme-dark .home-plate-result-chip--active {
  border-color: #e11d48;
  color: #ffffff;
}

.app-theme-dark .home-plate-result-note {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.app-theme-dark .home-plate-result-note strong {
  color: var(--dark-text);
}

.app-theme-dark .home-plate-result-reset {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  border: none;
  color: #ffffff;
}

.app-theme-dark .home-plate-result-reset:hover {
  filter: brightness(1.04);
  color: #ffffff;
}

.app-theme-dark .plate-result-page {
  background: var(--dark-bg);
}

.app-theme-dark .plate-result-success {
  background: rgba(22, 163, 74, 0.14);
  border-color: rgba(134, 239, 172, 0.35);
  color: #86efac;
}

.app-theme-dark .plate-result-identity {
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .plate-result-identity__title {
  color: var(--dark-text);
}

.app-theme-dark .plate-result-identity__chip {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.app-theme-dark .plate-fipe-card {
  background: linear-gradient(165deg, rgba(22, 163, 74, 0.22) 0%, rgba(21, 128, 61, 0.16) 100%);
  border-color: rgba(134, 239, 172, 0.35);
}

.app-theme-dark .plate-fipe-card__label,
.app-theme-dark .plate-fipe-card__detail {
  color: #86efac;
}

.app-theme-dark .plate-fipe-card__value {
  color: #ecfdf5;
}

.app-theme-dark .plate-result-hero__title {
  color: var(--dark-text);
}

.app-theme-dark .plate-result-hero__chip {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  color: var(--dark-text-soft);
}

.app-theme-dark .home-plate-result-plate {
  border-color: #cbd5e1;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

.app-theme-dark .home-plate-result-plate__body strong {
  color: #0f172a;
}

.app-theme-dark .plate-result-hero__plate span {
  background: linear-gradient(180deg, #1e3a8a 0%, #1d4ed8 100%);
  color: #ffffff;
}

.app-theme-dark .plate-cards-grid {
  background: rgba(15, 23, 42, 0.45);
}

.app-theme-dark .plate-field-mask {
  background: linear-gradient(90deg, #334155 0%, #475569 45%, #334155 100%);
}

.app-theme-dark .plate-card-locked-summary {
  color: #7dd3fc;
}

.app-theme-dark .plate-unlock-link {
  color: #7dd3fc !important;
  -webkit-text-fill-color: #7dd3fc !important;
}

.app-theme-dark .plate-card {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}

.app-theme-dark .plate-card-title {
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .plate-card-title h3 {
  color: var(--dark-text);
}

.app-theme-dark .plate-field {
  border-bottom-color: var(--dark-border);
}

.app-theme-dark .plate-field dt {
  color: var(--dark-text-soft);
}

.app-theme-dark .plate-field dd {
  color: var(--dark-text);
}

.app-theme-dark .plate-unlock-hint {
  color: var(--dark-text-soft);
}

.app-theme-dark .help-page-eyebrow {
  color: var(--dark-text-soft);
}

.app-theme-dark .help-tab:hover {
  color: var(--dark-text);
}

.app-theme-dark .nav-right .topbar-theme-toggle {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}


.app.app-theme-dark .home-plate-hero-copy .home-plate-hero-title {
  color: #ffffff;
}

.app.app-theme-dark .home-plate-hero-copy .home-plate-hero-subtitle {
  color: #e2e8f0;
}

/* Modo escuro: .app e .app-theme-dark no mesmo nó (seletor descendente .app-theme-dark .app não funcionava). */
.app.app-theme-dark .home-plate-hero-title {
  color: #ffffff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}

.app.app-theme-dark .home-plate-hero-subtitle {
  color: #e2e8f0;
}

.app.app-theme-dark .home-plate-search-card label {
  color: #f8fafc;
  font-weight: 600;
}

.app.app-theme-dark .home-plate-safe-note {
  color: #e2e8f0;
  font-weight: 600;
}

.app.app-theme-dark .home-plate-safe-note::before {
  opacity: 1;
  color: #93c5fd;
}

.app.app-theme-dark .home-plate-mini-benefits {
  color: #f1f5f9;
}

.app.app-theme-dark .home-plate-mini-benefits strong {
  color: #ffffff;
  font-weight: 700;
}

.app.app-theme-dark .home-plate-mini-benefits span::after {
  background: #7dd3fc;
  opacity: 1;
}

.app.app-theme-dark .home-plate-input-wrap input::placeholder {
  color: #94a3b8;
  opacity: 1;
  font-size: clamp(calc(0.95rem + 10px), calc(2.2vw + 10px), calc(1.28rem + 10px));
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: none;
}

/* Modo escuro — fundos de página (regras claras mais abaixo no arquivo sobrescreviam o tema) */
.app.app-theme-dark {
  background: #0f172a;
  color: #f1f5f9;
}

.app.app-theme-dark .page-wrap,
.app.app-theme-dark main.page-wrap,
.app.app-theme-dark .admin-theme-dark.page-wrap {
  background-color: transparent;
  color: inherit;
}

.app.app-theme-dark .page-wrap.consulta-pack-shell,
.app.app-theme-dark .consulta-pack-shell {
  background: transparent;
}

.app.app-theme-dark .consulta-checkout-shell,
.app.app-theme-dark .page-wrap.consulta-checkout-shell {
  background: linear-gradient(180deg, #383457 0%, #0f172a 100%);
}

.app.app-theme-dark .help-page,
.app.app-theme-dark .contato-page,
.app.app-theme-dark .plate-result-page,
.app.app-theme-dark .page-wrap--pc-detalhe,
.app.app-theme-dark .page-wrap--pc-resultados {
  background: transparent;
}

.app.app-theme-dark .credit-pack-pricing-card {
  background: #ffffff;
  border-color: #e2e8f0;
}

.app.app-theme-dark .credit-pack-amount {
  color: var(--exec-blue, #e11d48) !important;
}

.app.app-theme-dark .credit-pack-buy-btn {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

.app.app-theme-dark .credit-pack-pricing-card.consulta-pack-pricing-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

.app.app-theme-dark .consulta-pack-pricing-card {
  background: linear-gradient(180deg, #1e293b 0%, #4f4b68 100%);
  border-color: rgba(71, 85, 105, 0.75);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}

.app.app-theme-dark .consulta-pack-pricing-card:hover {
  border-color: rgba(56, 189, 248, 0.45);
}

.app.app-theme-dark .consulta-pack-card-title,
.app.app-theme-dark .consulta-pack-card-price,
.app.app-theme-dark .consulta-pack-card-discount,
.app.app-theme-dark .consulta-pack-card-discount.has-discount {
  color: #7dd3fc;
}

.app.app-theme-dark .consulta-pack-card-price-suf,
.app.app-theme-dark .consulta-pack-card-total,
.app.app-theme-dark .consulta-pack-trust-text {
  color: #94a3b8;
}

.app.app-theme-dark .consulta-pack-card-cta {
  background: rgba(15, 23, 42, 0.65);
  color: #93c5fd;
  border-color: rgba(56, 189, 248, 0.5);
}

.app.app-theme-dark .consulta-pack-pricing-card.is-featured .consulta-pack-card-cta {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  color: #ffffff;
  border-color: transparent;
}

.app.app-theme-dark .buy-balance-card {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}

.app.app-theme-dark .payment-info,
.app.app-theme-dark .pix-payment-box {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.app.app-theme-dark .top-back-button:not(.consulta-pack-back) {
  background: var(--dark-surface-2);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app.app-theme-dark .top-back-button:not(.consulta-pack-back):hover {
  border-color: #38bdf8;
  background: rgba(56, 189, 248, 0.12);
  color: #7dd3fc;
}

/* Botão Voltar — alinhado à largura do conteúdo de cada página */
.page-back-row {
  width: 100%;
  margin: 0 0 16px;
}

.page-back-row .top-back-button,
.consulta-checkout-back-row .top-back-button {
  margin-bottom: 0;
}

.page-back-row--narrow,
.page-wrap.contato-page > .page-back-row,
.page-wrap.page-wrap--narrow-form > .page-back-row,
.page-wrap.contato-page > .top-back-button:first-child,
.page-wrap.page-wrap--narrow-form > .top-back-button:first-child {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.page-back-row--checkout,
.page-wrap.consulta-checkout-shell > .page-back-row,
.page-wrap.consulta-checkout-shell > .consulta-checkout-back-row {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.page-back-row--pix,
.page-wrap.page-wrap--pix-checkout > .page-back-row,
.page-wrap.page-wrap--pix-checkout > .top-back-button:first-child {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.page-wrap.contato-page,
.page-wrap.page-wrap--narrow-form,
.page-wrap.page-wrap--pix-checkout,
.page-wrap.consulta-checkout-shell {
  align-items: center;
}

.page-wrap.contato-page > .contato-card,
.page-wrap.page-wrap--narrow-form > .auth-card,
.page-wrap.page-wrap--narrow-form > .card.auth-card,
.page-wrap.page-wrap--pix-checkout > .pix-checkout-card {
  width: 100%;
}

.page-wrap.contato-page > .contato-card {
  max-width: 560px;
}

.page-wrap.page-wrap--narrow-form > :is(.auth-card, .card.auth-card, .content-card.auth-card) {
  max-width: 560px;
}

.page-wrap.page-wrap--pix-checkout > .pix-checkout-card {
  max-width: 640px;
}

.page-wrap.consulta-checkout-shell > .buy-balance-card {
  width: 100%;
  max-width: 960px;
}

.page-wrap > .top-back-button:first-child:not(.consulta-pack-back) {
  align-self: flex-start;
}

.consulta-pack-page > .page-back-row,
.consulta-pack-page > .page-back-row--pack,
.consulta-pack-intro > .page-back-row--pack {
  margin-bottom: 12px;
}

.consulta-exemplo-resultado-page > .page-back-row {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.card > .top-back-button:first-child,
.card > .page-back-row:first-child {
  margin: 0 0 14px;
  width: fit-content;
  max-width: 100%;
}

.card > .page-back-row:first-child {
  width: 100%;
}

/* Hero premium — layout do mockup (selo, destaque, cartão glass, confiança no card) */
.home-plate-hero--premium {
  min-height: clamp(480px, 68vh, 620px);
  padding: clamp(44px, 6vw, 64px) 20px clamp(100px, 12vw, 148px);
  text-align: center;
  background:
    radial-gradient(ellipse 80% 55% at 50% 38%, rgba(255, 106, 0, 0.14) 0%, transparent 62%),
    radial-gradient(circle at 82% 72%, rgba(255, 106, 0, 0.1) 0%, transparent 42%),
    linear-gradient(165deg, #f8fbff 0%, #eef4fc 42%, #e4edf8 100%);
}

.home-plate-hero--premium::before {
  background:
    radial-gradient(ellipse 70% 50% at 50% 42%, rgba(255, 255, 255, 0.75) 0%, transparent 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, transparent 55%);
  opacity: 1;
}

.home-plate-hero-glow {
  position: absolute;
  left: 50%;
  top: 46%;
  z-index: 0;
  width: min(760px, 92vw);
  height: min(420px, 52vh);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 106, 0, 0.22) 0%, rgba(56, 189, 248, 0.08) 42%, transparent 72%);
  pointer-events: none;
}

.home-plate-hero-watermark {
  position: absolute;
  right: max(1%, 8px);
  bottom: 6%;
  z-index: 1;
  width: min(44vw, 540px);
  height: min(30vw, 300px);
  opacity: 0.1;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 320' fill='none'%3E%3Cpath stroke='%230757d8' stroke-width='8' d='M88 210h464l-36-72H124l-36 72Z'/%3E%3Cpath stroke='%230757d8' stroke-width='8' d='M120 138h400'/%3E%3Ccircle cx='176' cy='228' r='36' stroke='%230757d8' stroke-width='8'/%3E%3Ccircle cx='464' cy='228' r='36' stroke='%230757d8' stroke-width='8'/%3E%3Cpath stroke='%230757d8' stroke-width='6' d='M200 138 248 78h144l48 60'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.home-plate-hero--premium .home-plate-hero-inner {
  max-width: 920px;
}

.home-plate-hero--premium .home-plate-hero-copy {
  width: min(100%, 760px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-plate-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  padding: 7px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 106, 0, 0.45);
  background: rgba(255, 106, 0, 0.1);
  color: #be123c;
  font-family: var(--font-base);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.home-plate-hero--premium .home-plate-hero-title {
  max-width: 18em;
  margin: 0 auto 12px;
  font-size: clamp(2.1rem, 4.2vw, 3.15rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: #1e1b4b;
  text-wrap: balance;
}

.home-plate-hero--premium .home-plate-hero-title .home-plate-hero-accent {
  color: #be123c;
  font-weight: 800;
}

.home-plate-hero--premium .home-plate-hero-subtitle {
  max-width: 34em;
  margin: 0 auto 28px;
  color: #475569;
  font-size: clamp(1rem, 1.5vw, 1.14rem);
  font-weight: 400;
  line-height: 1.5;
}

.home-plate-hero-subtitle--green,
.app:not(.app-theme-dark) .home-plate-hero-subtitle--green,
.home-plate-hero--premium .home-plate-hero-subtitle.home-plate-hero-subtitle--green {
  color: #059669;
}

.app.app-theme-dark .home-plate-hero-subtitle--green,
.app.app-theme-dark .home-plate-hero--premium .home-plate-hero-subtitle.home-plate-hero-subtitle--green,
.app.app-theme-dark .home-plate-hero-copy .home-plate-hero-subtitle.home-plate-hero-subtitle--green {
  color: #34d399;
}

.home-plate-search-card--premium {
  position: relative;
  width: min(100%, 500px);
  margin: 0 auto;
  padding: 26px 32px 22px;
  border-radius: 18px;
  border: 1px solid rgba(56, 189, 248, 0.28);
  background: rgba(255, 255, 255, 0.94);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.65) inset,
    0 22px 48px rgba(0, 21, 53, 0.1),
    0 0 48px rgba(255, 106, 0, 0.12);
  backdrop-filter: blur(14px);
}

.home-plate-search-card--premium::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.55) 0%, rgba(255, 106, 0, 0.35) 48%, rgba(255, 106, 0, 0.2) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.65;
}

.home-plate-search-card--premium label {
  display: block;
  width: 100%;
  margin: 0 0 12px;
  padding: 0;
  text-align: center;
  font-size: 0.98rem;
  font-weight: 500;
  color: #0f172a;
}

.home-plate-search-card--premium .home-plate-search-row {
  width: 100%;
}

.home-plate-card-trust {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(203, 213, 225, 0.85);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.home-plate-search-card--premium .home-plate-safe-note {
  margin: 0;
  font-size: 0.84rem;
  color: #475569;
}

.home-plate-trust-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.home-plate-trust-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 14px 6px 34px;
  border-radius: 999px;
  border: 1px solid rgba(203, 213, 225, 0.95);
  background: rgba(248, 250, 252, 0.95);
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.home-plate-trust-chip::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  background: #e11d48;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.home-plate-trust-chip--fast::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1 2.3 4 13.2h6.8L9.9 22l9.1-11h-6.7l.8-8.7Z'/%3E%3C/svg%3E");
}

.home-plate-trust-chip--secure::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.2 4.5 5.4v5.9c0 4.7 3.1 8.8 7.5 10.5 4.4-1.7 7.5-5.8 7.5-10.5V5.4L12 2.2Zm3.7 7.6-4.6 4.8-2.3-2.3-1.4 1.4 3.7 3.7 6-6.2-1.4-1.4Z'/%3E%3C/svg%3E");
}

.home-plate-trust-chip--organized::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.5A2.5 2.5 0 0 1 5.5 4H10l2 2h6.5A2.5 2.5 0 0 1 21 8.5v8A2.5 2.5 0 0 1 18.5 19h-13A2.5 2.5 0 0 1 3 16.5v-10Zm2.5-.5a.5.5 0 0 0-.5.5V9h14v-.5a.5.5 0 0 0-.5-.5h-7.3l-2-2H5.5ZM5 11v5.5a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V11H5Z'/%3E%3C/svg%3E");
}

.home-plate-trust-chip--private::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z'/%3E%3C/svg%3E");
}
@media (max-width: 640px) {
  .home-plate-hero-watermark {
    opacity: 0.06;
    width: min(72vw, 360px);
    right: -8%;
  }

  .home-plate-search-card--premium {
    padding: 22px 18px 18px;
  }

  .home-plate-trust-chips {
    gap: 6px;
  }

  .home-plate-trust-chip {
    padding: 5px 12px 5px 30px;
    font-size: 0.74rem;
  }
}

/* Modo escuro — hero premium */
.app.app-theme-dark .home-plate-hero--premium {
  background:
    radial-gradient(ellipse 78% 52% at 50% 36%, rgba(56, 189, 248, 0.16) 0%, transparent 62%),
    radial-gradient(circle at 78% 68%, rgba(255, 106, 0, 0.12) 0%, transparent 40%),
    linear-gradient(165deg, #2c2b4c 0%, #383457 48%, #4f4b68 100%);
}

.app.app-theme-dark .home-plate-hero--premium::before {
  background:
    radial-gradient(ellipse 65% 48% at 50% 40%, rgba(30, 58, 95, 0.45) 0%, transparent 68%),
    linear-gradient(180deg, rgba(10, 18, 32, 0.2) 0%, transparent 58%);
}

.app.app-theme-dark .home-plate-hero-glow {
  background: radial-gradient(ellipse, rgba(56, 189, 248, 0.2) 0%, rgba(255, 106, 0, 0.06) 45%, transparent 72%);
}

.app.app-theme-dark .home-plate-hero-watermark {
  opacity: 0.14;
  filter: brightness(1.8);
}

.app.app-theme-dark .home-plate-hero-eyebrow {
  border-color: rgba(255, 146, 72, 0.45);
  background: rgba(255, 106, 0, 0.14);
  color: #38bdf8;
}

.app.app-theme-dark .home-plate-hero--premium .home-plate-hero-title {
  color: #ffffff;
}

.app.app-theme-dark .home-plate-hero--premium .home-plate-hero-title .home-plate-hero-accent {
  color: #38bdf8;
}

.app.app-theme-dark .home-plate-hero--premium .home-plate-hero-subtitle {
  color: #cbd5e1;
}

.app.app-theme-dark .home-plate-search-card--premium {
  background: rgba(15, 26, 46, 0.92);
  border-color: rgba(56, 189, 248, 0.32);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 24px 52px rgba(0, 0, 0, 0.45),
    0 0 56px rgba(56, 189, 248, 0.14);
}

.app.app-theme-dark .home-plate-search-card--premium label {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  text-align: center;
  color: #f1f5f9;
}

.app.app-theme-dark .home-plate-card-trust {
  border-top-color: rgba(71, 85, 105, 0.75);
}

.app.app-theme-dark .home-plate-search-card--premium .home-plate-safe-note {
  color: #e2e8f0;
}

.app.app-theme-dark .home-plate-trust-chip {
  border-color: rgba(71, 85, 105, 0.85);
  background: rgba(30, 41, 59, 0.85);
  color: #f1f5f9;
}

.app.app-theme-dark .home-plate-trust-chip::before {
  background: #7dd3fc;
}

/* Modal de sair — modo escuro */
.app.app-theme-dark .modal-overlay {
  background: rgba(0, 0, 0, 0.62);
}

.app.app-theme-dark .modal-card h3 {
  color: #f8fafc;
}

.app.app-theme-dark .modal-close-button {
  color: #cbd5e1;
}

.app.app-theme-dark .modal-close-button:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

.app.app-theme-dark .modal-actions .logout-action-button:first-child {
  border: 1px solid rgba(148, 163, 184, 0.55);
  background: rgba(30, 41, 59, 0.85);
  color: #f1f5f9;
  box-shadow: none;
}

.app.app-theme-dark .modal-actions .logout-action-button:first-child:hover {
  border-color: #94a3b8;
  background: rgba(51, 65, 85, 0.95);
  color: #ffffff;
  filter: none;
}

.app.app-theme-dark .modal-actions .logout-action-button + .logout-action-button {
  border: none;
  background: linear-gradient(180deg, var(--exec-blue, #e11d48) 0%, var(--exec-blue-deep, #be123c) 100%);
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(255, 106, 0, 0.35);
}

.app.app-theme-dark .modal-actions .logout-action-button + .logout-action-button:hover {
  filter: brightness(1.06);
  color: #ffffff;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
}

/* Login / cadastro — modo escuro (seletores corrigidos: form.login-form, não .login-form .form) */
.app.app-theme-dark .login-layout form.login-form input:not([type="checkbox"]),
.app.app-theme-dark .login-layout .login-form > input:not([type="checkbox"]),
.app.app-theme-dark .login-layout form.cadastro-form input:not([type="checkbox"]) {
  background: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22);
}

.app.app-theme-dark .login-layout form.login-form input:not([type="checkbox"]):focus,
.app.app-theme-dark .login-layout .login-form > input:not([type="checkbox"]):focus,
.app.app-theme-dark .login-layout form.cadastro-form input:not([type="checkbox"]):focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.28);
  outline: none;
}

.app.app-theme-dark .login-layout form.login-form input::placeholder,
.app.app-theme-dark .login-layout form.cadastro-form input::placeholder {
  color: #94a3b8;
  opacity: 1;
}

.app.app-theme-dark .login-layout form.login-form label,
.app.app-theme-dark .login-layout form.cadastro-form label,
.app.app-theme-dark .login-layout .login-form > label {
  color: #cbd5e1;
}

.app.app-theme-dark .login-form-card {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.28);
}

.app.app-theme-dark .login-layout--single .login-form-card {
  background: transparent;
  border: none;
  box-shadow: none;
}

.app.app-theme-dark .login-layout--single .login-portal-link--back {
  color: #94a3b8;
}

.app.app-theme-dark .login-layout--single .login-portal-link--back:hover {
  color: #e2e8f0;
}

.app.app-theme-dark .login-layout--single .login-portal-link-icon {
  background: rgba(255, 106, 0, 0.14);
  color: #38bdf8;
}

.app.app-theme-dark .login-layout--single .login-portal-link--back:hover .login-portal-link-icon {
  background: rgba(255, 106, 0, 0.22);
  color: #ffffff;
}

.app.app-theme-dark .login-auth-left {
  background: linear-gradient(180deg, var(--dark-surface-2) 0%, var(--dark-surface) 52%);
}

.app.app-theme-dark .login-portal-link {
  color: #94a3b8;
}

.app.app-theme-dark .login-portal-link:hover {
  color: #e2e8f0;
}

.app.app-theme-dark .login-signup-footer {
  border-top-color: rgba(51, 65, 85, 0.9);
}

.app.app-theme-dark .login-signup-footer-text {
  color: #94a3b8;
}

.app.app-theme-dark .login-signup-footer-link {
  color: #38bdf8;
}

.app.app-theme-dark .login-signup-footer-link:hover {
  color: #ffffff;
}

.app.app-theme-dark .login-eyebrow {
  color: #94a3b8;
}

.app.app-theme-dark .login-title {
  color: #f8fafc;
}

.app.app-theme-dark .login-lead {
  color: #cbd5e1;
}

.app.app-theme-dark .login-checkbox {
  color: #e2e8f0;
}

.app.app-theme-dark .login-checkbox input[type="checkbox"] {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #e11d48;
  cursor: pointer;
}

.app.app-theme-dark .login-layout .forgot-link {
  color: #38bdf8;
}

.app.app-theme-dark .login-layout .forgot-link:hover {
  color: #ffffff;
}

.app.app-theme-dark .cadastro-auth-login {
  color: #38bdf8;
}

.app.app-theme-dark .cadastro-auth-login:hover {
  color: #ffffff;
}

.app.app-theme-dark .login-layout .success {
  color: #6ee7b7;
}

.app.app-theme-dark .login-layout .error {
  color: #fca5a5;
}

/* Cadastro — inputs, autofill do navegador e termos */
.app.app-theme-dark .login-layout form.login-form,
.app.app-theme-dark .login-layout form.cadastro-form {
  color-scheme: dark;
}

.app.app-theme-dark .login-layout form.cadastro-form input:not([type="checkbox"]),
.app.app-theme-dark .login-layout .cadastro-password-grid input:not([type="checkbox"]) {
  background-color: var(--dark-input);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

.app.app-theme-dark .login-layout form.cadastro-form input:-webkit-autofill,
.app.app-theme-dark .login-layout form.cadastro-form input:-webkit-autofill:hover,
.app.app-theme-dark .login-layout form.cadastro-form input:-webkit-autofill:focus,
.app.app-theme-dark .login-layout form.login-form input:-webkit-autofill,
.app.app-theme-dark .login-layout form.login-form input:-webkit-autofill:hover,
.app.app-theme-dark .login-layout form.login-form input:-webkit-autofill:focus,
.app.app-theme-dark .login-layout .cadastro-password-grid input:-webkit-autofill,
.app.app-theme-dark .login-layout .cadastro-password-grid input:-webkit-autofill:hover,
.app.app-theme-dark .login-layout .cadastro-password-grid input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f1f5f9 !important;
  caret-color: #f1f5f9;
  border-color: var(--dark-border) !important;
  box-shadow: 0 0 0 1000px var(--dark-input) inset !important;
  transition: background-color 99999s ease-out 0s;
}

.app.app-theme-dark .login-layout form.cadastro-form input:autofill,
.app.app-theme-dark .login-layout form.login-form input:autofill,
.app.app-theme-dark .login-layout .cadastro-password-grid input:autofill {
  box-shadow: 0 0 0 1000px var(--dark-input) inset !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  border-color: var(--dark-border) !important;
}

.app.app-theme-dark .cadastro-terms {
  color: #cbd5e1;
}

.app.app-theme-dark .cadastro-terms-link {
  color: #38bdf8;
}

.app.app-theme-dark .cadastro-terms-link:hover {
  color: #ffffff;
}
@media (max-width: 640px) {
  .app.app-theme-dark .cadastro-password-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Tema único: SOMENTE gradiente azul em todas as telas,
   sem imagens de fundo. (override final) 
   ========================================================= */
.app {
  background: linear-gradient(180deg, #413a6c 0%, #615495 48%, #7c77a8 100%) !important;
  background-attachment: fixed !important;
}

html,
body {
  background: #413a6c !important;
}

/* Hero da home e variantes: remove fundo branco/ilustrações e usa o azul global. */
.home-plate-hero,
.home-plate-hero--premium,
.home-lex-hero,
.home-plate-hero-inner,
.home-plate-hero-copy {
  background: transparent !important;
}

.home-plate-hero::before,
.home-plate-hero::after,
.home-plate-hero--premium::before,
.home-plate-hero--premium::after,
.home-plate-hero-watermark,
.home-plate-hero-glow,
.home-lex-hero-grid,
.home-lex-hero-scales,
.home-lex-hero-art {
  display: none !important;
}

/* Texto do hero legível sobre o azul. */
.home-plate-hero-title,
.home-lex-hero-title {
  color: #ffffff !important;
}

/* Título do hero: quebra natural no mobile; 2 linhas fixas só em telas largas. */
.home-plate-hero-title {
  max-width: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
  font-size: clamp(1.5rem, 4.6vw, 2.7rem) !important;
  line-height: 1.15 !important;
}
@media (min-width: 721px) {
  .home-plate-hero-title {
    white-space: nowrap !important;
  }
}

.home-plate-hero-copy {
  width: auto !important;
  max-width: 96vw !important;
}

.home-plate-hero-title br {
  display: block;
}

/* "placa" em tom abóbora. */
.home-plate-hero-title span {
  color: #ff8a2b !important;
}

.home-plate-hero-subtitle,
.home-lex-hero-subtitle {
  color: #dbe7fb !important;
}

/* Destaque em verde: selo (eyebrow) e subtítulo em destaque. */
.home-plate-hero-eyebrow {
  border-color: rgba(52, 211, 153, 0.5) !important;
  background: rgba(16, 185, 129, 0.14) !important;
  color: #34d399 !important;
}

.home-plate-hero-subtitle--green {
  color: #34d399 !important;
}

.home-plate-mini-benefits,
.home-plate-mini-benefits strong {
  color: #eaf2ff !important;
}

.hero-benefits-banner,
.public-trust-top-banner {
  background: transparent !important;
  box-shadow: none !important;
}

.hero-benefits-text {
  color: #ffffff !important;
}

/* Botão "Voltar" sempre laranja (sobrepõe o grupo de botões neutros). */
.top-back-button {
  border: none !important;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.28) !important;
}

.top-back-button:hover {
  border-color: transparent !important;
  background: linear-gradient(180deg, #fdb1be 0%, #fa4964 100%) !important;
  color: #ffffff !important;
}

/* Ajuda: cabeçalho legível sobre o fundo azul. */
.help-page-eyebrow {
  color: #38bdf8 !important;
}

.help-page-header h1,
.help-page-title {
  color: #ffffff !important;
}

.help-page-lead,
.help-page-lead.muted {
  color: #c9dcf6 !important;
}

.help-page-lead strong {
  color: #ffffff !important;
}

.help-page-lead a {
  color: #38bdf8 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.consulta-pack-page .consulta-pack-intro-title {
  color: #ffffff;
}

.consulta-pack-page .consulta-pack-intro-lead {
  color: rgba(226, 232, 240, 0.88);
}

.consulta-pack-page .consulta-pack-intro-accent {
  color: #7cc7ff;
}

/* Comprar: fundo azul global (sem painel claro de página). */
.consulta-pack-shell,
.page-wrap.consulta-pack-shell,
.consulta-checkout-shell,
.page-wrap.consulta-checkout-shell {
  background: transparent !important;
}

/* Texto de TODOS os botões em azul bem escuro (inclui estados e links estilizados como botão). */
button,
button:hover,
button:focus,
button:active,
button:disabled,
.top-back-button,
.top-back-button:hover,
.login-signup-cta-pill-btn,
.home-lex-credits-footer-btn,
.home-lex-credits-footer-btn:hover,
.consulta-card-link,
.consulta-card-link:hover,
.logout-action-button,
.logout-action-button:hover,
.cadastro-auth-login,
.login-portal-link,
.consulta-card-cta,
.consulta-card-cta:hover,
.consulta-pack-card-cta,
.consulta-pack-pricing-card.is-featured .consulta-pack-card-cta,
.consulta-pack-primary-action,
.consulta-pack-primary-action:hover {
  color: #322d50 !important;
}

.credit-pack-buy-btn,
.credit-pack-buy-btn:hover,
.credit-pack-pricing-card:hover .credit-pack-buy-btn {
  color: #ffffff !important;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
}

.credit-pack-pricing-card.is-featured .credit-pack-buy-btn,
.credit-pack-pricing-card.is-featured:hover .credit-pack-buy-btn {
  color: #ffffff !important;
}

/* Exceção: botões sobre a barra superior escura mantêm texto/ícone claro. */
.user-credits,
.user-credits-trigger,
.user-credits-trigger:hover,
.user-menu-trigger,
.user-menu-trigger:hover,
.topbar-nav-toggle,
.topbar-nav-toggle:hover,
.topbar-login-link,
.topbar-login-link:hover,
.topbar.topbar--donodaplaca .nav-drawer-close,
.topbar.topbar--donodaplaca .nav-drawer-close:hover,
.topbar.topbar--donodaplaca .nav-drawer-close:focus,
.topbar.topbar--donodaplaca .nav-drawer-account-trigger,
.topbar.topbar--donodaplaca .nav-drawer-account-trigger:hover,
.topbar.topbar--donodaplaca .nav-drawer-account-trigger:focus {
  color: #ffffff !important;
}

/* =========================================================
   ÁREA ADMINISTRATIVA — visual premium
   ========================================================= */
.admin-page {
  gap: 18px;
}

/* Hero executivo escuro com filete de luz laranja. */
.admin-page .admin-hero {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(circle at 88% -20%, rgba(255, 106, 0, 0.26), transparent 44%),
    radial-gradient(circle at 4% 130%, rgba(56, 189, 248, 0.2), transparent 48%),
    linear-gradient(135deg, #322d50 0%, #413a6c 52%, #615495 100%) !important;
  box-shadow: 0 24px 54px rgba(7, 26, 69, 0.38) !important;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.admin-page .admin-hero::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #e11d48 0%, #38bdf8 50%, #e11d48 100%);
}

.admin-page .admin-hero h2 {
  margin: 0;
  color: #ffffff !important;
  font-family: var(--font-heading, inherit);
  font-size: clamp(1.45rem, 3vw, 1.95rem);
  font-weight: 800;
  letter-spacing: -0.025em;
}

.admin-page .admin-hero .muted {
  color: #c2d6f5 !important;
}

/* Card das abas como segmented control. */
.admin-page .admin-tabs-card {
  border-radius: 18px;
  padding: 10px;
}

.admin-page .admin-tab-button {
  border: 1px solid #e3e9f4 !important;
  background: #f4f7fc !important;
  border-radius: 12px !important;
  box-shadow: none;
  transition: transform 0.14s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.admin-page .admin-tab-button:hover {
  border-color: rgba(255, 106, 0, 0.5) !important;
  background: #ffffff !important;
  transform: translateY(-1px);
}

.admin-page .admin-tab-button.active {
  border-color: transparent !important;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  box-shadow: 0 10px 22px rgba(190, 18, 60, 0.32) !important;
}

/* Cards de KPI premium (vidro + filete de acento por tipo). */
.admin-page .admin-kpi-grid {
  gap: 16px;
}

.admin-page .admin-kpi-card {
  border: 1px solid #e6edf6 !important;
  background: #ffffff !important;
  border-radius: 18px;
  padding: 18px 18px 16px;
  box-shadow: 0 14px 32px rgba(7, 26, 69, 0.08) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.admin-page .admin-kpi-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(7, 26, 69, 0.15) !important;
}

.admin-page .admin-kpi-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #ffb066, #e11d48);
  z-index: 1;
}

.admin-page .admin-kpi-card-receita::before {
  background: linear-gradient(90deg, #34d399, #16a34a);
}

.admin-page .admin-kpi-card-consultas::before {
  display: none;
}

.admin-page .admin-kpi-card-despesa::before {
  background: linear-gradient(90deg, #f87171, #b91c1c);
}

.admin-page .admin-kpi-card-lucro::before {
  background: linear-gradient(90deg, #fcd34d, #e0a516);
}

.admin-page .admin-kpi-card::after {
  background: radial-gradient(circle, rgba(7, 26, 69, 0.05) 0%, transparent 70%) !important;
  width: 96px;
  height: 96px;
}

.admin-page .admin-kpi-label {
  color: #5a6b85 !important;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.admin-page .admin-kpi-value {
  color: #322d50 !important;
  font-size: clamp(1.7rem, 3vw, 2.05rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

.admin-page .admin-kpi-foot {
  color: #7a8aa3 !important;
}

.admin-page .admin-kpi-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  font-size: 18px;
  background: rgba(255, 106, 0, 0.14);
}

.admin-page .admin-kpi-card-receita .admin-kpi-icon {
  background: rgba(22, 163, 74, 0.14);
}

.admin-page .admin-kpi-card-despesa .admin-kpi-icon {
  background: rgba(225, 29, 72, 0.12);
}

.admin-page .admin-kpi-card-lucro .admin-kpi-icon {
  background: rgba(224, 165, 22, 0.16);
}

/* Badges de tendência. */
.admin-page .admin-trend-badge.up {
  background: rgba(22, 163, 74, 0.12) !important;
  color: #15803d !important;
}

.admin-page .admin-trend-badge.down {
  background: rgba(225, 29, 72, 0.12) !important;
  color: #be123c !important;
}

/* === KPIs inteiramente coloridos === */
.admin-page .admin-kpi-card-consultas {
  background: #322d50 !important;
  border-color: #051430 !important;
  box-shadow: 0 16px 34px rgba(7, 26, 69, 0.38) !important;
}

.admin-page .admin-kpi-card-receita {
  background: linear-gradient(150deg, #1fc36b 0%, #0f9c6c 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 16px 34px rgba(16, 156, 95, 0.32) !important;
}

.admin-page .admin-kpi-card-despesa {
  background: linear-gradient(150deg, #ef4444 0%, #b91c1c 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 16px 34px rgba(185, 28, 28, 0.36) !important;
}

.admin-page .admin-kpi-card-lucro {
  background: linear-gradient(150deg, #f9b115 0%, #ef7d12 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 16px 34px rgba(239, 125, 18, 0.32) !important;
}

.admin-page .admin-kpi-card-consultas:hover,
.admin-page .admin-kpi-card-receita:hover,
.admin-page .admin-kpi-card-despesa:hover,
.admin-page .admin-kpi-card-lucro:hover {
  box-shadow: 0 24px 48px rgba(7, 26, 69, 0.28) !important;
}

/* O topo colorido vira um brilho translúcido sobre o card cheio. */
.admin-page .admin-kpi-card-receita::before,
.admin-page .admin-kpi-card-despesa::before,
.admin-page .admin-kpi-card-lucro::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.05)) !important;
}

.admin-page .admin-kpi-card-receita::after,
.admin-page .admin-kpi-card-despesa::after,
.admin-page .admin-kpi-card-lucro::after {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0%, transparent 70%) !important;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-label,
.admin-page .admin-kpi-card-receita .admin-kpi-label,
.admin-page .admin-kpi-card-despesa .admin-kpi-label,
.admin-page .admin-kpi-card-lucro .admin-kpi-label {
  color: rgba(255, 255, 255, 0.85) !important;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-value,
.admin-page .admin-kpi-card-receita .admin-kpi-value,
.admin-page .admin-kpi-card-despesa .admin-kpi-value,
.admin-page .admin-kpi-card-lucro .admin-kpi-value {
  color: #ffffff !important;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-foot,
.admin-page .admin-kpi-card-receita .admin-kpi-foot,
.admin-page .admin-kpi-card-despesa .admin-kpi-foot,
.admin-page .admin-kpi-card-lucro .admin-kpi-foot {
  color: rgba(255, 255, 255, 0.82) !important;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-icon,
.admin-page .admin-kpi-card-receita .admin-kpi-icon,
.admin-page .admin-kpi-card-despesa .admin-kpi-icon,
.admin-page .admin-kpi-card-lucro .admin-kpi-icon {
  background: rgba(255, 255, 255, 0.22) !important;
}

.admin-page .admin-kpi-card-consultas .admin-trend-badge,
.admin-page .admin-kpi-card-receita .admin-trend-badge,
.admin-page .admin-kpi-card-despesa .admin-trend-badge,
.admin-page .admin-kpi-card-lucro .admin-trend-badge {
  background: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
}

.admin-page .admin-kpi-card-consultas .admin-sparkline,
.admin-page .admin-kpi-card-receita .admin-sparkline,
.admin-page .admin-kpi-card-despesa .admin-sparkline,
.admin-page .admin-kpi-card-lucro .admin-sparkline {
  color: rgba(255, 255, 255, 0.9);
}

.admin-page .admin-kpi-card-consultas::after {
  display: none;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-label,
.admin-page .admin-kpi-card-consultas .admin-kpi-foot,
.admin-page .admin-kpi-card-consultas .admin-kpi-fee-row {
  color: #c2d6f5 !important;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-value {
  color: #ffffff !important;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-icon,
.admin-page .admin-kpi-card-consultas .admin-trend-badge {
  background: #413a6c !important;
  color: #ffffff !important;
}

.admin-page .admin-kpi-card-consultas .admin-sparkline {
  color: #ffffff;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-fees {
  border-top-color: #1e3a6b;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-fee-row strong {
  color: #ffffff;
}

.admin-page .admin-kpi-card-consultas .admin-kpi-fee-net {
  border-top-color: #1e3a6b;
}

.admin-kpi-foot-inline {
  margin-top: 2px;
  font-size: 0.72rem;
  line-height: 1.35;
}

/* Detalhamento de taxas (PIX/cartão) dentro do card de Receitas. */
.admin-kpi-fees {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.28);
  display: grid;
  gap: 6px;
  position: relative;
  z-index: 1;
}

.admin-kpi-fee-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.92);
}

.admin-kpi-fee-row--stacked {
  align-items: flex-start;
}

.admin-kpi-fee-label {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.admin-kpi-fee-label > span {
  font-weight: 700;
}

.admin-kpi-fee-label small {
  display: block;
  font-size: 0.68rem;
  font-weight: 500;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.82);
}

.admin-kpi-fee-calc {
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 600 !important;
}

.admin-kpi-fee-row span {
  font-weight: 600;
}

.admin-kpi-fee-row strong {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.admin-kpi-fee-net {
  margin-top: 2px;
  padding-top: 8px;
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
  font-size: 0.84rem;
}

.admin-kpi-fee-net span,
.admin-kpi-fee-net strong {
  color: #ffffff;
}

/* Cards de seção e títulos com acento. */
.admin-page .admin-section,
.admin-page .admin-filter-card {
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(7, 26, 69, 0.07) !important;
}

.admin-page .admin-section > h3,
.admin-page .admin-filter-card > h3,
.admin-page .admin-filter-card .date-range-picker > h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #322d50;
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.admin-page .admin-section > h3::before,
.admin-page .admin-filter-card > h3::before,
.admin-page .admin-filter-card .date-range-picker > h3::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1.05em;
  border-radius: 2px;
  background: linear-gradient(180deg, #e11d48, #be123c);
}

/* Mini-KPIs e blocos auxiliares. */
.admin-page .admin-mini-kpis > div,
.admin-page .admin-consultas-por-card-block {
  border: 1px solid #e6edf6;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);
}

.admin-page .admin-mini-kpis strong {
  color: #322d50;
}
@media (min-width: 901px) {
  .site-footer-inner {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 14px 40px;
  }

  .site-footer-brand,
  .site-footer-nav,
  .site-footer-payments {
    grid-column: auto !important;
    justify-self: center !important;
    align-self: center !important;
    justify-content: center;
  }

  .site-footer-payments {
    align-items: center;
  }
}

/* ========== Área administrativa — mobile ========== */
.admin-page {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}
@media (max-width: 768px) {
  .admin-page .admin-hero-head {
    gap: 10px;
  }

  .admin-page .admin-tabs {
    display: flex;
    flex-direction: column;
    overflow-x: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
  }

  .admin-page .admin-tab-button {
    min-width: 0;
    width: 100%;
    flex: initial;
    scroll-snap-align: unset;
    font-size: 0.68rem;
    padding: 12px 14px;
  }

  .admin-page .admin-filter-grid {
    grid-template-columns: 1fr;
  }

  .admin-page .admin-filter-grid .project-primary-button {
    width: 100%;
  }

  .admin-page .admin-kpi-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .admin-page .admin-kpi-value {
    font-size: clamp(1.35rem, 7vw, 1.85rem);
    word-break: break-word;
  }

  .admin-page .admin-kpi-foot {
    font-size: 11px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .admin-page .admin-kpi-head {
    align-items: flex-start;
  }

  .admin-page .admin-kpi-trend {
    flex-wrap: wrap;
    gap: 8px;
  }

  .admin-page .admin-kpi-fee-row {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4px 10px;
  }

  .admin-page .admin-kpi-fee-row strong {
    margin-left: auto;
    text-align: right;
  }

  .admin-page .admin-kpi-fee-row--stacked {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-page .admin-kpi-fee-row--stacked strong {
    margin-left: 0;
    align-self: flex-end;
  }

  .admin-page .admin-kpi-foot-inline {
    font-size: 0.68rem;
  }

  .admin-page .admin-finance-donut-center span {
    font-size: 10px;
    line-height: 1.25;
  }

  .admin-page .admin-margin {
    overflow-wrap: anywhere;
    line-height: 1.45;
  }

  .admin-page .admin-finance-donut-layout {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 16px;
  }

  .admin-page .admin-finance-legend {
    width: 100%;
  }

  .admin-page .admin-finance-donut {
    width: min(180px, 52vw);
    height: min(180px, 52vw);
  }

  .admin-page .admin-finance-donut-center {
    width: min(104px, 30vw);
    height: min(104px, 30vw);
  }

  .admin-page .admin-finance-legend-item {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .admin-page .admin-finance-legend-item strong,
  .admin-page .admin-finance-legend-item small {
    justify-self: start;
  }

  .admin-page .admin-finance-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .admin-page .admin-finance-row strong {
    justify-self: start;
  }

  .admin-page .admin-marketing-links {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-page .admin-marketing-link {
    width: 100%;
    justify-content: center;
    text-align: center;
    min-height: 44px;
  }

  .admin-page .admin-marketing-embed-wrap,
  .admin-page .admin-marketing-embed {
    min-height: min(360px, 58vh);
  }

  .admin-page .admin-config-group input,
  .admin-page .admin-config-group textarea,
  .admin-page .admin-config-group select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .admin-page .admin-config-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-page .admin-config-actions button {
    width: 100%;
  }

  .admin-page .admin-users-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-page .admin-users-toolbar select,
  .admin-page .admin-users-toolbar input {
    width: 100% !important;
    min-width: 0 !important;
  }

  .admin-page .chart-grid {
    padding: 10px;
    gap: 6px;
  }

  .admin-page .bar-item {
    min-width: 24px;
    font-size: 10px;
  }

  .admin-page .bar {
    width: 18px;
  }

  .admin-page .admin-users-table {
    overflow-x: visible;
  }

  .admin-users-table table {
    min-width: 0;
  }

  .admin-users-table thead {
    display: none;
  }

  .admin-users-table tbody tr {
    display: block;
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid #e3edf6;
    border-radius: 14px;
    background: #ffffff;
  }

  .admin-users-table tbody tr:nth-child(even) {
    background: #fbfdff;
  }

  .admin-users-table tbody td {
    display: grid;
    grid-template-columns: minmax(108px, 42%) 1fr;
    gap: 8px 12px;
    align-items: start;
    padding: 8px 0;
    border-bottom: 1px solid #eef3f8;
    white-space: normal;
    word-break: break-word;
  }

  .admin-users-table tbody td::before {
    content: attr(data-label);
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #52657d;
  }

  .admin-users-table tbody td:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .admin-users-table tbody td:first-child {
    padding-top: 0;
  }

  .admin-users-table tbody td[colspan] {
    display: block;
    grid-template-columns: unset;
    text-align: center;
    padding: 14px 0;
    border-bottom: none;
    color: #52657d;
  }

  .admin-users-table tbody td[colspan]::before {
    content: none;
    display: none;
  }

  .admin-user-credit-actions {
    flex-wrap: wrap;
    white-space: normal;
    justify-content: flex-start;
  }

  .admin-user-credit-actions button {
    flex: 1 1 calc(50% - 6px);
    min-width: 96px;
  }
}
@media (max-width: 480px) {
  .admin-page .admin-kpi-card {
    padding: 14px 14px 12px;
  }

  .admin-page .admin-section,
  .admin-page .admin-filter-card,
  .admin-page .admin-tabs-card {
    padding: 14px;
  }

  .admin-page .admin-section > h3,
  .admin-page .admin-filter-card > h3,
  .admin-page .admin-filter-card .date-range-picker > h3 {
    font-size: 0.98rem;
    line-height: 1.35;
  }

  .admin-page .admin-marketing-embed-wrap,
  .admin-page .admin-marketing-embed {
    min-height: min(300px, 52vh);
    border-radius: 12px;
  }

  .admin-page .date-range-picker__presets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-page .date-range-picker__preset {
    width: 100%;
    text-align: center;
    padding: 10px 8px;
    font-size: 0.72rem;
  }

  .admin-users-table tbody td {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .admin-users-table tbody td::before {
    margin-bottom: 2px;
  }

  .admin-user-credit-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-user-credit-actions .admin-currency-input-compact {
    width: 100%;
  }

  .admin-user-credit-actions .admin-currency-input-compact input {
    width: 100%;
    flex: 1;
  }

  .admin-user-credit-actions button {
    width: 100%;
    flex: initial;
  }
}

/* Texto branco apenas em botões/ações de fundo colorido ou escuro. */
.plate-unlock-chip,
.plate-unlock-chip:hover:not(:disabled),
.plate-unlock-chip:disabled,
.plate-unlock-chip *,
.home-plate-result-reset,
.home-plate-result-reset:hover,
.home-plate-result-reset *,
.home-plate-search-button,
.home-plate-search-button *,
.auth-portal-submit,
.auth-portal-submit *,
.auth-portal-submit:hover:not(:disabled),
.auth-portal-submit:disabled,
.top-back-button,
.top-back-button *,
.consulta-pack-back.top-back-button,
.consulta-pack-back.top-back-button *,
.form button:not([type="button"]),
.form button:not([type="button"]) *,
.ghost-button,
.buy-balance-button,
.custom-alert-action-button,
.custom-alert-action-button--green,
.recovery-submit-button,
.recovery-alert-ok-button,
.login-primary-cta,
.login-primary-cta *,
.project-primary-button,
.plate-unlock-back-link.top-back-button,
.plate-unlock-back-link.top-back-button:hover,
.plate-unlock-back-link.top-back-button *,
.plate-unlock-result-toolbar-btn--primary,
.plate-unlock-result-toolbar-btn--primary:hover,
.plate-unlock-result-toolbar-btn--primary:focus,
.plate-unlock-result-toolbar-btn--primary:active,
.plate-unlock-result-toolbar-btn--primary *,
.pix-copy-button,
.contato-submit-row button,
.modal-actions .logout-action-button + .logout-action-button,
.help-tab.active,
.help-tab.active *,
.admin-tab-button.active,
.payment-method-button.active,
.pagination .page-number.active,
.consulta-pack-pricing-card.is-featured .consulta-pack-card-cta,
.consulta-pack-pricing-card.is-featured .consulta-pack-card-cta * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Garantir texto escuro legível em botões/cartões de fundo claro. */
.help-tab:not(.active),
.help-tab:not(.active) *,
.consulta-pack-pricing-card:not(.is-selected),
.consulta-pack-pricing-card:not(.is-selected) .consulta-pack-card-title,
.consulta-pack-pricing-card:not(.is-selected) .consulta-pack-card-price,
.consulta-pack-pricing-card:not(.is-selected) .consulta-pack-card-price-suf,
.consulta-pack-pricing-card:not(.is-selected) .consulta-pack-card-total,
.consulta-pack-pricing-card:not(.is-selected) .consulta-pack-card-discount,
.admin-tab-button:not(.active),
.payment-method-button:not(.active),
.pagination button:not(.active),
.user-menu-dropdown button,
.export-menu button,
.modal-close-button,


.page-wrap.plate-unlock-shell-wrap {
  max-width: 1180px;
  padding-top: clamp(24px, 4vw, 40px);
  padding-bottom: clamp(28px, 5vw, 48px);
  align-items: center;
}

.plate-unlock-page {
  position: relative;
  width: min(100%, 920px);
  margin: 0 auto;
}

.plate-unlock-shell > .page-back-row:first-child {
  margin: 0 0 16px;
  width: fit-content;
  max-width: 100%;
}

.plate-unlock-back-link.top-back-button {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

.plate-unlock-shell {
  width: 100%;
  margin: 0 auto;
  padding: 1.25rem 1.15rem 1.4rem;
  background: linear-gradient(180deg, #ffffff 0%, #fffdfb 100%);
  border: 1px solid #e8edf3;
  border-top: 3px solid var(--exec-blue, #e11d48);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 12px 32px rgba(15, 23, 42, 0.07);
}

.plate-unlock-plate-only {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e8edf3;
}

.plate-unlock-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 0.9rem;
}

.plate-unlock-head {
  margin-bottom: 0.65rem;
  max-width: 34rem;
}

.plate-unlock-head h1 {
  margin: 0 0 0.4rem;
  font-size: clamp(1.25rem, 2.4vw, 1.6rem);
  font-weight: 800;
  color: var(--exec-blue-deep, #be123c);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.plate-unlock-lead {
  margin: 0 auto;
  max-width: 30rem;
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.45;
}

.plate-unlock-identity {
  margin-bottom: 0.85rem;
  padding-bottom: 0.85rem;
}

.plate-unlock-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0.38rem 0.7rem;
  border-radius: 999px;
  border: 1px solid #fed7aa;
  background: #fffaf5;
  color: #9a3412;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
}

.plate-unlock-filter input {
  width: 0.95rem;
  height: 0.95rem;
  margin: 0;
  accent-color: var(--exec-blue, #e11d48);
}

.plate-unlock-table-panel {
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
}

.plate-unlock-table-scroll {
  overflow-x: auto;
  overflow-y: visible;
  max-height: none;
  -webkit-overflow-scrolling: touch;
}

.plate-unlock-table-inner {
  min-width: 560px;
  width: 100%;
}

.plate-unlock-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.74rem;
  line-height: 1.2;
}

.plate-unlock-table th,
.plate-unlock-table td {
  padding: 0.28rem 0.5rem;
  border-bottom: 1px solid #e8edf3;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  text-transform: none;
  letter-spacing: normal;
  background: transparent;
}

.plate-unlock-table__label-col {
  width: 46%;
}

.plate-unlock-table__tier-col {
  width: 27%;
}

.plate-unlock-table tbody th {
  text-align: left;
  font-weight: 600;
  font-size: 0.72rem;
  color: #334155;
  background: #ffffff;
  padding-left: 0.65rem;
}

.plate-unlock-table__feature--alt th,
.plate-unlock-table__feature--alt td {
  background: #f8fafc;
}

.plate-unlock-table__group th {
  position: relative;
  padding: 0.42rem 0.65rem 0.42rem 0.85rem;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #0f172a;
  background: #e2e8f0 !important;
  border-bottom: 1px solid #cbd5e1;
  border-top: 2px solid var(--exec-blue, #e11d48);
}

.plate-unlock-table__group--motorista th {
  background: linear-gradient(90deg, #dbeafe 0%, #e2e8f0 100%) !important;
  color: #1e3a8a;
}

.plate-unlock-table__group--veiculo th {
  background: linear-gradient(90deg, #ffedd5 0%, #e2e8f0 100%) !important;
  color: #9a3412;
}

.plate-unlock-table__group--restricoes th {
  background: linear-gradient(90deg, #ede9fe 0%, #e2e8f0 100%) !important;
  color: #5b21b6;
}

.plate-unlock-table__group th::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--exec-blue, #e11d48);
}

.plate-unlock-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  color: #475569;
  background: linear-gradient(180deg, #fffaf5 0%, #f8fafc 100%);
  padding: 0.42rem 0.5rem;
  box-shadow: inset 0 -1px 0 #e8edf3;
}

.plate-unlock-table thead th:first-child {
  text-align: left;
  padding-left: 0.65rem;
  color: #64748b;
  background: linear-gradient(180deg, #fffaf5 0%, #f8fafc 100%);
}

.plate-unlock-tier-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 7.25rem;
  max-width: 100%;
  padding: 0.24rem 0.65rem;
  border-radius: 999px;
  border: 1.5px solid rgba(255, 106, 0, 0.45);
  background: #ffffff;
  color: var(--exec-blue-deep, #be123c);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.plate-unlock-tier-pill__short {
  display: none;
}

.plate-unlock-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 999px;
  background: #dcfce7;
  color: #16a34a;
  border: 1px solid #86efac;
  font-weight: 800;
  font-size: 0.62rem;
}

.plate-unlock-dash {
  color: #94a3b8;
  font-weight: 600;
  font-size: 0.85rem;
}

.plate-unlock-table-sticky-foot {
  display: grid;
  grid-template-columns: 46% 27% 27%;
  align-items: stretch;
  border-top: 1px solid #fed7aa;
  background: linear-gradient(180deg, #fffaf5 0%, #f8fafc 100%);
}

.plate-unlock-foot-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  padding: 0.55rem 0.5rem 0.65rem;
  border-right: 1px solid #e8edf3;
  background: transparent;
}

.plate-unlock-foot-col:last-child {
  border-right: none;
}

.plate-unlock-foot-col--spacer {
  border-right: 1px solid #e8edf3;
  padding: 0;
  min-height: 0;
}

.plate-unlock-foot-tier {
  margin: 0;
  font-size: 0.74rem;
  font-weight: 600;
  color: #64748b;
}

.plate-unlock-price {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--exec-blue-deep, #be123c);
  letter-spacing: -0.01em;
}

.plate-unlock-buy {
  width: 100%;
  max-width: 12rem;
  border: 2px solid var(--exec-blue, #e11d48);
  border-radius: 999px;
  padding: 0.38rem 0.65rem;
  background: #ffffff;
  color: var(--exec-blue-deep, #be123c);
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.plate-unlock-buy:hover:not(:disabled) {
  background: #fff7ed;
}

.plate-unlock-buy:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.plate-unlock-buy--loading {
  opacity: 1;
  cursor: wait;
}

.plate-unlock-buy__loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.plate-unlock-buy__spinner {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  border: 2px solid rgba(190, 18, 60, 0.25);
  border-top-color: var(--exec-blue, #e11d48);
  border-radius: 50%;
  display: inline-block;
  animation: consulta-spin 0.7s linear infinite;
}

.plate-unlock-credits-alert {
  margin-top: 1rem;
  padding: 0.85rem 0.95rem;
  border-radius: 12px;
  border: 1px solid #fed7aa;
  background: #fff7ed;
  text-align: center;
}

.plate-unlock-credits-alert__title {
  margin: 0 0 0.35rem;
  font-size: 0.92rem;
  font-weight: 800;
  color: #9a3412;
}

.plate-unlock-credits-alert__text {
  margin: 0 0 0.65rem;
  font-size: 0.84rem;
  line-height: 1.4;
  color: #7c2d12;
}

.plate-unlock-page--result-v1 {
  max-width: 1040px;
  margin: 0 auto;
  padding-top: 0.35rem;
}

.plate-unlock-shell.plate-unlock-result-shell {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 14px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 16px 40px rgba(15, 23, 42, 0.1);
}

.plate-unlock-result-view--v1 {
  width: 100%;
}

.plate-unlock-result-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #e8edf3;
  background: #fff;
}

.plate-unlock-result-header__identity {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}

.plate-unlock-result-tier-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.42rem 0.9rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.plate-unlock-result-tier-pill--simples {
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
}

.plate-unlock-result-tier-pill--completa {
  color: #c2410c;
  background: #fff7ed;
  border: 1px solid #fed7aa;
}

.plate-unlock-result-header__actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  margin-left: auto;
  flex-shrink: 0;
}

.plate-unlock-result-field--stacked {
  align-items: flex-start;
}

.plate-unlock-result-field__value--stacked {
  text-align: left;
}

.plate-unlock-result-lines {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
  width: 100%;
}

.plate-unlock-result-lines--addresses {
  gap: 0.65rem;
}

.plate-unlock-result-lines--addresses li {
  padding: 0.55rem 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  line-height: 1.4;
}

.plate-unlock-result-group--motorista .plate-unlock-result-field {
  grid-template-columns: minmax(6.25rem, 30%) 1fr;
}

.plate-unlock-result-field--emails dd,
.plate-unlock-result-field--emails .plate-unlock-result-lines {
  text-align: right;
}

.plate-unlock-result-email-line,
.plate-unlock-result-lines--emails li {
  display: block;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  letter-spacing: -0.01em;
}

.plate-unlock-result-group--veiculo .plate-unlock-result-field {
  grid-template-columns: minmax(10rem, 50%) 1fr;
}

.plate-unlock-result-field--municipio dt {
  white-space: nowrap;
  font-size: 0.72rem;
}

.plate-unlock-result-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
  padding: 1rem 1.25rem 0.75rem;
}

.plate-unlock-result-group {
  display: flex;
  flex-direction: column;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  min-height: 100%;
}

.plate-unlock-result-group--restricoes {
  grid-column: 1 / -1;
}

.plate-unlock-result-group__title {
  margin: 0;
  padding: 0.7rem 0.95rem;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  text-transform: none;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  border-bottom: 1px solid #e8edf3;
}

.plate-unlock-result-group--motorista .plate-unlock-result-group__title {
  color: #1d4ed8;
  background: #eff6ff;
  border-bottom-color: #dbeafe;
}

.plate-unlock-result-group--veiculo .plate-unlock-result-group__title {
  color: #c2410c;
  background: #fff7ed;
  border-bottom-color: #ffedd5;
}

.plate-unlock-result-group--restricoes .plate-unlock-result-group__title {
  color: #6d28d9;
  background: #f5f3ff;
  border-bottom-color: #ede9fe;
}

.plate-unlock-result-fields {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.plate-unlock-result-field {
  display: grid;
  grid-template-columns: minmax(7.5rem, 42%) 1fr;
  align-items: center;
  gap: 0.75rem;
  padding: 0.62rem 0.95rem;
  border-bottom: 1px solid #eef2f6;
  background: #fff;
}

.plate-unlock-result-field:last-child {
  border-bottom: none;
}

.plate-unlock-result-field:nth-child(even) {
  background: #f8fafc;
}

.plate-unlock-result-field dt {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #64748b;
}

.plate-unlock-result-field dd {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 400;
  color: #0f172a;
  line-height: 1.35;
  word-break: normal;
  overflow-wrap: anywhere;
  text-align: right;
}

.plate-unlock-result-field dd,
.plate-unlock-result-email-line,
.plate-unlock-result-lines li {
  font-size: 0.88rem;
  font-weight: 400;
}

.plate-unlock-result-legal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  padding: 0.85rem 0.95rem 1rem;
}

.plate-unlock-result-legal-item {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.65rem 0.7rem;
  border: 1px solid #e8edf3;
  border-radius: 10px;
  background: #fafafa;
  min-height: 100%;
}

.plate-unlock-result-legal-item__icon {
  flex: 0 0 auto;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 800;
  color: #166534;
  background: #dcfce7;
}

.plate-unlock-result-legal-item__copy {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.plate-unlock-result-legal-item__copy strong {
  font-size: 0.72rem;
  font-weight: 700;
  color: #475569;
  line-height: 1.25;
}

.plate-unlock-result-legal-item__copy span {
  font-size: 0.82rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.25;
}

.plate-unlock-result-legal-item__copy span.is-ok {
  color: #166534;
}

.plate-unlock-result-legal-item__copy span.is-alert {
  color: #b45309;
}

.plate-unlock-result-legal-item__icon.is-alert {
  color: #b45309;
  background: #fef3c7;
}

.plate-unlock-result-upgrade {
  padding: 0 1.25rem 0.25rem;
}

.plate-unlock-result-upgrade .plate-unlock-cta {
  margin-top: 0;
}

.plate-unlock-result-footnote {
  margin: 0;
  padding: 0.85rem 1.25rem 1.1rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #64748b;
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
}

.plate-unlock-result-toolbar-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--exec-radius-md, 14px);
  min-height: 2.5rem;
  padding: 0.55rem 1.15rem;
  cursor: pointer;
  font-family: var(--font-cta);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

.plate-unlock-result-toolbar-btn--primary {
  color: #fff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, var(--exec-blue) 0%, var(--exec-blue-deep) 100%);
  box-shadow: 0 10px 22px rgba(190, 18, 60, 0.24);
}

.plate-unlock-result-toolbar-btn--primary:hover {
  color: #fff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  box-shadow: 0 14px 28px rgba(190, 18, 60, 0.3);
}

.plate-unlock-result-toolbar-btn--primary:focus-visible {
  outline: 2px solid var(--exec-blue-deep);
  outline-offset: 2px;
}

.plate-unlock-result-toolbar-btn--primary:active {
  transform: translateY(1px);
}

.plate-unlock-result-toolbar-action-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 2.5rem;
  padding: 0.4rem 0.9rem 0.4rem 0.55rem;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

.plate-unlock-result-toolbar-action-btn svg {
  display: block;
  width: 1.05rem;
  height: 1.05rem;
  flex-shrink: 0;
}

.plate-unlock-result-toolbar-action-btn--pdf {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
  background: #fef2f2;
  border-color: #fecaca;
}

.plate-unlock-result-toolbar-action-btn--pdf:hover {
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
  background: #fee2e2;
  border-color: #fca5a5;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.14);
}

.plate-unlock-result-toolbar-action-btn--pdf:focus-visible {
  outline: 2px solid #dc2626;
  outline-offset: 2px;
}

.plate-unlock-result-toolbar-action-btn--whatsapp {
  color: #25d366 !important;
  -webkit-text-fill-color: #25d366 !important;
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.plate-unlock-result-toolbar-action-btn--whatsapp:hover {
  color: #128c7e !important;
  -webkit-text-fill-color: #128c7e !important;
  background: #dcfce7;
  border-color: #86efac;
  box-shadow: 0 2px 8px rgba(37, 211, 102, 0.16);
}

.plate-unlock-result-toolbar-action-btn--whatsapp:focus-visible {
  outline: 2px solid #25d366;
  outline-offset: 2px;
}

.plate-unlock-result-toolbar-action-btn:active {
  transform: translateY(1px);
}

.plate-unlock-result-sync {
  margin: 0;
  padding: 0.65rem 1.15rem;
  text-align: center;
  font-size: 0.86rem;
  border-bottom: 1px solid #e8edf3;
  background: #f8fafc;
}

.plate-whatsapp-send-modal {
  width: min(480px, calc(100% - 24px));
}

.plate-whatsapp-send-modal__lead {
  margin: 0 0 14px;
  line-height: 1.5;
}

.plate-whatsapp-send-options {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}

.plate-whatsapp-send-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1.5px solid #cfe0f2;
  border-radius: 12px;
  background: #f8fbff;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.plate-whatsapp-send-option.is-selected {
  border-color: #25d366;
  background: #f0fdf4;
  box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.12);
}

.plate-whatsapp-send-option input[type="radio"] {
  margin-top: 3px;
  flex-shrink: 0;
  accent-color: #16a34a;
}

.plate-whatsapp-send-option__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.plate-whatsapp-send-option__copy strong {
  color: #1e1b4b;
  font-size: 0.92rem;
}

.plate-whatsapp-send-option__number {
  color: #0f766e;
  font-weight: 700;
  font-size: 0.95rem;
}

.plate-whatsapp-send-option__hint,
.plate-whatsapp-send-option:has(input:disabled) .plate-whatsapp-send-option__number {
  color: #64748b;
  font-size: 0.86rem;
  font-weight: 500;
}

.plate-whatsapp-send-custom {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  font-weight: 700;
  color: #1e1b4b;
}

.plate-whatsapp-send-custom input {
  width: 100%;
  min-height: 44px;
  border: 1px solid #bdd3eb;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 16px;
}

.plate-whatsapp-send-modal__error {
  margin: 0 0 12px;
}

.plate-whatsapp-send-modal__actions {
  justify-content: stretch;
}

.plate-whatsapp-send-modal__actions .logout-action-button {
  flex: 1 1 0;
  min-width: 0;
  text-align: center;
}

.plate-whatsapp-send-modal__submit {
  background: linear-gradient(180deg, #4ade80 0%, #10b981 48%, #16a34a 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.plate-whatsapp-send-modal__submit:hover {
  filter: brightness(1.05);
}

.plate-unlock-result-head {
  text-align: center;
  margin-bottom: 1.1rem;
}

.plate-unlock-result-head h1 {
  margin: 0;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 800;
  color: var(--exec-blue-deep, #be123c);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.plate-unlock-result-view {
  width: 100%;
}

.plate-unlock-result-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 0.75rem;
}

.plate-unlock-result-actions {
  display: flex;
  justify-content: center;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid #e8edf3;
}

.plate-unlock-result-new-search {
  appearance: none;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.55rem 1.15rem;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.plate-unlock-result-new-search:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.plate-unlock-result-success {
  width: 100%;
  margin-bottom: 1rem;
}

.plate-unlock-result-success__meta {
  margin: 0.25rem 0 0;
  font-size: 0.84rem;
  font-weight: 500;
  color: #166534;
}

.plate-unlock-error {
  margin-top: 1rem;
}

.plate-unlock-back-btn {
  margin-top: 0.75rem;
}
@media (max-width: 640px) {
  .plate-unlock-result-header {
    flex-direction: column;
    align-items: stretch;
    padding: 0.85rem;
  }

  .plate-unlock-result-header__identity {
    justify-content: center;
  }

  .plate-unlock-result-header__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-left: 0;
  }

  .plate-unlock-result-toolbar-btn {
    flex: 1 1 100%;
    width: 100%;
    font-size: 0.78rem;
    padding: 0.5rem 0.85rem;
    min-height: 2.4rem;
  }

  .plate-unlock-result-toolbar-action-btn {
    flex: 1 1 calc(50% - 0.25rem);
    justify-content: center;
    font-size: 0.74rem;
    padding: 0.42rem 0.65rem;
    min-height: 2.4rem;
  }

  .plate-unlock-result-toolbar-action-btn svg {
    width: 0.95rem;
    height: 0.95rem;
  }

  .plate-unlock-result-groups {
    grid-template-columns: 1fr;
    padding: 0.85rem;
  }

  .plate-unlock-result-field {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }

  .plate-unlock-result-field dd {
    text-align: left;
  }

  .plate-unlock-result-legal-grid {
    grid-template-columns: 1fr;
  }
}

.maintenance-page-wrap {
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

.maintenance-page-card {
  width: min(100%, 520px);
  padding: 2.5rem 2rem;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(0, 21, 53, 0.12);
  text-align: center;
}

.maintenance-page-logo {
  width: min(100%, 320px);
  height: auto;
  margin: 0 auto 1rem;
}

.maintenance-page-logo .brand-logo-word-on-light,
.maintenance-page-logo > text:first-of-type > tspan:first-of-type {
  fill: #0f172a !important;
}

.maintenance-page-kicker {
  margin: 0 0 0.5rem;
  color: #1e1b4b !important;
  font-size: 0.95rem;
}

.maintenance-page-title {
  margin: 0 0 1rem;
  color: var(--exec-navy, #1e1b4b);
  font-size: 1.75rem;
}

.maintenance-page-message {
  margin: 0 0 1.25rem;
  color: #334155;
  line-height: 1.6;
}

.maintenance-page-contact,
.maintenance-page-admin-link {
  margin: 0.75rem 0 0;
  font-size: 0.95rem;
}

.maintenance-page-contact a,
.maintenance-page-admin-link a {
  color: var(--exec-blue, #e11d48);
  font-weight: 600;
  text-decoration: none;
}

.maintenance-page-admin-link a {
  font-size: 0.85rem;
  font-weight: 500;
  opacity: 0.85;
}