/* aplikacije.css — SILENTIA · stran Apps (/apps/; V257); spremenljivke, glava, gumbi in noga so iz prosnja.css (obe temi) */
.apl{max-width:1240px;margin:0 auto}
.apl-uvod{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(24px,5vw,72px)}
.apl-ikona{flex:none;width:clamp(88px,10vw,128px);height:auto;aspect-ratio:1;border-radius:22.5%;box-shadow:0 18px 44px rgba(22,24,27,.22),0 0 0 1px var(--p-crta)}
.tema-vecer .apl-ikona{box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 1px var(--p-crta)}
.apl-sk{margin-top:clamp(40px,7vh,72px)}
.apl-n{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--p-siva)}
.apl-n::after{content:'';flex:1;height:1px;background:var(--p-crta)}
.apl-mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px}
.apl-k{position:relative;display:flex;flex-direction:column;gap:6px;padding:clamp(20px,2.4vw,28px);border-radius:16px;background:var(--p-pl);box-shadow:0 0 0 1px var(--p-crta);scroll-margin-top:24px;transition:box-shadow .2s}
.tema-vecer .apl-k{border-radius:20px}
.apl-k h3{margin:0;font-family:var(--p-fn);font-weight:var(--p-hw);font-size:clamp(24px,2.2vw,30px);line-height:1.1;letter-spacing:-.02em}
.apl-zah{margin:0 0 14px;font-size:15px;line-height:1.45;color:var(--p-siva)}
.apl-gumbi{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:auto}
.apl-g{justify-content:flex-start;gap:12px;text-align:left}
.apl-g .apl-mb{margin-left:auto}
.apl-gi{width:18px;height:18px;flex:none;fill:currentColor}
.apl-g small{font-size:12.5px;font-weight:500;letter-spacing:.02em;opacity:.7}
.apl-g.kmalu,.apl-g.polni.kmalu{background:none;color:var(--p-siva);box-shadow:inset 0 0 0 1.5px var(--p-crta);cursor:default}
.apl-g.kmalu:hover{background:none}
.apl-arm a.kmalu{color:var(--p-siva);font-weight:500;cursor:default}
.apl-oz{align-self:flex-start;display:inline-flex;align-items:center;height:24px;margin:2px 0 4px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--p-siva);box-shadow:inset 0 0 0 1px var(--p-crta)}
.apl-k h3+.apl-oz{order:0}
.apl-arm{margin:2px 0 0;font-size:14px;color:var(--p-siva)}
.apl-arm a{color:var(--p-txt);font-weight:600;text-decoration:none;border-bottom:1px solid var(--p-crta)}
.apl-kor{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--p-siva)}
.apl-zdaj{display:none;align-items:center;gap:8px;margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--p-siva)}
.apl-zdaj::before{content:'';width:7px;height:7px;border-radius:50%;background:#E5484D;box-shadow:0 0 10px rgba(229,72,77,.6)}
.apl-k.tu{grid-column:1/-1;box-shadow:0 0 0 1.5px var(--p-txt),0 30px 70px rgba(22,24,27,.08)}
.tema-vecer .apl-k.tu{box-shadow:0 0 0 1px rgba(239,232,220,.5),0 40px 90px rgba(0,0,0,.45)}
.apl-k.tu .apl-zdaj{display:flex}
.apl-k.tu h3{font-size:clamp(30px,3.2vw,44px)}
.apl-k.tu .apl-gumbi{flex-direction:row;flex-wrap:wrap;align-items:center}
.apl-k.tu .apl-g{flex:0 1 auto;min-width:260px}
.apl-k:target{box-shadow:0 0 0 2px #E5484D}
.apl-dod{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px 32px;margin:0;padding:0;list-style:none}
.apl-dod li{display:flex;flex-direction:column;gap:6px;padding-left:18px;border-left:2px solid var(--p-crta)}
.apl-dod b{font-size:17px;font-weight:600;line-height:1.3}
.apl-dod span{font-size:15.5px;line-height:1.55;color:var(--p-siva)}
.apl-brs{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:clamp(48px,8vh,88px);padding:clamp(22px,3vw,34px);border-radius:16px;background:#16181B;color:#F3F0E9}
.tema-vecer .apl-brs{background:#15130F;box-shadow:0 0 0 1px var(--p-crta)}
.apl-brs h2{margin:0;font-family:var(--p-fn);font-weight:var(--p-hw);font-size:clamp(24px,2.2vw,32px);line-height:1.1;letter-spacing:-.02em}
.apl-brs p{flex:1 1 280px;margin:0;font-size:15.5px;line-height:1.55;color:rgba(243,240,233,.74)}
.apl-brs .pd-gumb{background:#F3F0E9;color:#16181B;box-shadow:none}
.tema-vecer .apl-brs .pd-gumb{background:#EFE8DC;color:#14120F}
/* ikone sistemov in distribucij (aplikacije/ikone/sistemi, podatki/sistemi.json) */
.apl-kg{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.apl-kg h3{margin:0}
.apl-kg .apl-zah{margin:4px 0 0}
.apl-os{flex:none;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;background:var(--p-bg);box-shadow:inset 0 0 0 1px var(--p-crta);color:var(--p-txt)}
.apl-os svg{width:27px;height:27px;fill:currentColor}
.tema-vecer .apl-os{background:rgba(239,232,220,.05)}
.apl-k.tu .apl-os{width:72px;height:72px;border-radius:20px}
.apl-k.tu .apl-os svg{width:36px;height:36px}
.apl-dis{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.apl-dis li{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 8px;border-radius:999px;background:var(--p-bg);box-shadow:inset 0 0 0 1px var(--p-crta);font-size:13px;font-weight:500;color:var(--p-siva);white-space:nowrap}
.tema-vecer .apl-dis li{background:rgba(239,232,220,.04)}
.apl-dis svg{width:16px;height:16px;flex:none;fill:currentColor}
.apl-k:not(.tu) .apl-dis li{width:32px;height:32px;padding:0;justify-content:center}
.apl-k:not(.tu) .apl-dis span{display:none}
.apl-dis li[data-d="ubuntu"] svg{color:#E95420}
.apl-dis li[data-d="debian"] svg{color:#A81D33}
.apl-dis li[data-d="linuxmint"] svg{color:#86BE43}
.apl-dis li[data-d="fedora"] svg{color:#51A2DA}
.apl-dis li[data-d="opensuse"] svg{color:#73BA25}
.apl-dis li[data-d="archlinux"] svg{color:#1793D1}
.apl-dis li[data-d="manjaro"] svg{color:#35BFA4}
.apl-dis li[data-d="popos"] svg{color:#48B9C7}
.apl-dis li[data-d="elementary"] svg{color:#64BAFF}
.apl-dis li[data-d="zorin"] svg{color:#15A6F0}
.apl-dis li[data-d="raspberrypi"] svg{color:#A22846}
.tema-vecer .apl-dis li[data-d="debian"] svg,.tema-vecer .apl-dis li[data-d="raspberrypi"] svg{filter:brightness(1.7) saturate(1.1)}
@media (max-width:640px){
  .apl-uvod{flex-direction:column-reverse;gap:22px}
  .apl-ikona{width:76px}
  .apl-k.tu .apl-g{min-width:0;flex:1 1 100%}
}
/* V258: vsi paketi za Linux v vrsticah (ikona paketa, ime, distribucije ali opis, velikost) */
.apl-lx{display:grid;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.apl-lr{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px 8px 12px;border-radius:12px;background:var(--p-bg);box-shadow:inset 0 0 0 1px var(--p-crta);color:var(--p-txt);text-decoration:none;transition:box-shadow .15s,background .15s}
.apl-lr:hover{box-shadow:inset 0 0 0 1.5px var(--p-txt)}
.tema-vecer .apl-lr{background:rgba(239,232,220,.04)}
.apl-li{width:22px;height:22px;flex:none;fill:currentColor}
.apl-lt{display:flex;flex-direction:column;gap:1px;min-width:0}
.apl-lt b{font-size:15px;font-weight:600;line-height:1.2}
.apl-lt small{font-size:12.5px;line-height:1.3;color:var(--p-siva)}
.apl-ld{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.apl-ld i{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--p-crta)}
.apl-ld svg{width:15px;height:15px;fill:currentColor}
.apl-lr .apl-mb{margin-left:10px;flex:none;font-size:12.5px;font-weight:500;color:var(--p-siva)}
.apl-ld+.apl-mb{margin-left:10px}
.apl-lt+.apl-mb{margin-left:auto}
.apl-lr.kmalu{color:var(--p-siva);cursor:default;box-shadow:inset 0 0 0 1px var(--p-crta)}
.apl-lr.kmalu .apl-li,.apl-lr.kmalu .apl-ld{opacity:.55}
.apl-ld i[data-d="ubuntu"] svg{color:#E95420}
.apl-ld i[data-d="debian"] svg{color:#A81D33}
.apl-ld i[data-d="linuxmint"] svg{color:#86BE43}
.apl-ld i[data-d="fedora"] svg{color:#51A2DA}
.apl-ld i[data-d="opensuse"] svg{color:#73BA25}
.apl-ld i[data-d="archlinux"] svg{color:#1793D1}
.apl-ld i[data-d="manjaro"] svg{color:#35BFA4}
.apl-ld i[data-d="popos"] svg{color:#48B9C7}
.apl-ld i[data-d="elementary"] svg{color:#64BAFF}
.apl-ld i[data-d="zorin"] svg{color:#15A6F0}
.apl-ld i[data-d="raspberrypi"] svg{color:#A22846}
.tema-vecer .apl-ld i[data-d="debian"] svg,.tema-vecer .apl-ld i[data-d="raspberrypi"] svg{filter:brightness(1.7) saturate(1.1)}
.apl-k.tu .apl-lx{flex:1 1 100%;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.apl-k.tu .apl-gumbi .apl-arm{flex:1 1 100%}
@media (max-width:640px){.apl-ld i{width:24px;height:24px}.apl-lr{padding:8px 10px}}