/* Account-selected presentation layers (Appearance::TEMPLATES). v1 deliberately uses app.css
   unchanged. No external resource and no image reference; the decoration is presentational only and stops
   under prefers-reduced-motion. */
html[data-template="matrix"] {
  --bg:#030906; --bg-elevated:#050c08; --panel:#08110c; --panel-raised:#102518;
  --panel-hover:#12251a; --text:#d5e9da; --muted:#8aa593; --muted-strong:#a9bcb0;
  --line:#1c3927; --line-strong:#396145; --accent:#76ff98; --accent-hover:#a0ffb7;
  --accent-text:#031507; --soft:#12331e; --good:#76ff98; --warn:#ebc576;
  --radius-sm:0px; --radius:0px; --radius-lg:0px;
}
html[data-template="matrix"] body {font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:var(--bg)}
html[data-template="matrix"] .card,html[data-template="matrix"] .metric {background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:none}
html[data-template="matrix"] .shell > aside > nav a {border-radius:0;font-weight:400}
html[data-template="matrix"] .page-title h1 {font-weight:400;letter-spacing:-.055em}
html[data-template="matrix"] .page-title h1::after {content:"_";content:"_" / "";color:var(--accent)}
html[data-template="matrix"] .eyebrow {color:var(--accent);font-weight:400}
html[data-template="matrix"] .metric .value {font-weight:400}
html[data-template="matrix"] .metric .value:not(.good):not(.warn):not(.bad) {color:var(--accent)}
@media (min-width:1201px) {html[data-template="matrix"] .brand-logo {width:160px}}
html[data-template="matrix"] .shell > .workspace > header {backdrop-filter:blur(8px)}
.template-rain {position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.13;z-index:0}
html[data-template="matrix"] .shell {position:relative;z-index:1}
html[data-template="jarvis"] {
  --bg:#030b14; --bg-elevated:#061522; --panel:#0a2234; --panel-raised:#0d2c40;
  --panel-hover:#113a52; --text:#d5eaf4; --muted:#92b5c7; --muted-strong:#abd1e1;
  --line:#24536a; --line-strong:#397089; --accent:#62dfff; --accent-hover:#9bebff;
  --accent-text:#031421; --soft:#0a2b40; --good:#78e4c0; --warn:#ffbd69;
  --radius-sm:2px; --radius:2px; --radius-lg:2px;
}
html[data-template="jarvis"] body {
  background:radial-gradient(ellipse at 80% 0%,#10394b66,transparent 55%),linear-gradient(#429cbd09 1px,transparent 1px),linear-gradient(90deg,#429cbd09 1px,transparent 1px),var(--bg);
  background-size:auto,44px 44px,44px 44px,auto;
  font-family:"Segoe UI",Arial,sans-serif;
}
html[data-template="jarvis"] .shell > aside {background:linear-gradient(180deg,#061522f5,#030d17fa)}
html[data-template="jarvis"] .card,html[data-template="jarvis"] .metric {position:relative;background:linear-gradient(130deg,#0a2234f5,#051320f5);box-shadow:inset 0 0 30px #00c8ff08}
html[data-template="jarvis"] .card::before,html[data-template="jarvis"] .metric::before {content:"";position:absolute;top:-1px;left:-1px;width:16px;height:16px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);pointer-events:none}
html[data-template="jarvis"] .card::after,html[data-template="jarvis"] .metric::after {content:"";position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none}
html[data-template="jarvis"] .eyebrow,html[data-template="jarvis"] .metric-label,html[data-template="jarvis"] .nav-group-label {font-family:Consolas,"Liberation Mono",monospace;letter-spacing:.15em;color:var(--accent)}
html[data-template="jarvis"] .page-title h1 {font-weight:300;letter-spacing:-.035em}
html[data-template="jarvis"] .shell > aside > nav a {border-radius:0}
html[data-template="jarvis"] .shell > aside > nav a.active {background:linear-gradient(90deg,#0f4761aa,#0a263a44);border-color:#3683a5}
html[data-template="jarvis"] .metric .value {font-weight:300;text-shadow:0 0 22px #00c8ff40}
html[data-template="jarvis"] .dashboard-heading {padding-right:180px;position:relative;min-height:180px}
html[data-template="jarvis"] .dashboard-heading::after {content:"";position:absolute;right:8px;top:8px;width:140px;height:140px;border:1px solid #62dfff99;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 16px,#62dfff55 17px 18px,transparent 19px 24px),conic-gradient(transparent 0deg,#00c8ff44 90deg,transparent 95deg 270deg,#62dfff66 275deg,transparent 280deg);box-shadow:0 0 24px #00c8ff22,inset 0 0 30px #00c8ff22;animation:template-orbit 50s linear infinite;pointer-events:none}
@keyframes template-orbit {to{transform:rotate(360deg)}}
@media(max-width:700px){html[data-template="jarvis"] .dashboard-heading{padding-right:0;min-height:0}html[data-template="jarvis"] .dashboard-heading::after{display:none}}
@media(prefers-reduced-motion:reduce){html[data-template="jarvis"] .dashboard-heading::after{animation:none}.template-rain{display:none}}

html[data-template="matrix"] .card,html[data-template="jarvis"] .card{border-radius:var(--radius-lg)}
html[data-template="jarvis"] .metric::before,html[data-template="jarvis"] .metric::after{border-radius:0;background:transparent;filter:none;box-shadow:none}
html[data-template="jarvis"] .metric::before{right:auto}