/* JSE Rastreamento — painel responsivo 2026. Preserva a logomarca original. */
:root{--jse-bg:#081321;--jse-panel:#101f33;--jse-border:#253b55;--jse-accent:#268fe0;--jse-text:#eaf4ff;--jse-muted:#a7bdd5}
html{background:var(--jse-bg)}body{background:radial-gradient(circle at 80% -10%,#153d65 0,transparent 34%),var(--jse-bg)!important;color:var(--jse-text)!important;min-height:100vh;font-family:Inter,system-ui,Arial,sans-serif!important}
body>header{background:#07101df2!important;border-bottom:1px solid var(--jse-border)!important;position:sticky;top:0;z-index:30;min-height:76px;padding:12px clamp(16px,3vw,40px)!important;box-shadow:0 8px 32px #0003;gap:16px}
header .brand img{width:clamp(150px,18vw,215px)!important;max-height:60px;object-fit:contain}
header>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}header a,header button{border:1px solid #304c6b!important;border-radius:10px!important;padding:10px 13px!important;background:#152941!important;color:#e7f3ff!important;text-decoration:none!important;font-size:13px!important}header a:hover,header button:hover{background:#214669!important}
body>main{max-width:1600px!important;margin:0 auto!important;padding:clamp(14px,2vw,30px)!important}
.panel{background:linear-gradient(150deg,#14253a,#101c2d)!important;color:#eaf4ff!important;border:1px solid var(--jse-border);border-radius:18px!important;box-shadow:0 12px 40px #0002!important}
#setup,#login{max-width:520px;margin:7vh auto;padding:clamp(22px,4vw,36px)!important}#setup h2,#login h2{font-size:27px}#setup p,#login p,.muted,small{color:var(--jse-muted)!important}
#app{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:start}#app.hidden{display:none!important}
#tabs{position:sticky;top:101px;display:flex!important;flex-direction:column;flex-wrap:nowrap!important;gap:6px!important;margin:0!important;background:#101f33;border:1px solid var(--jse-border);border-radius:18px;padding:16px;max-height:calc(100vh - 125px);overflow-y:auto}
#tabs:before{content:'MENU PRINCIPAL';font-size:10px;letter-spacing:2px;color:#7c9cbb;padding:8px 12px 14px;font-weight:800}
#tabs button,#tabs a{display:block;text-align:left!important;width:100%;border-radius:10px!important;background:transparent!important;color:#b7cce0!important;padding:12px 14px!important;border:1px solid transparent!important;font-size:13px!important;text-decoration:none!important;font-weight:600}
#tabs button:hover,#tabs a:hover{background:#1b344e!important;color:white!important}#tabs button.active{background:linear-gradient(100deg,#135ea4,#167dcb)!important;color:white!important;box-shadow:0 5px 18px #137bd13d}
#content{min-width:0;min-height:440px;padding:clamp(18px,2.3vw,30px)!important}#content h2{font-size:clamp(22px,2.5vw,30px);margin:0 0 18px}
.metric{background:#162e48!important;border:1px solid #2b4968;border-radius:16px!important;color:#c6dbed;padding:22px!important}.metric strong{color:#73c8ff!important;font-size:clamp(26px,3vw,37px)!important;margin-top:10px}
input,select,textarea{background:#0c1a2b!important;color:#eef7ff!important;border:1px solid #35516d!important;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #258de0;outline-offset:1px}input::placeholder{color:#91a9c0}label{color:#c6daed}button{border-radius:10px!important}#content button,#login button,#setup button{background:#176eaf;color:#fff;padding:11px 16px}#content button.secondary{background:#203e5d;color:#e7f4ff}#content button.danger{background:#a32d43}
.store-card,.edit-box,.notice{background:#152a40!important;color:#dceaff!important;border:1px solid #2e4c6a!important;border-radius:14px!important}.notice{background:#273145!important}
th{background:#1a344e!important;color:#d4e9fb!important}td{color:#d5e4f3!important;border-bottom-color:#2a425b!important}table{min-width:540px}details{background:#11253a;border:1px solid #294660;border-radius:12px;padding:14px;margin:12px 0}summary{cursor:pointer}
.jse-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.jse-service-card{background:#152b44;border:1px solid #30516f;border-radius:18px;padding:24px}.jse-service-card h3{font-size:19px;margin:12px 0}.jse-service-card p{color:#a9c2d8;line-height:1.55}.jse-service-icon{font-size:29px}.jse-switch-row{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#0b1c30}.jse-switch-row input{width:22px!important;height:22px;margin:0;accent-color:#2196e8}
#serviceFeedback{min-height:24px;color:#83d8bd}#message{color:#f8c2ca!important}
@media(max-width:1050px){#app{grid-template-columns:190px minmax(0,1fr);gap:13px}#tabs{padding:9px}#tabs button,#tabs a{font-size:12px!important;padding:11px!important}}
@media(max-width:760px){body>header{position:relative;flex-direction:column;align-items:stretch;gap:10px}header .brand img{width:175px!important}header>div{justify-content:flex-start}body>main{padding:12px!important}#app{display:block}#tabs{position:static;max-height:none;flex-direction:row!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;margin:0 0 12px!important;border-radius:14px}#tabs:before{display:none}#tabs button,#tabs a{width:auto!important;flex:none;padding:10px 12px!important}#content{padding:17px!important}.jse-service-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important}}
@media(max-width:440px){header>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}header>div a,header>div button{text-align:center;font-size:11px!important;padding:9px!important}#content{padding:14px!important}.metric{padding:15px!important}#login,#setup{margin:20px auto}}