/* JARVIS skin shared by every in-app page (loaded after each page's own styles, so these tokens win). */
:root{
  --ink:#020a12; --panel:rgba(3,20,33,.86); --panel-2:rgba(79,216,255,.06); --line:rgba(79,216,255,.26);
  --text:#dcf7ff; --muted:#80b6cb; --sun:#4fd8ff; --sun-ink:#001521; --ok:#5bffc8; --up:#5bffc8; --warn:#ffc857; --err:#ff4d64; --down:#ff4d64;
  --link:#7fe7ff; --code-bg:#010a12;
  --f-display:"Orbitron","Arial Black",system-ui,sans-serif; --f-body:"Rajdhani",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --f-mono:"Share Tech Mono",ui-monospace,Menlo,Consolas,monospace;
}
html{background:#020a12}
body{background:radial-gradient(ellipse at 50% -10%,#06304c 0,#031627 38%,#020a12 75%) fixed!important;font-size:16px;letter-spacing:.01em}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,rgba(79,216,255,.035) 0 1px,transparent 1px 3px)}
h1,h2,h3{text-shadow:0 0 10px rgba(79,216,255,.45)}
h1{letter-spacing:.12em!important;text-transform:uppercase}
h1 span{color:var(--sun)!important}
::selection{background:rgba(79,216,255,.35)}
a{color:var(--link)}
:focus-visible{outline-color:var(--sun)!important}
/* panels and cards: squared glass with a cyan glow */
.card,.panel,.file,.ev,.done,.row,.item,.tile,.stat,.box,.q,.option,.choice,.deck,.exam,.day,.event,.quote,.empty,.note,.step,.tabs .tab,section.card{border-radius:4px!important}
.card,.panel,.file,.tile,.box,.deck,.exam{box-shadow:inset 0 0 22px rgba(79,216,255,.06),0 0 18px rgba(0,140,220,.12)}
.card,.file,.ev,.row,.item,.tile{border-color:var(--line)!important}
.card:hover,.file:hover,.row:hover,.item:hover,.tile:hover{border-color:var(--sun)!important;box-shadow:0 0 14px rgba(79,216,255,.25)}
/* buttons */
button,.btn,input,select,textarea{border-radius:4px!important}
.btn.primary,button.primary,.btn.approve,.tab[aria-selected="true"],[aria-pressed="true"].tab{background:var(--sun)!important;color:var(--sun-ink)!important;box-shadow:0 0 14px rgba(79,216,255,.45);text-transform:uppercase;letter-spacing:.06em}
.btn.reject,.btn.danger{color:var(--err)!important}
input,select,textarea{background:rgba(0,10,20,.7)!important;border-color:var(--line)!important;color:var(--text)!important}
input:focus,select:focus,textarea:focus{border-color:var(--sun)!important;box-shadow:0 0 10px rgba(79,216,255,.3);outline:none}
/* small caps labels read like HUD readouts */
.sub,.eyebrow,.label,.section-label,small,time{font-family:var(--f-mono)}
.pill,.chip,.badge,.tag{border-radius:3px!important;text-transform:uppercase;letter-spacing:.05em}
/* corner brackets on the page frame */
body::before{content:"";position:fixed;inset:6px;pointer-events:none;z-index:49;
  background:linear-gradient(var(--sun),var(--sun)) top left/26px 2px no-repeat,linear-gradient(var(--sun),var(--sun)) top left/2px 26px no-repeat,
  linear-gradient(var(--sun),var(--sun)) top right/26px 2px no-repeat,linear-gradient(var(--sun),var(--sun)) top right/2px 26px no-repeat,
  linear-gradient(var(--sun),var(--sun)) bottom left/26px 2px no-repeat,linear-gradient(var(--sun),var(--sun)) bottom left/2px 26px no-repeat,
  linear-gradient(var(--sun),var(--sun)) bottom right/26px 2px no-repeat,linear-gradient(var(--sun),var(--sun)) bottom right/2px 26px no-repeat;
  opacity:.55;filter:drop-shadow(0 0 4px rgba(79,216,255,.9))}