/* E-Klase Plus – kopīgie stili. Krāsas maini tikai šeit (:root). */
:root{
  --bg:#0f1115; --panel:#161a22; --panel-2:#1f2539; --line:rgba(255,255,255,.08);
  --text:#f6f7f7; --muted:#9aa3b5;
  --brand:#6b8dff; --brand-hover:#8aa6ff; --ink:#0f1115; --lime:#e2fd92;
  --pad:clamp(18px,4vw,64px);
  --font:"Segoe UI Variable Display","Segoe UI",Inter,system-ui,-apple-system,Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{color-scheme:dark;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font);min-height:100vh}
a{color:inherit}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}

header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--pad);padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--panel);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:36px;width:auto;display:block}
nav a{color:var(--muted);text-decoration:none;font-weight:500}
nav a:hover{color:var(--text)}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7em 1.3em;border-radius:10px;border:1px solid transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.btn.p{background:var(--brand);color:var(--ink)}
.btn.p:hover{background:var(--brand-hover)}
.btn.s{background:transparent;border-color:rgba(255,255,255,.18);color:var(--text)}
.btn.s:hover{border-color:var(--brand)}

footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:20px var(--pad) calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}
footer a{color:var(--text)}

/* Mīksti pārejas efekti (hover/fokuss) */
.btn,nav a,footer a,.link,select,.logo{transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}
.logo:hover{opacity:.85}

/* Instalēšanas lapa: saturs parādās mīksti, kad mainās instrukcija vai poga */
@keyframes fade-in{from{opacity:0}to{opacity:1}}
#g-body,#msg,#install,#or,#pick{animation:fade-in .25s ease}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}