/* JSE 2026 | camada visual única de acabamento, sem alterar integrações */
:root{--jse2026-bg:#060e1c;--jse2026-surface:#0b1e37;--jse2026-card:#102b4d;--jse2026-blue:#087dff;--jse2026-cyan:#23c5ff;--jse2026-border:#22547d;--jse2026-ink:#f1f8ff;--jse2026-muted:#b0c5dc;color-scheme:dark}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 85% -10%,#103865 0,transparent 38%),#060e1c!important;color:var(--jse2026-ink)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
body::before{pointer-events:none}header{background:linear-gradient(90deg,#050b16,#0b203b)!important;border-bottom:1px solid #1765a1!important;box-shadow:0 3px 24px #00152c99!important}header img{object-fit:contain}main{width:100%;max-width:1580px!important}
.panel,.card,.metric,.edit-box,.store-card,.jd-stat,.jd-panel,.jse-service-card{background:linear-gradient(135deg,#0e2039,#112d50)!important;border:1px solid #22537c!important;box-shadow:0 10px 30px #0005,inset 0 1px #ffffff09!important;border-radius:15px!important}
.panel,.edit-box{overflow-wrap:anywhere}h1,h2,h3,h4{color:#f4f9ff!important}h2{font-size:clamp(1.25rem,2.1vw,1.9rem)!important}p,.muted,small{color:#b9cce1!important}label{color:#e3f0ff!important}
button,.btn,[role=button],input[type=submit]{transition:background-color .16s,border-color .16s,transform .16s,box-shadow .16s}button:not(:disabled):hover,.btn:hover{box-shadow:0 0 0 1px #1b9cff55,0 5px 18px #087dff30!important}button:disabled{opacity:.55;cursor:not-allowed!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #41c7ff!important;outline-offset:2px!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;background:#09192c!important;color:#f6faff!important;border-color:#315b80!important}input::placeholder,textarea::placeholder{color:#b3c3d7!important}a{color:#70c8ff}a:hover{color:#b9e9ff!important}
.scroll{overflow-x:auto;max-width:100%;border-radius:12px}table{width:100%;border-collapse:collapse}th{background:#0c2948!important;color:#b8e8ff!important}td{background:transparent!important;color:#edf6ff!important}tr:hover td{background:#123457!important}
.metric strong{color:#fff!important}.notice{border-left:3px solid #2caeff!important;background:#112e4b!important;color:#f3faff!important}
body.jse-modern-admin #tabs{background:linear-gradient(180deg,#050c19,#091a30)!important;border:1px solid #1a4167!important;box-shadow:0 12px 32px #0005!important}
body.jse-modern-admin #tabs button,body.jse-modern-admin #tabs a{border-radius:9px!important;text-decoration:none!important;color:#d7e9ff!important;font-weight:600!important}
body.jse-modern-admin #tabs button.active,body.jse-modern-admin #tabs button[aria-current=page]{background:linear-gradient(100deg,#0757d4,#079fff)!important;color:#fff!important;border-color:#198af8!important;box-shadow:0 5px 14px #006dff36!important}
body.jse-modern-admin #tabs a{display:block;padding:11px 13px!important;background:transparent!important;color:#d7e9ff!important}
body.jse-modern-admin #tabs a:hover{background:#123c68!important}
body.jse-modern-admin #jse-command input{border:1px solid #247bb7!important;background:#0b2038!important}
.jd-stat,.metric{border-top:2px solid #138aff!important}.jd-panel{overflow:hidden}.jd-sub{color:#b9d0e9!important}
.jse2026-skip{position:fixed;left:12px;top:-100px;z-index:9999;background:#fff;color:#061b35;padding:12px 18px;border-radius:9px}.jse2026-skip:focus{top:10px;color:#061b35!important}
.jse2026-status{font-size:12px;color:#9bbad4;padding:4px 0;margin:0 0 12px}.jse2026-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32b6ff;margin-right:7px}
@media(min-width:1101px){body.jse-modern-admin #app:not(.hidden){grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;gap:22px!important}body.jse-modern-admin #tabs{top:12px!important;max-height:calc(100dvh - 24px)!important}body.jse-modern-admin #app > :not(#tabs){min-width:0}}
@media(max-width:1100px){body.jse-modern-admin #tabs{max-height:70dvh;overflow-y:auto!important}body.jse-modern-admin #jse-menu-toggle{min-height:44px!important}main{padding:0 16px!important}}
@media(max-width:700px){header{gap:10px!important}header>div{max-width:100%;flex-wrap:wrap!important}main{padding:0 12px!important}.panel{padding:16px!important}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important}button,input,select,textarea{min-height:42px}#tabs button{min-height:44px!important}th,td{padding:10px 9px!important}header .brand img{max-width:200px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
