/* JSE 2026 — layout aprovado: camada final, sem substituir logica existente */
:root{--jse-bg:#050b19;--jse-surface:#0b1730;--jse-surface2:#102344;--jse-border:#1d4168;--jse-text:#eef7ff;--jse-muted:#9cb5d0;--jse-blue:#159dff;--jse-glow:rgba(14,151,255,.20);color-scheme:dark}
html[data-jse-theme="light"],html[data-theme="light"],body[data-theme="light"]{--jse-bg:#edf4fc;--jse-surface:#fff;--jse-surface2:#e9f3ff;--jse-border:#bed4e8;--jse-text:#15283e;--jse-muted:#526d88;--jse-blue:#0877c8;--jse-glow:rgba(14,151,255,.10);color-scheme:light}
html{scroll-behavior:smooth}body{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 header{background:#071225!important;color:#eef7ff!important;border-bottom:1px solid #19446b!important;box-shadow:0 8px 30px #0002!important}body header a{color:#d8ebff}body header img{max-height:65px;object-fit:contain}
body main{max-width:1500px!important}body .panel,body .card,body .metric,body .edit-box,body .store-card,body .jse-card,body .stat-card{background:var(--jse-surface)!important;color:var(--jse-text)!important;border:1px solid var(--jse-border)!important;border-radius:17px!important;box-shadow:0 6px 24px #0002!important}
body .metric,body .stat-card{background:linear-gradient(135deg,var(--jse-surface2),var(--jse-surface))!important;box-shadow:inset 0 1px #ffffff12,0 8px 28px var(--jse-glow)!important}
body .metric strong,body .stat-card strong{color:var(--jse-blue)!important}
body h1,body h2,body h3,body h4,body label,body strong{color:var(--jse-text)}body .muted,body small,body .subtitle{color:var(--jse-muted)!important}
body input:not([type=checkbox]):not([type=radio]),body select,body textarea{background:var(--jse-surface2)!important;color:var(--jse-text)!important;border:1px solid var(--jse-border)!important;border-radius:10px!important;min-height:42px}body input::placeholder,body textarea::placeholder{color:var(--jse-muted)!important}body input:focus-visible,body button:focus-visible,body a:focus-visible,body select:focus-visible{outline:2px solid var(--jse-blue)!important;outline-offset:2px}
body button:not(.jse-theme-choice),body .cta,body .btn{border-radius:10px!important;transition:background .15s,transform .15s,box-shadow .15s}body button:hover{filter:brightness(1.13)}body button:active{transform:translateY(1px)}body button:not(.secondary):not(.danger):not([data-tab]){background:#087bc7;color:#fff}
body table{width:100%;border-collapse:separate;border-spacing:0}body th{background:var(--jse-surface2)!important;color:var(--jse-text)!important}body td{color:var(--jse-text)!important}body td,body th{border-bottom:1px solid var(--jse-border)!important}body .scroll{overflow-x:auto;max-width:100%}body a{color:var(--jse-blue)}body .pill{background:var(--jse-surface2)!important;color:var(--jse-blue)!important}
/* Tela administrativa: sidebar verdadeiro preservando os botoes e data-tab */
body.jse-admin-page #app:not(.hidden){display:grid!important;grid-template-columns:246px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:16px 22px;align-items:start;min-width:0}
body.jse-admin-page #app:not(.hidden)>#tabs{grid-column:1;grid-row:1 / span 3;position:sticky;top:18px;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:5px!important;align-self:start;max-height:calc(100vh - 36px);overflow-y:auto;padding:20px 12px!important;background:#08152b!important;border:1px solid #1d4168;border-radius:18px;box-shadow:0 10px 30px #0004;min-width:0}
body.jse-admin-page #tabs::before{content:'JSE RASTREAMENTO';display:block;color:#e7f4ff;font-size:14px;font-weight:800;letter-spacing:.09em;padding:7px 12px 16px;border-bottom:1px solid #22466d;margin-bottom:8px}
body.jse-admin-page #tabs button,body.jse-admin-page #tabs a{display:flex!important;align-items:center;min-height:41px;width:100%;padding:10px 12px!important;text-align:left!important;justify-content:flex-start!important;border:1px solid transparent!important;background:transparent!important;color:#b6cce4!important;text-decoration:none!important;border-radius:10px!important;font-size:13px!important;white-space:normal}
body.jse-admin-page #tabs button:hover,body.jse-admin-page #tabs a:hover{background:#102d50!important;color:#fff!important}
body.jse-admin-page #tabs button.active{background:linear-gradient(90deg,#0b77c8,#0a3b71)!important;border-color:#1b8be5!important;color:#fff!important;box-shadow:0 0 16px #008fff35}
body.jse-admin-page #app:not(.hidden)>.jse-admin-shortcuts{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
body.jse-admin-page #app:not(.hidden)>.jse-command{grid-column:2;grid-row:2;min-width:0;background:var(--jse-surface);padding:14px;border:1px solid var(--jse-border);border-radius:15px}
body.jse-admin-page #app:not(.hidden)>#content{grid-column:2;grid-row:3;min-width:0;margin:0}
body.jse-admin-page #app:not(.hidden)>#jse-menu-toggle{display:none!important}
body.jse-admin-page .jse-admin-shortcuts a{background:#0c3057!important;color:#c9eaff!important;border:1px solid #205c92!important;border-radius:10px;padding:10px 12px;text-decoration:none}
body.jse-admin-page #content .grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
/* Demais telas seguem a mesma linguagem visual */
body:not(.jse-admin-page) .hero{border-radius:20px;background:linear-gradient(125deg,#07162c,#0d3155)!important;color:#fff;box-shadow:0 16px 42px #0003}
body:not(.jse-admin-page) nav a,body:not(.jse-admin-page) nav button{border-radius:11px}
/* Acessibilidade e dispositivos */
@media(max-width:980px){body.jse-admin-page #app:not(.hidden){display:flex!important;flex-direction:column;gap:12px}body.jse-admin-page #app:not(.hidden)>#tabs{position:static;max-height:none;width:100%;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;padding:10px!important;overflow:visible}body.jse-admin-page #tabs::before{width:100%;padding:6px 10px}body.jse-admin-page #tabs button,body.jse-admin-page #tabs a{width:auto!important;min-width:120px;flex:1 1 140px}body.jse-admin-page #app:not(.hidden)>#content,body.jse-admin-page #app:not(.hidden)>.jse-command,body.jse-admin-page #app:not(.hidden)>.jse-admin-shortcuts{width:100%}body main{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:620px){body .panel,body .card{padding:15px!important}body.jse-admin-page #tabs button,body.jse-admin-page #tabs a{flex:1 1 calc(50% - 10px);font-size:12px!important}body table{font-size:12px}body header{padding:12px!important}body .grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}