/* POT: GLOBALNO/orodja-app/orodja.css — prijeten, preprost videz orodij */
:root{--a:#8ee3ef;--b:#0b0f1f;--p:#141b30;--t:#eaf1ff;--m:#93a3c4}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(120% 80% at 50% 0%,#16224a,#0b0f1f 62%);color:var(--t);
  font:16px/1.65 system-ui,Segoe UI,sans-serif;min-height:100vh}
.vrh{display:flex;gap:14px;align-items:center;padding:14px 18px;flex-wrap:wrap;border-bottom:1px solid #1e2745}
.blagovna{font-weight:700;letter-spacing:.02em}
.blagovna span{color:var(--a)}
.zavihki{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.zav{background:#141b30;border:1px solid #253055;color:#cfd9f2;border-radius:999px;padding:8px 15px;cursor:pointer;font:inherit;font-size:14px}
.zav.aktiven{background:var(--a);color:#08111c;border-color:var(--a);font-weight:700}
main{max-width:820px;margin:0 auto;padding:22px 18px 70px}
h1{font-size:clamp(22px,4vw,30px);margin:6px 0 8px}
.uvod{color:#b9c6e2;margin:0 0 18px;max-width:62ch}
.panel{display:none}.panel.aktiven{display:block}
.vnos{background:var(--p);border:1px solid #253055;border-radius:16px;padding:16px;margin-bottom:18px}
label{display:block;font-size:13px;color:var(--m);margin-bottom:6px}
input{background:#0d1428;border:1px solid #26325a;color:var(--t);border-radius:12px;padding:11px 13px;
  font:inherit;width:100%;max-width:320px}
button{font:inherit;cursor:pointer;border-radius:12px;padding:11px 18px;margin:12px 8px 0 0;border:0;
  background:var(--a);color:#08111c;font-weight:700}
button.sec{background:#1b2440;color:var(--t);border:1px solid #2c3862;font-weight:600}
button:hover{filter:brightness(1.07)}
canvas{display:block;width:100%;max-width:420px;margin:6px auto 0}
.rez:empty{display:none}
.izpisek{background:var(--p);border:1px solid #253055;border-radius:18px;padding:20px;margin-top:16px}
.stevilka{font-size:52px;font-weight:800;line-height:1;color:var(--a)}
.odgovor{font-size:34px;font-weight:800;color:var(--a);letter-spacing:.04em}
.izpisek h2{margin:6px 0 2px;font-size:21px}
.bistvo{color:#d7e2f8;font-size:17px;margin:8px 0}
dl{display:grid;grid-template-columns:88px 1fr;gap:6px 14px;margin:16px 0 4px}
dt{color:var(--m);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
dd{margin:0}
.nasvet{background:#182b3f;border-left:3px solid var(--a);border-radius:10px;padding:10px 14px;margin-top:14px}
.otrok{background:#1c2438;border-radius:10px;padding:10px 14px;margin-top:12px;font-size:15px}
.opomba{color:var(--m);font-size:13px;margin-top:12px}
.karta-prikaz{margin-top:16px}
.karta-lica{background:linear-gradient(145deg,#1d2b52,#12203c);border:1px solid #31406e;border-radius:18px;
  padding:26px;text-align:center}
.karta-lica h3{margin:8px 0 0;font-size:20px}
.znamenje{font-size:26px;color:var(--a)}
.notri{animation:vdih .45s ease}
@keyframes vdih{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:560px){.zavihki{margin-left:0;width:100%}button{width:100%;margin-right:0}}