/* Tema escuro da página /envelopes (Envelopes e conta, Painel de Envelopes, Carimbo de tempo), 26/10/2026.
 * Mesmo mecanismo da área do cliente e do editor: html[data-tema] com a escolha em localStorage "mps-tema"
 * (tema-site.js); sem escolha, segue o tema do sistema. Gerado por gerar_tema_envelopes.py: as mesmas regras
 * valem para a escolha manual e para o tema do sistema. */

html[data-tema="escuro"] body[data-modo="envelopes"] { color-scheme: dark; color: #e2e8f0;
  background: radial-gradient(900px 420px at 8% -8%, rgba(79, 70, 229, 0.16), transparent 58%),
              radial-gradient(720px 380px at 100% 0%, rgba(217, 154, 33, 0.08), transparent 52%), #060911; }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-top { background: #030712; }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-header { background: rgba(11, 15, 25, 0.94); border-bottom-color: rgba(255, 255, 255, 0.08); }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-mps { color: #e2e8f0; }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-tag { color: #94a3b8; }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-link { color: #cbd5e1; }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-link:hover { color: #a5b4fc; background: rgba(99, 102, 241, 0.15); }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-pill-soft { background: rgba(99, 102, 241, 0.15); color: #c7d2fe; border-color: rgba(129, 140, 248, 0.35); }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-pill-ghost { background: #0d1322; color: #e2e8f0; border-color: rgba(255, 255, 255, 0.16); }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-symbol { background: #fff; }
html[data-tema="escuro"] body[data-modo="envelopes"] h1, html[data-tema="escuro"] body[data-modo="envelopes"] h2, html[data-tema="escuro"] body[data-modo="envelopes"] h3, html[data-tema="escuro"] body[data-modo="envelopes"] h4 { color: #f8fafc; }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-foot { background: #0b0f19; color: #94a3b8; border-color: rgba(255, 255, 255, 0.08); }
html[data-tema="escuro"] body[data-modo="envelopes"] .suite-foot a { color: #a5b4fc; }

/* Superfícies */
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.bg-white, .bg-slate-50, .bg-gray-50) { background-color: #0d1322 !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] .bg-slate-50\/50 { background-color: rgba(30, 41, 59, 0.35) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.bg-slate-100, .bg-gray-100) { background-color: #1e293b !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] .bg-white.rounded-2xl, html[data-tema="escuro"] body[data-modo="envelopes"] .bg-white.rounded-3xl { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.bg-blue-50, .bg-indigo-50, .bg-sky-50) { background-color: rgba(99, 102, 241, 0.12) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] .bg-indigo-100 { background-color: rgba(99, 102, 241, 0.22) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50) { background-color: rgba(16, 185, 129, 0.14) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.bg-amber-50, .bg-amber-100, .bg-yellow-50) { background-color: rgba(217, 154, 33, 0.14) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.bg-rose-50, .bg-red-50) { background-color: rgba(244, 63, 94, 0.12) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.bg-purple-50, .bg-violet-50) { background-color: rgba(168, 85, 247, 0.12) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.hover\:bg-slate-50, .hover\:bg-slate-100):hover { background-color: #1e293b !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] .hover\:bg-rose-50:hover { background-color: rgba(244, 63, 94, 0.12) !important; }

/* Textos */
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-slate-900, .text-slate-800, .text-gray-900, .text-gray-800) { color: #f8fafc !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-slate-700, .text-gray-700) { color: #e2e8f0 !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-slate-600, .text-gray-600) { color: #cbd5e1 !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-slate-500, .text-gray-500) { color: #94a3b8 !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-slate-400, .text-gray-400) { color: #7c8aa0 !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-sky-700) { color: #a5b4fc !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-emerald-700, .text-emerald-800, .text-green-700) { color: #6ee7b7 !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-amber-700, .text-amber-800) { color: #fcd34d !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-rose-600, .text-rose-700, .text-red-600) { color: #fda4af !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.text-purple-700, .text-violet-700) { color: #d8b4fe !important; }

/* Bordas */
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.border-slate-100, .border-slate-200, .border-gray-200) { border-color: rgba(255, 255, 255, 0.08) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.border-slate-300, .border-gray-300) { border-color: rgba(255, 255, 255, 0.16) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.border-blue-200, .border-indigo-100, .border-indigo-200) { border-color: rgba(129, 140, 248, 0.3) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] .border-amber-200 { border-color: rgba(217, 154, 33, 0.35) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] .border-emerald-200 { border-color: rgba(16, 185, 129, 0.35) !important; }

/* Campos */
html[data-tema="escuro"] body[data-modo="envelopes"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  background-color: #070a12 !important; color: #f8fafc !important; border-color: rgba(255, 255, 255, 0.16) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(input, textarea)::placeholder { color: #64748b; }
html[data-tema="escuro"] body[data-modo="envelopes"] #flow-acoes .acao-linha { color: #cbd5e1; }
html[data-tema="escuro"] body[data-modo="envelopes"] .acao-btn-claro { background: #0d1322 !important; color: #e2e8f0 !important; border-color: rgba(255, 255, 255, 0.16) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] .acao-btn-perigo { background: #0d1322 !important; color: #fda4af !important; border-color: rgba(244, 63, 94, 0.35) !important; }

/* Abas (Envelopes / Carimbo de tempo) e botões claros */
html[data-tema="escuro"] body[data-modo="envelopes"] .tab-btn:not(.bg-blue-600) { background: #0d1322 !important; color: #e2e8f0 !important; border-color: rgba(255, 255, 255, 0.16) !important; }
html[data-tema="escuro"] body[data-modo="envelopes"] button.border-slate-300:not(.tab-btn):not([class*="bg-blue"]):not([class*="bg-indigo"]) { color: #e2e8f0; }

/* Entrar / Cadastrar */
html[data-tema="escuro"] body[data-modo="envelopes"] .conta-tabs { background: #1e293b; }
html[data-tema="escuro"] body[data-modo="envelopes"] .conta-tabs button { color: #94a3b8; }
html[data-tema="escuro"] body[data-modo="envelopes"] .conta-tabs button.on { background: #0d1322; color: #f8fafc; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.conta-acesso .field, .conta-form .field, .conta-acesso #login-msg) { color: #cbd5e1; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.conta-lead, .conta-acesso-marca p, .senha-regra) { color: #94a3b8; }
html[data-tema="escuro"] body[data-modo="envelopes"] :is(.conta-acesso .btn-ghost, .conta-form .btn-ghost) { background: #0d1322; color: #e2e8f0; border-color: rgba(255, 255, 255, 0.16); }
html[data-tema="escuro"] body[data-modo="envelopes"] .aceite a { color: #a5b4fc; }

/* Locais de assinatura no documento */
html[data-tema="escuro"] body[data-modo="envelopes"] .flow-locais, html[data-tema="escuro"] body[data-modo="envelopes"] .flow-locais .locais-barra :is(select, button), html[data-tema="escuro"] body[data-modo="envelopes"] .flow-locais .local-tirar { background: #0d1322; border-color: rgba(255, 255, 255, 0.16); color: #e2e8f0; }
html[data-tema="escuro"] body[data-modo="envelopes"] .flow-locais > summary, html[data-tema="escuro"] body[data-modo="envelopes"] .flow-locais .locais-lista { color: #cbd5e1; }
html[data-tema="escuro"] body[data-modo="envelopes"] .flow-locais :is(.locais-barra, .locais-aviso) { color: #94a3b8; }

/* Janelas (modais) */
html[data-tema="escuro"] body[data-modo="envelopes"] dialog { background: #0d1322; color: #e2e8f0; }

@media (prefers-color-scheme: dark) {

html:not([data-tema="claro"]) body[data-modo="envelopes"] { color-scheme: dark; color: #e2e8f0;
  background: radial-gradient(900px 420px at 8% -8%, rgba(79, 70, 229, 0.16), transparent 58%),
              radial-gradient(720px 380px at 100% 0%, rgba(217, 154, 33, 0.08), transparent 52%), #060911; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-top { background: #030712; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-header { background: rgba(11, 15, 25, 0.94); border-bottom-color: rgba(255, 255, 255, 0.08); }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-mps { color: #e2e8f0; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-tag { color: #94a3b8; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-link { color: #cbd5e1; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-link:hover { color: #a5b4fc; background: rgba(99, 102, 241, 0.15); }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-pill-soft { background: rgba(99, 102, 241, 0.15); color: #c7d2fe; border-color: rgba(129, 140, 248, 0.35); }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-pill-ghost { background: #0d1322; color: #e2e8f0; border-color: rgba(255, 255, 255, 0.16); }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-symbol { background: #fff; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] h1, html:not([data-tema="claro"]) body[data-modo="envelopes"] h2, html:not([data-tema="claro"]) body[data-modo="envelopes"] h3, html:not([data-tema="claro"]) body[data-modo="envelopes"] h4 { color: #f8fafc; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-foot { background: #0b0f19; color: #94a3b8; border-color: rgba(255, 255, 255, 0.08); }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .suite-foot a { color: #a5b4fc; }

/* Superfícies */
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.bg-white, .bg-slate-50, .bg-gray-50) { background-color: #0d1322 !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .bg-slate-50\/50 { background-color: rgba(30, 41, 59, 0.35) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.bg-slate-100, .bg-gray-100) { background-color: #1e293b !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .bg-white.rounded-2xl, html:not([data-tema="claro"]) body[data-modo="envelopes"] .bg-white.rounded-3xl { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.bg-blue-50, .bg-indigo-50, .bg-sky-50) { background-color: rgba(99, 102, 241, 0.12) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .bg-indigo-100 { background-color: rgba(99, 102, 241, 0.22) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50) { background-color: rgba(16, 185, 129, 0.14) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.bg-amber-50, .bg-amber-100, .bg-yellow-50) { background-color: rgba(217, 154, 33, 0.14) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.bg-rose-50, .bg-red-50) { background-color: rgba(244, 63, 94, 0.12) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.bg-purple-50, .bg-violet-50) { background-color: rgba(168, 85, 247, 0.12) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.hover\:bg-slate-50, .hover\:bg-slate-100):hover { background-color: #1e293b !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .hover\:bg-rose-50:hover { background-color: rgba(244, 63, 94, 0.12) !important; }

/* Textos */
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-slate-900, .text-slate-800, .text-gray-900, .text-gray-800) { color: #f8fafc !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-slate-700, .text-gray-700) { color: #e2e8f0 !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-slate-600, .text-gray-600) { color: #cbd5e1 !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-slate-500, .text-gray-500) { color: #94a3b8 !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-slate-400, .text-gray-400) { color: #7c8aa0 !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700, .text-sky-700) { color: #a5b4fc !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-emerald-700, .text-emerald-800, .text-green-700) { color: #6ee7b7 !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-amber-700, .text-amber-800) { color: #fcd34d !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-rose-600, .text-rose-700, .text-red-600) { color: #fda4af !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.text-purple-700, .text-violet-700) { color: #d8b4fe !important; }

/* Bordas */
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.border-slate-100, .border-slate-200, .border-gray-200) { border-color: rgba(255, 255, 255, 0.08) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.border-slate-300, .border-gray-300) { border-color: rgba(255, 255, 255, 0.16) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.border-blue-200, .border-indigo-100, .border-indigo-200) { border-color: rgba(129, 140, 248, 0.3) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .border-amber-200 { border-color: rgba(217, 154, 33, 0.35) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .border-emerald-200 { border-color: rgba(16, 185, 129, 0.35) !important; }

/* Campos */
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  background-color: #070a12 !important; color: #f8fafc !important; border-color: rgba(255, 255, 255, 0.16) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(input, textarea)::placeholder { color: #64748b; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] #flow-acoes .acao-linha { color: #cbd5e1; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .acao-btn-claro { background: #0d1322 !important; color: #e2e8f0 !important; border-color: rgba(255, 255, 255, 0.16) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .acao-btn-perigo { background: #0d1322 !important; color: #fda4af !important; border-color: rgba(244, 63, 94, 0.35) !important; }

/* Abas (Envelopes / Carimbo de tempo) e botões claros */
html:not([data-tema="claro"]) body[data-modo="envelopes"] .tab-btn:not(.bg-blue-600) { background: #0d1322 !important; color: #e2e8f0 !important; border-color: rgba(255, 255, 255, 0.16) !important; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] button.border-slate-300:not(.tab-btn):not([class*="bg-blue"]):not([class*="bg-indigo"]) { color: #e2e8f0; }

/* Entrar / Cadastrar */
html:not([data-tema="claro"]) body[data-modo="envelopes"] .conta-tabs { background: #1e293b; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .conta-tabs button { color: #94a3b8; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .conta-tabs button.on { background: #0d1322; color: #f8fafc; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.conta-acesso .field, .conta-form .field, .conta-acesso #login-msg) { color: #cbd5e1; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.conta-lead, .conta-acesso-marca p, .senha-regra) { color: #94a3b8; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] :is(.conta-acesso .btn-ghost, .conta-form .btn-ghost) { background: #0d1322; color: #e2e8f0; border-color: rgba(255, 255, 255, 0.16); }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .aceite a { color: #a5b4fc; }

/* Locais de assinatura no documento */
html:not([data-tema="claro"]) body[data-modo="envelopes"] .flow-locais, html:not([data-tema="claro"]) body[data-modo="envelopes"] .flow-locais .locais-barra :is(select, button), html:not([data-tema="claro"]) body[data-modo="envelopes"] .flow-locais .local-tirar { background: #0d1322; border-color: rgba(255, 255, 255, 0.16); color: #e2e8f0; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .flow-locais > summary, html:not([data-tema="claro"]) body[data-modo="envelopes"] .flow-locais .locais-lista { color: #cbd5e1; }
html:not([data-tema="claro"]) body[data-modo="envelopes"] .flow-locais :is(.locais-barra, .locais-aviso) { color: #94a3b8; }

/* Janelas (modais) */
html:not([data-tema="claro"]) body[data-modo="envelopes"] dialog { background: #0d1322; color: #e2e8f0; }
}