/* Tema moderno compartilhado (carregado por último em todas as páginas) */
body{background:radial-gradient(1100px 600px at 8% -10%,rgba(74,54,181,.28),transparent 60%),radial-gradient(900px 500px at 105% 10%,rgba(242,114,33,.14),transparent 55%),#05050A!important;background-attachment:fixed}
.card,.glass-panel{background:linear-gradient(145deg,rgba(28,28,38,.78),rgba(14,14,20,.78))!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:18px!important;backdrop-filter:blur(14px);box-shadow:0 10px 40px -12px rgba(0,0,0,.6);transition:border-color .25s,transform .25s}
.card:hover{border-color:rgba(122,99,241,.4)!important}
.inp,.input-premium{background:#0b0b12!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;transition:border-color .2s,box-shadow .2s}
.inp:focus,.input-premium:focus{border-color:#7a63f1!important;box-shadow:0 0 0 3px rgba(122,99,241,.25)!important}
button,a.rounded-lg,.rb{transition:transform .15s,filter .2s,background-color .2s}
button:not(:disabled):hover{filter:brightness(1.12)}button:not(:disabled):active{transform:scale(.97)}
h1{letter-spacing:-.02em}
main,.max-w-4xl,.max-w-3xl,.max-w-\[1400px\],.max-w-\[1300px\],.max-w-\[1500px\],.max-w-\[1600px\]{animation:fin .45s ease both}
@keyframes fin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
table tbody tr:hover{background:rgba(255,255,255,.035)}
::selection{background:#f27221;color:#fff}

/* Botão de tema */
.btn-tema{color:#cbd5e1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600}
.btn-tema:hover{background:rgba(255,255,255,.12);color:#fff}

/* ===== MODO CLARO ===== */
html.light body{background:radial-gradient(1100px 600px at 8% -10%,rgba(122,99,241,.14),transparent 60%),radial-gradient(900px 500px at 105% 10%,rgba(242,114,33,.10),transparent 55%),#f4f5fa!important;color:#1e293b}
html.light aside{background:#fff!important;border-color:rgba(15,23,42,.08)!important}
html.light header,html.light #nav2{background:rgba(255,255,255,.95)!important;border-color:rgba(15,23,42,.1)!important;box-shadow:0 1px 10px rgba(15,23,42,.08)}
html.light .card,html.light .glass-panel{background:#fff!important;border:1px solid rgba(15,23,42,.1)!important;box-shadow:0 6px 24px -12px rgba(15,23,42,.18)}
html.light .inp,html.light .input-premium{background:#f8fafc!important;border:1px solid rgba(15,23,42,.18)!important;color:#0f172a!important}
html.light #mb{background:#fff!important;border-color:rgba(15,23,42,.12)!important;color:#1e293b}
html.light #ov,html.light #ov.on{background:rgba(15,23,42,.45)}
html.light .text-white:not(.btn):not(.btn-or):not(.btn-ok):not(.toast){color:#0f172a!important}
html.light .text-slate-200,html.light .text-slate-300,html.light .text-gray-200,html.light .text-gray-300{color:#334155!important}
html.light .text-gray-400,html.light .text-gray-500,html.light .text-slate-400{color:#64748b!important}
html.light .lbl,html.light th,html.light .btn-ghost{color:#64748b}
html.light .btn-ghost:hover{color:#0f172a;background:rgba(15,23,42,.06)}
html.light .border-white\/5,html.light .border-white\/10,html.light .border-white\/20,html.light [class*="border-white"]{border-color:rgba(15,23,42,.1)!important}
html.light .bg-white\/5,html.light .bg-white\/10,html.light [class*="bg-white/"]{background-color:rgba(15,23,42,.06)!important}
html.light .bg-black\/20,html.light .bg-black\/30,html.light .bg-black\/40{background-color:rgba(15,23,42,.04)!important}
html.light .nav a{color:#475569}
html.light .nav a:hover{background:rgba(15,23,42,.06);color:#0f172a}
html.light .nav a.on{color:#fff}
html.light .it{color:#1e293b}html.light .it:hover{background:rgba(15,23,42,.05)}
html.light .it.on{background:rgba(122,99,241,.15);color:#1e293b}
html.light .rb{color:#334155;border-color:rgba(15,23,42,.2)}
html.light .rb.s-ok,html.light .rb.s-bad,html.light .rb.s-na{color:#fff}
html.light .step{background:#fff;color:#334155}
html.light .step.done,html.light .step.cur{color:#fff}
html.light .p-ok{color:#047857}html.light .p-wa{color:#a16207}html.light .p-bad{color:#b91c1c}html.light .p-gr{color:#475569}
html.light table tbody tr:hover{background:rgba(15,23,42,.04)}
html.light .fto{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.12)}
html.light .btn-tema{color:#334155;background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.12)}
html.light .btn-tema:hover{background:rgba(15,23,42,.1);color:#0f172a}
html.light #quem{color:#0f172a!important}

/* Modo claro: correções de contraste */
html.light .btn.btn-ghost,html.light .btn.btn-ghost:hover{color:#fff!important}
html.light .text-emerald-200,html.light .text-emerald-300,html.light .text-emerald-400{color:#047857!important}
html.light .text-red-200,html.light .text-red-300,html.light .text-red-400{color:#b91c1c!important}
html.light .text-yellow-200,html.light .text-yellow-300,html.light .text-yellow-400{color:#a16207!important}
html.light .text-blue-300,html.light .text-blue-400{color:#1d4ed8!important}
html.light .bg-emerald-500\/20{background-color:rgba(16,185,129,.14)!important}
html.light .bg-red-500\/20{background-color:rgba(239,68,68,.12)!important}
html.light .bg-yellow-500\/20{background-color:rgba(234,179,8,.16)!important}
html.light .lnk{color:#4a36b5}html.light .lnk.red{color:#b91c1c}html.light .lnk.y{color:#a16207}html.light .lnk.g{color:#047857}
html.light .btn-tema .fa-circle-half-stroke{color:inherit}
html.light #nav2 a{color:#475569}html.light #nav2 a.on{color:#fff}