/* JSE | Novo padrão visual inspirado na referência enviada. Sem alterações em Auth/API. */
:root{--jse-bg:#0d141d;--jse-sidebar:#0a0f17;--jse-panel:#1d2a3d;--jse-panel2:#23334a;--jse-accent:#168cff;--jse-text:#f2f5fb;--jse-muted:#a4b2c7;--jse-line:#2a394c;color-scheme:dark}
html{background:var(--jse-bg)!important}body,body.jse-modern-admin{background:var(--jse-bg)!important;color:var(--jse-text)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;min-height:100vh}
body::before{display:none!important}header{background:#101822!important;border-bottom:1px solid var(--jse-line)!important;box-shadow:none!important;color:#fff!important}header .brand,header b{color:#fff!important}header img{max-height:58px;object-fit:contain}
main{max-width:1500px!important;margin:28px auto!important;padding:0 24px!important}
h1,h2,h3,h4{color:#f7f9ff!important;letter-spacing:-.025em}h1{font-weight:750!important}h2{font-weight:700!important}
p,small,.muted,.subtext{color:var(--jse-muted)!important}
.panel,.card,.store-card,.metric,.edit-box,.jse-service-card,[class*=dashboard-card],[class*=stat-card]{background:linear-gradient(140deg,#1c293b,#223249)!important;color:var(--jse-text)!important;border:1px solid #2a3b52!important;border-radius:16px!important;box-shadow:0 10px 28px #00000020!important}
.panel{padding:24px!important;margin-bottom:20px!important}.metric{padding:20px!important;min-height:110px}.metric strong{color:#fff!important;font-weight:750!important;font-size:clamp(25px,3vw,36px)!important}.grid{gap:16px!important}
button,.btn,input[type=submit]{background:#168cff!important;color:#ffffff!important;border:1px solid #51aaff!important;border-radius:9px!important;font-weight:650!important;box-shadow:none!important}button:hover,.btn:hover{filter:brightness(1.1)}button.secondary,button[data-theme],button.danger{color:#fff!important}button.secondary{background:#33435a!important;border-color:#475a75!important}button.danger{background:#a92e3b!important;border-color:#c44450!important}
input,select,textarea{background:#101c2a!important;color:#f3f6fb!important;border:1px solid #42526a!important;border-radius:9px!important}input::placeholder,textarea::placeholder{color:#8e9fb5!important}input:focus,select:focus,textarea:focus{outline:2px solid #168cff!important;outline-offset:1px}
label{color:#dce6f3!important}a{color:#70baff!important}table{background:#172334!important;color:#e8effa!important}td,th{border-bottom:1px solid #344258!important;color:#e8effa!important}th{background:#24344a!important;color:#70baff!important}tr:hover td{background:#223149!important}
nav button{background:transparent!important;border:1px solid transparent!important;color:#c8d4e6!important;box-shadow:none!important;text-align:left!important}nav button:hover{background:#1c2a3d!important;color:#fff!important}nav button.active,nav button[aria-selected=true]{background:#29364a!important;color:#70baff!important;border-color:#3b4b60!important}
.notice,.pill{background:#28384e!important;color:#c2e0ff!important}.store-hero{background:linear-gradient(115deg,#111e2d,#243a53)!important}
/* Layout do painel administrativo: barra superior + navegação lateral. */
@media(min-width:1000px){body.jse-modern-admin #app:not(.hidden){display:grid!important;grid-template-columns:245px minmax(0,1fr);column-gap:24px;align-items:start}body.jse-modern-admin #tabs{grid-column:1;grid-row:1 / span 20;position:sticky;top:16px;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:16px 10px!important;background:#0b111b!important;border:1px solid #263448!important;border-radius:15px!important;max-height:calc(100vh - 32px);overflow:auto}body.jse-modern-admin #tabs button{width:100%!important;min-height:39px!important;padding:10px 13px!important;white-space:normal!important}body.jse-modern-admin #app > :not(#tabs){grid-column:2;min-width:0}}
@media(max-width:999px){main{padding:0 15px!important;margin:18px auto!important}body.jse-modern-admin #tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:8px 0 14px!important;scrollbar-width:thin}body.jse-modern-admin #tabs button{white-space:nowrap!important;flex:0 0 auto!important}.panel{padding:17px!important}}
@media(max-width:600px){header{padding:12px 15px!important}header .brand img{max-width:205px!important}.grid{grid-template-columns:1fr!important}.metric{min-height:90px}.panel{padding:15px!important}table{font-size:12px!important}}

/* JSE: azul original, sem detalhes dourados */
:root{--jse-accent:#168cff!important;--jse-primary:#168cff;--jse-gold:#168cff;accent-color:#168cff}a:hover{color:#a4d6ff!important}button:focus-visible,a:focus-visible{outline:2px solid #70baff!important;outline-offset:2px}
