/* JSE Rastreamento | Visual 2026 - camada visual não destrutiva */
:root{--jse-ink:#071b31;--jse-deep:#071a30;--jse-navy:#0b2b4c;--jse-blue:#0869db;--jse-electric:#1d96f3;--jse-sky:#e8f4ff;--jse-line:#dbe7f3;--jse-shadow:0 14px 36px rgba(4,31,61,.10);--jse-radius:16px}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
:where(button,input,select,textarea){font:inherit}:where(button,a,input,select,textarea):focus-visible{outline:3px solid #43b4ff!important;outline-offset:3px}
:where(button,.btn,[role=button]){transition:transform .16s ease,box-shadow .18s ease,background-color .18s ease}:where(button,.btn):not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.04)}
:where(button,.btn):disabled{cursor:not-allowed;opacity:.58}
:where(input,select,textarea){border-radius:11px;min-height:43px;max-width:100%}
:where(.card,.panel,.store-card,.stat,.tile,.feature-card){border-radius:var(--jse-radius);box-shadow:var(--jse-shadow)}
:where(h1,h2,h3){letter-spacing:-.025em;line-height:1.2}:where(h1){text-wrap:balance}
:where(.grid,.cards){gap:16px}:where(.scroll,.table-wrap){overflow-x:auto;max-width:100%}
:where(table){border-collapse:separate;border-spacing:0;width:100%}:where(th){font-weight:750}
:where(.muted,small){line-height:1.5}
body.jse-modern-home{background:linear-gradient(180deg,#f1f7fe 0%,#fff 60%)}
body.jse-modern-home :where(.hero){border-radius:0 0 30px 30px;overflow:hidden}
body.jse-modern-home :where(.card){background:linear-gradient(145deg,#fff,#f6fbff);border:1px solid #dceaf7}
body.jse-modern-portal :where(.card,.panel){border:1px solid #dceaf7}
body.jse-modern-admin :where(.panel,.card,.store-card){border:1px solid rgba(136,177,218,.22)}
body.jse-modern-admin :where(button){border-radius:10px}
body.jse-modern-admin :where(.sidebar,aside){scrollbar-width:thin}
@media(max-width:820px){:where(.grid,.cards){grid-template-columns:repeat(1,minmax(0,1fr))!important}:where(.card,.panel,.store-card){min-width:0}:where(.toolbar){flex-wrap:wrap;gap:10px}:where(.toolbar button){max-width:100%}:where(table){min-width:580px}}
@media(max-width:480px){body{font-size:15px}:where(h1){font-size:clamp(1.7rem,7vw,2.5rem)}:where(.card,.panel,.store-card){padding:16px}:where(input,select,textarea){width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}