/* Camada visual JSTEAM: usa as variáveis do tema existente e preserva sua alternância. */
:root{--r:18px;--r-sm:12px;--float:0 8px 32px rgba(17,9,13,.12)}
body{font-family:var(--sans);letter-spacing:-.012em}
nav{border-right:1px solid var(--line)!important;box-shadow:8px 0 28px rgba(0,0,0,.06)}
nav h1{letter-spacing:.09em}
nav .grp{letter-spacing:.11em;text-transform:uppercase;font-size:10px}
nav button[data-v]{border-radius:12px!important;margin:2px 8px!important;transition:background .18s,transform .18s}
nav button[data-v]:hover{transform:translateX(2px)}
.top{backdrop-filter:blur(16px);border-bottom:1px solid var(--line)!important}
.kpi2,.dpanel,.panel,.card,.row,.funnel-card,table,.notif,.results,dialog,.drawer,.answer,.doc{border-radius:var(--r)!important;box-shadow:var(--float)!important}
.btn{border-radius:11px!important;font-weight:700;transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--amber)!important;outline-offset:2px}
[data-theme="dark"] .kpi2,[data-theme="dark"] .dpanel,[data-theme="dark"] .panel,[data-theme="dark"] .card,[data-theme="dark"] .row,[data-theme="dark"] .funnel-card,[data-theme="dark"] table,[data-theme="dark"] .notif,[data-theme="dark"] .results,[data-theme="dark"] dialog,[data-theme="dark"] .drawer,[data-theme="dark"] .answer,[data-theme="dark"] .doc{background:var(--white)!important;border-color:var(--line)!important}
[data-theme="dark"] th{background:var(--line-2)!important;color:var(--ink)!important}
[data-theme="dark"] .btn.ghost{background:var(--line-2)!important;border-color:var(--line)!important;color:var(--ink)!important}
[data-theme="dark"] .btn:not(.ghost):not(.quiet):not(.danger):not(.ia):not(.google){background:var(--lime)!important;color:#fff!important}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
.jaks-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;margin:4px 0 20px;background:linear-gradient(120deg,#1c1318,#49232f);color:#faf6f4;border-radius:22px;box-shadow:0 18px 36px rgba(22,8,14,.2)}
.jaks-hero h3{font:600 clamp(24px,3vw,34px) var(--serif);margin:6px 0}
.jaks-hero p{color:#e1cdd1;margin:0}
.jaks-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f3beac;font-weight:800}
.jaks-material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.jaks-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}.jaks-status-grid .panel{display:flex;flex-direction:column;gap:4px}.jaks-status-grid b{font:600 28px var(--serif)}.jaks-status-grid span{font-size:12px;color:var(--muted)}.jaks-section-title{margin:24px 0 12px}.jaks-send-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.jaks-send-row:last-child{border:0}.jaks-send-row span{color:var(--muted)}
.jaks-material-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--float);display:flex;flex-direction:column;gap:10px}
.jaks-material-card h4{font-size:18px;margin:2px 0}.jaks-material-card p{color:var(--muted);line-height:1.5;min-height:42px}
.jaks-card-head,.jaks-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jaks-card-actions{margin-top:auto;padding-top:10px}
.jaks-off{opacity:.5}.jaks-dialog{max-width:600px;width:min(94vw,600px);padding:26px;border:1px solid var(--line);background:var(--white);color:var(--ink)}
.jaks-dialog::backdrop{background:rgba(8,5,8,.7);backdrop-filter:blur(3px)}
.jaks-dialog h3{font:600 26px var(--serif)}.jaks-dialog p{line-height:1.5;margin:11px 0}
.jaks-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jaks-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.jaks-form label:nth-child(3),.jaks-form label:nth-child(8),.jaks-form .acts,.jaks-form p{grid-column:1/-1}.jaks-form input,.jaks-form textarea{width:100%}
@media(max-width:680px){.jaks-hero{flex-direction:column;align-items:flex-start;padding:20px}.jaks-status-grid{grid-template-columns:1fr}.jaks-send-row{flex-direction:column}.jaks-form{grid-template-columns:1fr}.jaks-form label{grid-column:1/-1}.jaks-dialog{max-height:90vh;overflow:auto}}