/* Paleta global Pendura AI: suporte modo escuro + claro */
:root,
[data-tema="escuro"] {
  --pa-bg-primary: #050505;
  --pa-accent: #D4AF37;
  --pa-text-primary: #F8F9FA;
  --pa-surface: #2D2D2D;
  --pa-border: #2D2D2D;
  --pa-input-placeholder: rgba(248, 249, 250, 0.56);
  --pa-accent-soft-bg: rgba(212, 175, 55, 0.14);
  --pa-accent-soft-border: rgba(212, 175, 55, 0.34);

  --azul: #D4AF37;
  --azul-claro: #D4AF37;
  --azul-escuro: #2D2D2D;
  --branco: #F8F9FA;
  --cinza-claro: #2D2D2D;
  --cinza: rgba(248, 249, 250, 0.72);
  --cinza-escuro: #F8F9FA;
  --verde: #D4AF37;
  --vermelho: #D4AF37;
  --bg-body: #050505;
  --bg-sidebar: #050505;
  --sidebar-bg: #050505;
  --bg-card: #050505;
  --bg-input: #050505;
  --border-input: #2D2D2D;
  --btn-modern-bg: linear-gradient(135deg, #D4AF37, #2D2D2D);
  --btn-modern-text: #F8F9FA;
  --btn-modern-border: #D4AF37;
  --btn-modern-hover-bg: linear-gradient(135deg, #D4AF37, #2D2D2D);
  --premium-box-bg: linear-gradient(145deg, rgba(5, 5, 5, 0.96), rgba(45, 45, 45, 0.7));
  --premium-box-border: rgba(212, 175, 55, 0.34);
  --premium-box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(212, 175, 55, 0.22);
  --premium-box-hover-shadow: 0 18px 38px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(212, 175, 55, 0.34);
}

[data-tema="claro"],
html[data-tema="claro"],
body[data-tema="claro"] {
  --pa-bg-primary: #FDFDFD !important;
  --pa-accent: #B8860B !important;
  --pa-text-primary: #1A1C1E !important;
  --pa-surface: #F1F3F5 !important;
  --pa-border: #F1F3F5 !important;
  --pa-input-placeholder: rgba(26, 28, 30, 0.45) !important;
  --pa-accent-soft-bg: rgba(184, 134, 11, 0.12) !important;
  --pa-accent-soft-border: rgba(184, 134, 11, 0.3) !important;

  --azul: #B8860B !important;
  --azul-claro: #B8860B !important;
  --azul-escuro: #F1F3F5 !important;
  --branco: #FDFDFD !important;
  --cinza-claro: #F1F3F5 !important;
  --cinza: #1A1C1E !important;
  --cinza-escuro: #1A1C1E !important;
  --verde: #B8860B !important;
  --vermelho: #B8860B !important;
  --bg-body: #FDFDFD !important;
  --bg-sidebar: #FDFDFD !important;
  --sidebar-bg: #FDFDFD !important;
  --bg-card: #FDFDFD !important;
  --bg-input: #FDFDFD !important;
  --border-input: #F1F3F5 !important;
  --btn-modern-bg: linear-gradient(135deg, #B8860B, #F1F3F5) !important;
  --btn-modern-text: #1A1C1E !important;
  --btn-modern-border: #B8860B !important;
  --btn-modern-hover-bg: linear-gradient(135deg, #B8860B, #F1F3F5) !important;
  --premium-box-bg: linear-gradient(145deg, #FDFDFD, #F1F3F5) !important;
  --premium-box-border: #F1F3F5 !important;
  --premium-box-shadow: 0 10px 24px rgba(26, 28, 30, 0.08), 0 0 0 1px rgba(184, 134, 11, 0.12) !important;
  --premium-box-hover-shadow: 0 14px 30px rgba(26, 28, 30, 0.1), 0 0 0 1px rgba(184, 134, 11, 0.2) !important;
}

html,
body {
  background: var(--pa-bg-primary) !important;
  color: var(--pa-text-primary) !important;
}

.top-header,
.header,
.header-right,
.footer,
.modal-content,
.sidebar,
.search-box,
.dropdown-content,
.table-container,
.table-scroll,
.card,
[class$="-card"],
[class*="-card "],
[class$="-box"],
[class*="-box "] {
  background-color: var(--pa-bg-primary) !important;
  color: var(--pa-text-primary) !important;
  border-color: var(--pa-border) !important;
}

/* Cabecalho global */
.top-header {
  background: linear-gradient(135deg, var(--pa-bg-primary) 0%, var(--pa-surface) 100%) !important;
  border: 1px solid var(--pa-border) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14) !important;
}

[data-tema="escuro"] .top-header,
html[data-tema="escuro"] .top-header,
body[data-tema="escuro"] .top-header {
  background: linear-gradient(130deg, #0f3f8f 0%, #1e40af 48%, #0b122e 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 12px 28px rgba(15, 63, 143, 0.28) !important;
}

.top-header::before {
  background: radial-gradient(circle, rgba(212, 175, 55, 0.16) 0%, rgba(212, 175, 55, 0) 72%) !important;
}

[data-tema="escuro"] .top-header::before,
html[data-tema="escuro"] .top-header::before,
body[data-tema="escuro"] .top-header::before {
  background: radial-gradient(circle, rgba(125, 211, 252, 0.24) 0%, rgba(125, 211, 252, 0) 72%) !important;
}

.top-header::after {
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)) !important;
}

.header-titulo-icone {
  background: var(--pa-accent-soft-bg) !important;
  border: 1px solid var(--pa-accent-soft-border) !important;
  box-shadow: none !important;
}

.header-titulo h1,
.header-titulo .header-subtitulo,
.header-usuario,
.header-assinatura-textos strong,
.header-assinatura-textos small,
.header-assinatura-link {
  color: var(--pa-text-primary) !important;
  text-shadow: none !important;
}

.header-usuario {
  background: rgba(45, 45, 45, 0.45) !important;
  border: 1px solid var(--pa-border) !important;
}

.header-usuario-avatar {
  color: var(--pa-bg-primary) !important;
}

.header-usuario-avatar:not([style*="background-image: url"]) {
  background: linear-gradient(135deg, var(--pa-accent), var(--pa-surface)) !important;
}

[data-tema="escuro"] .header-usuario-avatar:not([style*="background-image: url"]),
html[data-tema="escuro"] .header-usuario-avatar:not([style*="background-image: url"]),
body[data-tema="escuro"] .header-usuario-avatar:not([style*="background-image: url"]) {
  background: linear-gradient(135deg, #60a5fa, #2563eb) !important;
  color: #ffffff !important;
}

.header-assinatura-atalho {
  background: rgba(45, 45, 45, 0.4) !important;
  border: 1px solid var(--pa-border) !important;
}

[data-tema="claro"] .top-header,
html[data-tema="claro"] .top-header,
body[data-tema="claro"] .top-header {
  background: linear-gradient(135deg, #FDFDFD 0%, #F1F3F5 100%) !important;
  border-color: #F1F3F5 !important;
  box-shadow: 0 8px 22px rgba(26, 28, 30, 0.08) !important;
}

[data-tema="claro"] .top-header::before,
html[data-tema="claro"] .top-header::before,
body[data-tema="claro"] .top-header::before {
  background: radial-gradient(circle, rgba(184, 134, 11, 0.14) 0%, rgba(184, 134, 11, 0) 72%) !important;
}

[data-tema="claro"] .top-header::after,
html[data-tema="claro"] .top-header::after,
body[data-tema="claro"] .top-header::after {
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) !important;
}

[data-tema="claro"] .header-usuario,
html[data-tema="claro"] .header-usuario,
body[data-tema="claro"] .header-usuario,
[data-tema="claro"] .header-assinatura-atalho,
html[data-tema="claro"] .header-assinatura-atalho,
body[data-tema="claro"] .header-assinatura-atalho {
  background: rgba(241, 243, 245, 0.9) !important;
  border-color: #F1F3F5 !important;
}

/* Contraste fino do cabecalho no modo claro */
[data-tema="claro"] .header-titulo h1,
html[data-tema="claro"] .header-titulo h1,
body[data-tema="claro"] .header-titulo h1 {
  color: #1A1C1E !important;
}

[data-tema="claro"] .header-titulo .header-subtitulo,
html[data-tema="claro"] .header-titulo .header-subtitulo,
body[data-tema="claro"] .header-titulo .header-subtitulo {
  color: rgba(26, 28, 30, 0.78) !important;
}

[data-tema="claro"] .header-assinatura-atalho,
html[data-tema="claro"] .header-assinatura-atalho,
body[data-tema="claro"] .header-assinatura-atalho {
  background: #FFFFFF !important;
  border: 1px solid #F1F3F5 !important;
  box-shadow: 0 8px 20px rgba(26, 28, 30, 0.06) !important;
}

[data-tema="claro"] .header-assinatura-selo,
html[data-tema="claro"] .header-assinatura-selo,
body[data-tema="claro"] .header-assinatura-selo {
  background: rgba(184, 134, 11, 0.14) !important;
  color: #B8860B !important;
  border: 1px solid rgba(184, 134, 11, 0.22) !important;
}

[data-tema="claro"] .header-assinatura-link,
html[data-tema="claro"] .header-assinatura-link,
body[data-tema="claro"] .header-assinatura-link {
  background: #F1F3F5 !important;
  color: #1A1C1E !important;
  border: 1px solid #F1F3F5 !important;
}

/* Box de assinatura/renovacao totalmente coerente no modo escuro */
[data-tema="escuro"] .header-assinatura-atalho,
html[data-tema="escuro"] .header-assinatura-atalho,
body[data-tema="escuro"] .header-assinatura-atalho {
  background: rgba(12, 26, 58, 0.58) !important;
  border: 1px solid rgba(147, 197, 253, 0.3) !important;
  box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.08) !important;
}

[data-tema="escuro"] .header-assinatura-atalho:hover,
html[data-tema="escuro"] .header-assinatura-atalho:hover,
body[data-tema="escuro"] .header-assinatura-atalho:hover {
  background: rgba(20, 43, 92, 0.64) !important;
}

[data-tema="escuro"] .header-assinatura-atalho--trial,
html[data-tema="escuro"] .header-assinatura-atalho--trial,
body[data-tema="escuro"] .header-assinatura-atalho--trial {
  border-color: rgba(251, 191, 36, 0.45) !important;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(15, 23, 42, 0.45)) !important;
}

[data-tema="escuro"] .header-assinatura-atalho--ativa,
html[data-tema="escuro"] .header-assinatura-atalho--ativa,
body[data-tema="escuro"] .header-assinatura-atalho--ativa {
  border-color: rgba(52, 211, 153, 0.42) !important;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(15, 23, 42, 0.45)) !important;
}

[data-tema="escuro"] .header-assinatura-atalho--expirada,
html[data-tema="escuro"] .header-assinatura-atalho--expirada,
body[data-tema="escuro"] .header-assinatura-atalho--expirada {
  border-color: rgba(248, 113, 113, 0.5) !important;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.24), rgba(15, 23, 42, 0.46)) !important;
}

[data-tema="escuro"] .header-assinatura-selo,
html[data-tema="escuro"] .header-assinatura-selo,
body[data-tema="escuro"] .header-assinatura-selo {
  background: rgba(15, 23, 42, 0.72) !important;
  color: #93c5fd !important;
  border: 1px solid rgba(147, 197, 253, 0.26) !important;
}

[data-tema="escuro"] .header-assinatura-link,
html[data-tema="escuro"] .header-assinatura-link,
body[data-tema="escuro"] .header-assinatura-link {
  background: rgba(15, 23, 42, 0.74) !important;
  color: #eaf2ff !important;
  border: 1px solid rgba(147, 197, 253, 0.25) !important;
}

[data-tema="escuro"] .header-assinatura-textos strong,
html[data-tema="escuro"] .header-assinatura-textos strong,
body[data-tema="escuro"] .header-assinatura-textos strong {
  color: #f8fbff !important;
}

[data-tema="escuro"] .header-assinatura-textos small,
html[data-tema="escuro"] .header-assinatura-textos small,
body[data-tema="escuro"] .header-assinatura-textos small {
  color: rgba(236, 246, 255, 0.92) !important;
}

/* Cards no modo claro: sombra suave e elegante */
[data-tema="claro"] :is(.card, [class$="-card"], [class*="-card "], [class$="-box"], [class*="-box "]):not(.top-header):not(.sidebar):not(.search-box):not(.dropdown-content),
html[data-tema="claro"] :is(.card, [class$="-card"], [class*="-card "], [class$="-box"], [class*="-box "]):not(.top-header):not(.sidebar):not(.search-box):not(.dropdown-content),
body[data-tema="claro"] :is(.card, [class$="-card"], [class*="-card "], [class$="-box"], [class*="-box "]):not(.top-header):not(.sidebar):not(.search-box):not(.dropdown-content),
.card-claro {
  background-color: #FFFFFF !important;
  border: 1px solid #E4E8EF !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
  border-radius: 1rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
strong,
th,
td,
p,
small,
span,
li,
a,
.text-muted,
.muted,
.subtitulo,
.subtitle,
.legend {
  color: var(--pa-text-primary) !important;
}

a:hover,
.btn-link,
.link,
.active,
.sidebar li a.active,
.sidebar a.active {
  color: var(--pa-accent) !important;
}

.btn,
button,
.btn-primary,
.btn-secundario,
.btn-confirmar,
.btn-registrar,
[type="button"],
[type="submit"] {
  background: var(--btn-modern-bg) !important;
  color: var(--btn-modern-text) !important;
  border: 1px solid var(--btn-modern-border) !important;
}

.btn:hover,
button:hover,
.btn-primary:hover,
.btn-secundario:hover,
.btn-confirmar:hover,
.btn-registrar:hover,
[type="button"]:hover,
[type="submit"]:hover {
  filter: brightness(1.05);
}

input,
select,
textarea {
  background: var(--bg-input) !important;
  color: var(--pa-text-primary) !important;
  border: 1px solid var(--pa-border) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--pa-input-placeholder) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--pa-accent) !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.6) !important;
}

table,
.table,
thead,
tbody,
tr,
th,
td {
  border-color: var(--pa-border) !important;
  color: var(--pa-text-primary) !important;
}

thead,
.table thead,
th {
  background: rgba(45, 45, 45, 0.68) !important;
}

.status,
.badge,
.tag,
.chip,
.metric-chip,
.recibo-chip {
  background: var(--pa-accent-soft-bg) !important;
  color: var(--pa-accent) !important;
  border-color: var(--pa-accent-soft-border) !important;
}

/* Ícone 'P' - card de login/cadastro */
.landing-logo {
  background: linear-gradient(135deg, var(--pa-accent), var(--pa-surface)) !important;
  border: 1px solid rgba(212, 175, 55, 0.38) !important;
  color: var(--pa-bg-primary) !important;
  box-shadow: 0 18px 40px rgba(212, 175, 55, 0.35), 0 0 0 1px rgba(248, 249, 250, 0.2) !important;
}

/* Ícone 'P' - sidebar (menu lateral) */
.sidebar-logo-icon {
  background: linear-gradient(135deg, var(--pa-accent), var(--pa-surface)) !important;
  border: 1px solid rgba(212, 175, 55, 0.38) !important;
  color: var(--pa-bg-primary) !important;
  box-shadow: 0 10px 18px rgba(212, 175, 55, 0.28) !important;
}

[data-tema="claro"] input:focus,
[data-tema="claro"] select:focus,
[data-tema="claro"] textarea:focus {
  box-shadow: 0 0 0 1px rgba(184, 134, 11, 0.45) !important;
}

[data-tema="claro"] thead,
[data-tema="claro"] .table thead,
[data-tema="claro"] th {
  background: rgba(241, 243, 245, 0.9) !important;
}

[data-tema="claro"] .landing-logo,
[data-tema="claro"] .sidebar-logo-icon {
  border: 1px solid rgba(184, 134, 11, 0.35) !important;
  box-shadow: 0 10px 24px rgba(184, 134, 11, 0.22) !important;
}
