/* ═══════════════════════════════════════════════════════════════════
   TERMINA — eleganca (lastnica, 7. 10. 2026: »vse bolj elegantno in
   ne tako 2010«)

   Zadnja slogovna datoteka na vsaki strani. Ne prinaša novih barv in
   ne spreminja znamke: isti žetoni, iste pisave, isti radiji 36/28/16.
   Spremeni ROKOPIS, ki je bral kot leto 2010:

   - škatle z obrobami → tonske ploskve brez roba (čipi, filtri, drugi
     gumb, prazna stanja) ali lasnica brez sence (kartice);
   - verzalni mikro napisi z razprto sledjo → navadni zapis, mirna teža;
   - krepki napisi (600) na gumbih in izbranem → 500;
   - karamelna PODLAGA na izbranem čipu → črnilo (CGP: karamela je
     akcent, nikoli podlaga);
   - črta pod glavo, siv blok noge, pilula okoli jezika → stran se
     konča z zrakom, ne s škatlo.

   Vse je izmerjeno na izrisanih pikslih (server/test-piksli.mjs):
   črnilo na tonski ploskvi #F6F2EC meri 15,1:1, drugotno 5,7:1.
   ═══════════════════════════════════════════════════════════════════ */

/* ── glava in noga: brez črt in blokov ───────────────────────────── */
nav{border-bottom:0}
nav::after{display:none}
footer{background:var(--ohisje);border-top:1px solid var(--gravura-2)}
footer::before{display:none}
footer .fhead{font-family:var(--body);font-size:var(--t-sm);font-weight:500;
  letter-spacing:0;text-transform:none;color:var(--telo-2)}
/* Pravno v nogi naslovnice je zloženo (lastnica, 11. 10. 2026: »zmanjšaj
   ta del«): naslov je gumb s puščico, povezave se odprejo pod njim. */
footer details.fpravno{grid-column:1/-1}
footer details.fpravno>summary{list-style:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px}
footer details.fpravno>summary::-webkit-details-marker{display:none}
footer details.fpravno>summary::after{content:"";width:7px;height:7px;margin-top:-3px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s}
footer details.fpravno[open]>summary::after{transform:rotate(-135deg);margin-top:3px}
@media (hover:hover) and (pointer:fine){footer details.fpravno>summary:hover{color:var(--slonovina)}}
footer details.fpravno>summary:focus-visible{outline:2px solid var(--medenina);outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){footer details.fpravno>summary::after{transition:none}}
/* Telefon: manjši znak, ožji razmiki, firma kot drobna vrstica (ni povezava,
   zato ne potrebuje tarče 44 px). Povezave obdržijo 44 px. */
@media(max-width:760px){
  footer{padding:20px 0 20px}
  footer .znamka{font-size:18px}
  footer .wrap{row-gap:4px}
  footer .fkazalo>span:first-child{margin-bottom:0;font-size:var(--t-xs);color:var(--telo-2)}
  footer .fhead{margin-top:4px}
  footer .fgroup .ffirma{min-height:0;padding:2px 0 6px;font-size:var(--t-xs)}
}
/* jezik: samo kratica in puščica, brez pilule okoli */
.jezik-pilula{border-color:transparent;padding:0 8px}
@media (hover:hover) and (pointer:fine){.jezik-pilula:hover{color:var(--slonovina)}}
/* meni s pikicami: tonska ploskev, ne obroba */
.pikice-gumb{border-color:transparent;background:var(--noc)}
.pikice-gumb[aria-expanded="true"]{background:var(--tan-sled)}@media (hover:hover) and (pointer:fine){.pikice-gumb:hover{background:var(--tan-sled)}}
.pikice-seznam{border-color:var(--gravura-2);box-shadow:0 12px 32px rgba(36,28,20,.10)}

/* ── drobni napisi: navadni zapis namesto verzalk s sledjo ───────── */
.nadnapis,.who,.meta,.card .ttl,.pst .l,.pstat small,.stevec,
.auth-card .fld>span:not(:first-child),.sestavi .fld span,.lbl-row>span{
  font-family:var(--body);font-size:var(--t-sm);font-weight:500;
  letter-spacing:0;text-transform:none;color:var(--telo-2);
}
.card .ttl{font-size:var(--t-sm)}
/* Rezervacija (nova podoba, 28. 10. 2026; taste skill izmeril »tiny
   uppercase labels«): nadnapis nad naslovom koraka odpade, oznake skupin
   ur, cene, trajanja in lokacije so navaden zapis. Verzalke ostanejo
   samo dnevom v koledarju. V listu čez profil je naslov koraka manjši:
   list je okno, ne stran. */
.rez-nadnapis{display:none !important}
.ure-oznaka,.lok-izbor .podnapis{font-family:var(--body);font-size:var(--t-sm);font-weight:500;
  letter-spacing:0;text-transform:none;color:var(--telo-2)}
.dej-cena .l,.izbira .m{font-size:var(--t-xs);letter-spacing:0;text-transform:none}
.v-listu .rez-na-odru .rez-okno .rez-okno-h{font-size:28px}
/* števke na fotografskem odru profila ostanejo na zastoru svetle
   (izmerjeno: tiha stopnja na odru pade na 2,29) */
.pstat small{color:var(--foto-napis)}
/* napis PROFIL nad imenom ne pove ničesar, kar ne pove ime */
.mglava .meta{display:none}

/* ── gumbi: mirna teža, drugi gumb je tonska ploskev ─────────────── */
.btn,.btn-p,.btn-s,a.btn,.auth-card .auth-submit,.auth-card .wiz-nav .btn-p{font-weight:500}
.btn-s{background:var(--noc);border-color:transparent;color:var(--slonovina)}
@media (hover:hover) and (pointer:fine){.btn-s:hover{background:var(--tan-sled);border-color:transparent;color:var(--slonovina)}}
.hero-c .btn-s{background:var(--noc);border-color:transparent}
.poudarek .btn-s{background:var(--i-cip);border-color:transparent;color:var(--i-naslov)}
@media (hover:hover) and (pointer:fine){.poudarek .btn-s:hover{background:var(--i-bg-2);color:var(--i-naslov)}}
/* zaključni prizor rezervacije (.done) je obrnjena ploskev brez razreda
   .poudarek: tonska ploskev tam pride iz --i-*, ne iz --noc (izmerjeno
   1,09:1, kadar bi prišla iz --noc) */
.done .btn-s{background:var(--i-cip);border-color:transparent;color:var(--i-naslov)}
@media (hover:hover) and (pointer:fine){.done .btn-s:hover{background:var(--i-bg-2);border-color:transparent;color:var(--i-naslov)}}

/* ── čipi, filtri, zavihki: tonska pilula, izbrano je črnilo ─────── */
.tab,.chip,.cat,.cats button,.pill,.bill-toggle button,.skupine .cat,
.prosto-p,.kat-cip{
  background:var(--noc);border:1px solid transparent;color:var(--telo);font-weight:400;
}
@media (hover:hover) and (pointer:fine){.tab:hover,.chip:hover,.cat:hover,.cats button:hover,.pill:hover,.prosto-p:hover{
  background:var(--tan-sled);border-color:transparent;color:var(--slonovina);
}}
.tab.on,.chip.on,.cat.on,.cats button.on,.bill-toggle button.on,.pill.sel,
.prosto-p.on,.prosto-p[aria-pressed="true"],.kat-cip.sel{
  background:var(--slonovina);border-color:var(--slonovina);color:var(--na-tanu);font-weight:500;
}
.pill.sel small{color:var(--na-tanu)}
.bill-toggle{border-color:transparent;background:var(--noc)}
.tab-drsnik{background:var(--slonovina)}
.tabs{gap:6px}
/* ure: tonska ploščica, izbrana samo z obročem (kot doslej) */
.time,.times .time{border-color:transparent}
@media (hover:hover) and (pointer:fine){.time:hover{border-color:var(--gravura)}}
.times .time.sel,.time.sel{border-color:var(--medenina)}

/* ── kartice: lasnica, brez sence ────────────────────────────────── */
.card,.izpostavek,.izbira,.stat,.pplan,.fpost,.lc,.ty,.s,.onboard,.publine,.cm-c,
.panel,.who-band,.plan,.pstanje,.form,.pstoritve li,.summary,.pcard,.grid .pcard,.pkarta,.akart{
  box-shadow:none;border-color:var(--gravura-2);
}
.card h2 .ic,.onboard h2 .ic{border-color:transparent}
/* prazna stanja: tonska ploskev, ne črtkan okvir */
.aprazno,.prazno,.empty,[class*="prazno"]{border-style:solid;border-color:transparent;background:var(--papir-2)}

/* ── vnosi in potrditvena polja: tanjši rob ──────────────────────── */
input[type=checkbox]{border-width:1px}
.nast-vrsta .stikalo{border-color:var(--gravura)}

/* ── glava računa (moj.html): števki brez kremne škatle ──────────── */
.pstevci{background:transparent;box-shadow:none;padding:0;margin:18px 0 22px;gap:10px}
.pst{background:var(--noc);border-color:transparent;border-radius:var(--r-drobno);min-height:68px}
@media (hover:hover) and (pointer:fine){.pst:hover{background:var(--tan-sled);border-color:transparent}}
.pobraz{border-width:1px;box-shadow:0 6px 18px rgba(20,14,10,.25)}
.pobraz .pobraz-plus{border-color:transparent}

/* ── skupnost: kartice »Kaj te zanima« ─────────────────────────────
   Rob v barvi skupine (--kat-tekst, krmilni element ≥ 3 : 1), ime na
   sredini, brez ikone in pike (lastnica, 9. 10. 2026).
   PREOBLIKOVANO 28. 10. 2026 (lastnica: »ne more se beseda lomiti na eno
   črko, zmanjšaj, deluje obupno«): kartica ni več fiksno široka 148 px z
   20-px krepkim imenom, ki se je lomilo kjer koli (»Frizerstv/o«), ampak
   se ŠIRI Z BESEDO — beseda se nikoli ne prelomi, dve besedi gresta v dve
   uravnoteženi vrstici. Ime je navadno besedilo 16 px, teža 600, POLNA
   barva skupine, napol vmešana v črnilo (≥ 4,5 : 1, brez prosojnosti in
   sija v črki — pri tej velikosti je bila zamegljena črka umazana).
   Kljukica izbrane je 18 px v kotu in ne seže v besedilo. */
.zk{border:2px solid var(--kat-tekst,var(--medenina));background:var(--plosca);
  justify-content:center;align-items:center;text-align:center;
  width:auto;min-width:112px;min-height:56px;padding:10px 26px}
@media (hover:hover) and (pointer:fine){.zk:hover{border-color:var(--kat-tekst,var(--medenina))}}
.zk .zk-ime{padding:0;font-size:var(--t-md);font-weight:600;line-height:1.22;letter-spacing:-.005em;
  overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance;
  max-width:16ch;color:color-mix(in oklab,var(--kat-tekst,#8a5b26) 50%,var(--slonovina))}
.zk .zk-kljuk{top:6px;right:6px;width:18px;height:18px}
.zk .zk-kljuk svg{width:11px;height:11px}
/* Na atmosferi je kartica TEKOČE STEKLO V ODTENKU SKUPINE (lastnica,
   27. 10. 2026, »liquid glass«: »odtenek glassa naj bo odtenek
   kategorije«): tanko steklo, pomešano s tihim tonom skupine, v njem mehak
   sij pastela skupine (::before; frizerstvo nosi tiho mavrico) — preliv
   SVETLOBE V STEKLU, ne podlaga. Notranji bel odsev zgoraj in svetel
   notranji rob dasta debelino; zunanje sence ni, ker kartica ne lebdi. Sij
   je od 28. 10. 2026 mirnejši (pod imenom ne sme delati lis). Izbrana je
   isto steklo gostejšega odtenka s polnejšim sijem in kljukico. */
[data-atmosfera] .zk{
  isolation:isolate;overflow:hidden;border-width:1.5px;
  background:color-mix(in oklab,var(--kat-tih,#F2EADF) 40%,var(--steklo-tanko));
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 0 0 3px rgba(255,255,255,.32);
  transition:background-color .18s ease-out,transform .16s cubic-bezier(.23,1,.32,1);
}
[data-atmosfera] .zk::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:var(--kat-mavrica-tiha,none),radial-gradient(80% 90% at 78% 100%,var(--kat-pastel,#e8d5bf) 0,transparent 70%);
  opacity:.5;transition:opacity .18s ease-out;
}
[data-atmosfera] .zk[data-kat="frizer"]::before{inset:10%;filter:blur(16px);opacity:.55}
@media (hover:hover) and (pointer:fine){[data-atmosfera] .zk:hover{background:color-mix(in oklab,var(--kat-tih,#F2EADF) 55%,var(--steklo-tanko))}}
[data-atmosfera] .zk[aria-pressed="true"]{
  background:color-mix(in oklab,var(--kat-tih,#F2EADF) 82%,var(--steklo-tanko))}
[data-atmosfera] .zk[aria-pressed="true"]::before{opacity:.8}
@media (prefers-reduced-transparency:reduce){[data-atmosfera] .zk::before{display:none}}
/* Trak: na telefonu drsi vodoravno in desni rob mehko pojenja (rob
   drsenja namesto ostrega reza kartice; zadnja kartica ima prostor, da ob
   koncu ni v pojemanju). Od 720 px so vse skupine vidne v vrstah — na
   namizju se ne skriva nič za drsnikom. */
.zanim-trak{padding-right:32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);
  mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
@media (min-width:720px){.zanim-trak{flex-wrap:wrap;overflow:visible;padding-right:2px;-webkit-mask-image:none;mask-image:none}}
@media (prefers-reduced-motion:reduce){[data-atmosfera] .zk,[data-atmosfera] .zk::before{transition:none}}

/* ── prijava: vloga brez verzalk, čipi dejavnosti brez roba ──────── */
.auth-nacin{background:var(--i-cip);border-color:transparent}
.auth-nacin>*{letter-spacing:0;text-transform:none;font-size:var(--t-md);font-weight:400}
.auth-nacin .on{font-weight:500}
.cat-cip{border-color:transparent;background:var(--i-cip)}
@media (hover:hover) and (pointer:fine){.cat-cip:hover{border-color:transparent;background:var(--i-bg-2)}}
.cat-cip[aria-checked="true"]{background:var(--i-gumb);border-color:var(--i-gumb);color:var(--i-gumb-tekst)}
.auth-card .auth-submit,.auth-card .wiz-nav .btn-p{font-weight:500}
.wiz-nazaj{border-color:transparent;background:var(--i-cip)}
.reg-korak{font-weight:400;color:var(--i-telo-2)}

/* ── ostali verzalni mikro napisi po straneh → navadni zapis ───────
   Ostanejo verzalke z razlogom: besedni znak TERMINA, kategorija na
   fotografskem odru profila (.pkartica .meta) in kratice dni v koledarju. */
.pripeto .naslov,.opz-nadnapis,.pod-k .mt,.pdej .l,.akart .aponudnik,
.dej-cena .l,.izbira .m,.lok-izbor .podnapis,
.plan .who,.who-band .role,.ochip,.pplan .pk,.sest-pk,.kol-podnapis,.eyebrow,.kick{
  font-family:var(--body);font-size:var(--t-sm);font-weight:500;
  letter-spacing:0;text-transform:none;
}
.izbira .m,.dej-cena .l,.lok-izbor .podnapis,.pod-k .mt{color:var(--telo-2)}

/* ── ponudniška plošča: isti rokopis (plosca.html nosi lasten <style>) ── */
.predlogi-l,.onboard-st,.pk-stevec,.danes-datum,.danes-st .l,.zav-naslov,.stat .l,.subhead,
.dpl .stanje,.cakv .stanje,.svc-oznaka,.pod-rok,.bk .serija,.str-obiski .serija,.str-znacka,
.str-stat .k,.obisk-kart .slika small,.bk .neprihod-oz,.str-obiski .neprihod-oz,
.bon-kartica .stanje,.bon-seznam .stanje,.fld .opt,.bill-vsota-l,.an-st .l,.an-podnaslov,
.kjunak .kj-stevec,.pcard .meta{
  font-family:var(--body);font-size:var(--t-sm);font-weight:500;
  letter-spacing:0;text-transform:none;
}
.danes-st .l,.stat .l,.an-st .l,.str-stat .k,.onboard-st,.pk-stevec,.danes-datum{color:var(--telo-2)}

/* ── najdi: vrsta skupin kot tonski čipi, izbrana je črnilo ───────── */
.skupine .sk .sk-p{background:var(--noc);border-color:transparent;color:var(--telo)}
@media (hover:hover) and (pointer:fine){.skupine .sk:hover .sk-p{background:var(--tan-sled);border-color:transparent}}
.skupine .sk.on .sk-p{background:var(--slonovina);border-color:var(--slonovina);color:var(--na-tanu)}
.skupine .sk.on{color:var(--na-tanu)}

/* ── značka na oglasu: črnilo, navadni zapis (karamela ni podlaga) ── */
.oglas-znak,.predlog-znak{background:var(--slonovina);color:var(--na-tanu);
  font-family:var(--body);font-size:var(--t-sm);letter-spacing:0;text-transform:none;height:28px;padding:0 12px}

/* ── gnezdeni obrazec in prazna stanja: tonska ploskev brez roba ──── */
.sestavi{border-color:transparent;background:var(--papir-2)}
/* orrerij.css riše okvir z id-jem (#empty.empty), zato ista teža tu */
.empty,#empty.empty,.feed .empty,#feed .empty,.flist .empty{border:0;background:var(--papir-2);padding:14px 16px;border-radius:var(--r-drobno)}
.fpost .pimg img{border-color:transparent}

/* jezik v glavi: slog pride iz i18n.js ob zagonu, zato tu z glavo spredaj */
nav .jezik-pilula{border-color:transparent}

/* ── nastavitve: skupina kot ena tonska ploskev, brez roba ────────── */
.nast-skupina{border-color:var(--gravura-2)}
.nast-oseba{border-color:var(--gravura-2)}

/* ── hitra prijava (lastnica, 8. 10. 2026, po kompletu »planet9«) ──────
   Številčnica zaklepa: tonske ploskve brez roba, številko pove črnilo
   (15,1:1 na --noc). Gumb Nazaj in brisanje sta enaka ploskev. Skupina
   Varnost: lasnica brez sence, kot vse skupine Nastavitev. */
.zaklep-tipka,.zaklep-nazaj{background:var(--noc);border:1px solid transparent}
@media (hover:hover) and (pointer:fine){.zaklep-tipka:hover,.zaklep-nazaj:hover{background:var(--tan-sled)}}
.zaklep-tipka.zaklep-brisi{background:transparent}
@media (hover:hover) and (pointer:fine){.zaklep-tipka.zaklep-brisi:hover{background:var(--tan-sled)}}
.zaklep-kljuc,.zaklep-pozabljena{font-weight:500}
.hp-skupina{border:1px solid var(--gravura-2);border-radius:var(--r-drobno);background:var(--plosca);
  overflow:hidden;box-shadow:none}
.hp-odstrani{border:1px solid transparent}
/* ikona koristi v uvodu: tonski krog, risba v medenini (5,2:1 na --noc) */
.uvod-ikona{background:var(--noc)}

/* ═══════════════════════════════════════════════════════════════════
   Posodobitev treh površin (lastnica, 7. 10. 2026: »vse«): naslovnica,
   profil ponudnika na širokem zaslonu, kartica ponudnika.
   ═══════════════════════════════════════════════════════════════════ */

/* ── naslovnica: enakomeren ritem razdelkov ─────────────────────────
   Od 17. 10. 2026 (lastnica: »kratko, jedrnato«) so razdelki okvirčki
   z isto glavo; zraka je manj, ker škatle same ločijo vsebino. */
body.razdelki section{padding:clamp(36px,4.5vw,60px) 0}
body.razdelki h2{margin-bottom:18px}
body.razdelki .sub{margin-bottom:48px}
/* Za koga: tri uredniške kolone s tanko črto zgoraj, brez škatel */
.plans{gap:40px}
.plan{border:0;border-top:1px solid var(--gravura);border-radius:0;padding:26px 0 0;background:transparent}
@media (hover:hover) and (pointer:fine){.plan:hover{border-color:var(--gravura);transform:none}}
.plan .pdesc{border-bottom:0;padding-bottom:0;margin-bottom:10px}
.plan li{padding-left:0}
.plan li::before{display:none}
/* Kaj še ni tu in Več kot rezervacije: tonska ploskev brez roba */
.panel,.who-band{background:var(--papir-2);border:0;border-radius:var(--r-velika);padding:48px 44px}
@media(max-width:720px){.panel,.who-band{padding:32px 22px}}
.who-band .sig{border-bottom-color:var(--gravura)}
/* Paketi: drobni tisk kot dva bloka z naslovom (Dodatki, Pogoji), drug ob
   drugem na širokem, eden pod drugim na telefonu. Vsak blok je en stolpec
   z lasnico med vrsticami — vrstice levo in desno se ne poskušajo ujemati,
   ker sta to dva različna seznama. */
.drobni-tisk{display:grid;grid-template-columns:1fr;gap:28px;margin-top:34px}
@media(min-width:760px){.drobni-tisk{grid-template-columns:1fr 1fr;gap:48px}}
.dt-h{font-family:var(--body);font-size:var(--t-sm);font-weight:500;color:var(--slonovina);
  margin:0 0 4px;padding-bottom:10px;border-bottom:1px solid var(--gravura)}
.drobni-tisk .plan-alineje,.drobni-tisk ul.plan-foot,.drobni-tisk p{max-width:none;margin:0}
.drobni-tisk p{font-size:var(--t-sm);color:var(--telo-2);padding-top:10px}
.plan-alineje li{padding:10px 0;color:var(--telo-2);border-top:1px solid var(--gravura-2);line-height:1.5}
.plan-alineje li:first-child{border-top:0}
.plan-alineje li::before{display:none}
.pplan li::before{width:6px;height:6px;top:16px;left:4px}
/* kalkulator: tonska ploskev, izid bela kartica z lasnico */
.sestavi{border:0;background:var(--papir-2);padding:34px 32px}
@media(max-width:720px){.sestavi{padding:24px 18px}}
.sest-izid{background:var(--plosca);border:1px solid var(--gravura-2)}
/* znaka − in + v Manrope sta tanka potezi: teža 600, da ju glajenje robov
   ne razredči pod 4,5 : 1 (izmerjeno, cenik-sestavi, 28. 10. 2026); na
   tonski ploskvi --noc tudi teža 600 v --mrak izmeri 4,38 : 1, zato je
   znak v temnejši medenini */
.sest-stevec button,#po-meri .pm-g{font-weight:600}
.sest-stevec button{border-color:transparent;background:var(--noc);color:var(--medenina-d)}
@media (hover:hover) and (pointer:fine){.sest-stevec button:hover{background:var(--tan-sled);border-color:transparent}}
.sest-vrsta{border-bottom-color:var(--gravura-2)}
/* koraki 01–04: tišja številka, več zraka */
.arches{gap:34px 40px}
.arch h3{margin-bottom:8px}

/* ── kartica ponudnika: fotografija nosi kartico, nobenega gumba ─────
   Kartica je ena povezava; pilula Rezerviraj je bila drugo vabilo za
   isto pot in je odšla. Fotografija je višja (4:3), ime v tanki Outfit,
   kraj in cena tiho pod njim, desno drobna puščica. */
/* minmax(0,1fr): WebKit sicer stolpec razširi na slikino lastno širino
   in kartica ob ožanju okna ne sledi mreži (izmerjeno: kartica 342 px v
   mreži 272 px, zaznamek 36 px čez rob). */
.grid{gap:18px;grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.grid .pkarta,.grid .pcard{min-width:0;max-width:100%}
.grid .pcard{border-radius:24px;border-color:var(--gravura-2);box-shadow:none}
.grid .pcard .pfoto,.grid .pcard.izpostavljen .pfoto{height:auto;aspect-ratio:4/3;width:100%;min-width:0}
.grid .pcard .pfoto img{width:100%;height:100%;min-width:0}
/* brez približevanja fotografije ob lebdenju: WebKit je pri 103 % vzel
   povečan okvir slike za rob kartice in javil zaznamek čez rob zaslona */
.grid .pcard .pfoto{overflow:hidden}
.grid .pcard .pkat{top:12px;left:12px;font-weight:500;font-size:12px;padding:6px 11px}
.grid .pcard .ure{left:12px;right:12px;bottom:12px}
.grid .pcard .pnoga{padding:14px 16px 16px;align-items:flex-start}
.grid .pcard .name{font-weight:400;font-size:20px;letter-spacing:-.01em;line-height:1.15}
.grid .pcard .meta{font-size:13px;margin-top:6px}
.grid .pcard .pdej{display:none}
.grid .pcard .pnoga::after{content:"";flex:none;width:36px;height:36px;border-radius:50%;margin-top:2px;
  background:var(--noc) center/18px no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23241C14' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  transition:background-color .15s}
@media (hover:hover) and (pointer:fine){.grid .pcard:hover .pnoga::after{background-color:var(--tan-sled)}}
/* zaznamek na fotografiji ostane; ime nad njim ni več v konfliktu z gumbom */

/* ── profil ponudnika na širokem zaslonu: dva stolpca ─────────────────
   Do 1023 px ostane vse kot na telefonu (pripeta steklena pilula na dnu).
   Od 1024 px je vsebina levo, desno pa lepljiva kartica dejanja: ime,
   Rezerviraj termin, Podari bon. Oder in kremna kartica dejstev
   ostaneta čez celotno širino. */
@media(min-width:1024px){
  main#main{--mera:1180px;max-width:1180px;padding-bottom:90px}
  .pdejstva{grid-template-columns:repeat(4,1fr)}
  .ptelo{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:44px;align-items:start;
    padding:28px 32px 34px}
  .ptelo>*{grid-column:1;min-width:0}
  .ptelo>.pripeto{
    grid-column:2;grid-row:1 / span 80;align-self:start;
    position:sticky;top:96px;left:auto;right:auto;bottom:auto;max-width:none;margin:0;
    flex-direction:column;align-items:stretch;gap:16px;
    padding:22px 22px 20px;border-radius:28px;
    background:var(--plosca);border:1px solid var(--gravura-2);box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .ptelo>.pripeto>div{flex:none}
  .ptelo>.pripeto .kaj{white-space:normal;font-size:var(--t-xl);line-height:1.15}
  .ptelo>.pripeto .btn{width:100%;justify-content:center;min-height:52px}
  .ptelo>.pripeto .btn[hidden]{display:none}
  .pzavihki{margin-bottom:22px}
  .ptelo section{max-width:none}
}

/* ── termin kot listek (predlog C, lastnica 8. 10. 2026) ──────────────
   Termin v Mojih terminih je vstopnica: odtrgljivi del z dnevom in uro
   (v barvi skupine), perforacija z zarezama zgoraj in spodaj, desno kdo
   in kaj, spodaj dejanja v eni vrsti. Zareza je krog barve kartice pod
   listkom, obrobljen z lasnico listka in odrezan na polovico. */
.appt{
  display:grid;grid-template-columns:96px minmax(0,1fr);align-items:stretch;gap:0;
  position:relative;margin:12px 0;padding:0;
  background:var(--plosca);border:0;border-radius:var(--r-foto);
  box-shadow:inset 0 0 0 1px var(--gravura);
}
.appt-skupina{border-bottom:0}
.appt .date{
  position:relative;width:auto;margin:1px 0 1px 1px;padding:14px 6px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:0;border-right:2px dashed var(--gravura);
  border-radius:calc(var(--r-foto) - 1px) 0 0 calc(var(--r-foto) - 1px);
}
.appt[data-kat] .date{border:0;border-right:2px dashed var(--kat-tekst)}
.appt .date::before,.appt .date::after{
  content:"";position:absolute;right:-14px;width:26px;height:26px;border-radius:50%;
  background:var(--plosca);box-shadow:inset 0 0 0 1px var(--gravura);
}
.appt .date::before{top:-15px;clip-path:inset(50% 0 0 0)}
.appt .date::after{bottom:-15px;clip-path:inset(0 0 50% 0)}
.appt .dm{font-size:var(--t-xs)}
.appt .hm{font-family:var(--num);font-weight:300;font-size:var(--t-xl);line-height:1.1}
.appt .info{padding:14px 18px 12px 20px;align-self:center}
.appt .svc{font-family:var(--display);font-weight:300;font-size:var(--t-lg);line-height:1.2}
.appt .appt-dej,.appt > .tag{
  grid-column:1 / -1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;
  justify-content:flex-start;gap:0 18px;max-width:none;margin:0;padding:2px 18px 4px;
  border-top:1px solid var(--gravura-2);
}
.appt > .tag{min-height:44px;text-transform:none;letter-spacing:0;font-size:var(--t-sm)}
.appt .appt-kol{justify-content:flex-start;text-align:left;column-gap:6px}
/* Dogodek v Mojih terminih (lastnica, 19. 10. 2026; moj.js dogodekRow):
   isti listek kot termin, a svoja vrsta — nad imenom »Dogodek · vrsta«,
   ime je povezava na dogodek, spodaj stanje prijave v navadnem zapisu. */
.appt-dogodek .dgm-nad{font-size:var(--t-xs);color:var(--kamen-d);margin-bottom:2px}
.appt-dogodek .dgm-ime{color:inherit;text-decoration:none}
@media (hover:hover) and (pointer:fine){.appt-dogodek .dgm-ime:hover{text-decoration:underline;text-underline-offset:3px}}
.appt-dogodek .dgm-ime:focus-visible{outline:2px solid var(--medenina);outline-offset:2px;border-radius:4px}
.appt-dogodek .appt-dej .dgm-stanje{min-height:44px;display:inline-flex;align-items:center;
  text-transform:none;letter-spacing:0;font-family:inherit;font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.appt-dogodek .appt-dej .dgm-stanje.dgm-vrsta{color:var(--telo)}

/* ── meni za nohte (lastnica, 9. 10. 2026; migracija 086) ────────────
   Garancijsko popravilo pod listkom (moj.js), predlog naslednjega termina
   pod vrstico na plošči (plosca.js) in različice v obrazcu storitve.
   Vse tri so TONSKA ploskev brez roba, kot igra in deljeno plačilo pod
   terminom; na njej so drugi gumb, ure in polja beli, sicer bi se zlili s
   podlago. Ura ostane obrobljena (--rob-k), ker je krmilni element in
   njen rob nosi 3:1. Karamela ni podlaga; izbrano je črnilo. */
.appt-garancija,.bk-naslednji{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  margin:6px 0 10px;padding:12px 16px;border-radius:var(--r-drobno);background:var(--noc);border:0;box-shadow:none}
.appt-garancija .kaj,.bk-naslednji .kaj{flex:1 1 200px;margin:0;font-size:var(--t-sm);line-height:1.5;color:var(--telo)}
.bk-naslednji .kaj b{font-weight:500;color:var(--slonovina)}
.bk-naslednji .kaj .kdo{display:block}
.appt-garancija .btn-s{min-height:44px;background:var(--plosca);border-color:transparent;font-weight:500}
@media (hover:hover) and (pointer:fine){.appt-garancija .btn-s:hover{background:var(--tan-sled)}}
.gar-ure{flex-basis:100%}
.gar-ure[hidden]{display:none}
.gar-ure .fld{display:block;max-width:220px;margin:0 0 10px}
.gar-ure .fld span{display:block;font-size:var(--t-sm);color:var(--telo-2);margin-bottom:4px}
.gar-ure input[type=date]{width:100%;min-width:0;min-height:44px;padding:9px 14px;border:1px solid var(--rob-k);border-radius:999px;
  background:var(--plosca);color:var(--slonovina);font-family:var(--body);font-size:var(--t-vnos)}
.gar-ure .ure,.bk-naslednji .ure{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}
.gar-ure .ure button,.bk-naslednji .ura{min-height:44px;min-width:64px;padding:0 14px;border-radius:999px;
  border:1px solid var(--rob-k);background:var(--plosca);color:var(--slonovina);font-family:var(--num);font-size:var(--t-md);cursor:pointer}
@media (hover:hover) and (pointer:fine){.gar-ure .ure button:hover,.bk-naslednji .ura:hover{border-color:var(--slonovina)}}
.gar-ure .ure button:focus-visible,.bk-naslednji .ura:focus-visible,.gar-ure input:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.gar-ure .ure button:disabled,.bk-naslednji .ura:disabled{opacity:.5;cursor:default}
.gar-ure .empty,.bk-naslednji .prazno,.bk-naslednji .vpisan{font-size:var(--t-sm);color:var(--telo)}
.bk-naslednji .vpisan{color:var(--slonovina)}
.gar-ure .note,.bk-naslednji .note{flex-basis:100%;margin:2px 0 0}
.gar-ure .note:empty,.bk-naslednji .note:empty{display:none}
.svc-ur .svc-raz{grid-column:1/-1;margin:0;padding:12px 14px;border:0;border-radius:var(--r-drobno);background:var(--noc)}
.svc-ur .svc-raz[hidden]{display:none}
.svc-raz legend{float:left;width:100%;margin:0 0 8px;padding:0;font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
/* Trajanje in cena imata stalno širino za štiri števke; ime vzame ostalo. */
.svc-raz-vrsta{clear:both;display:grid;grid-template-columns:minmax(0,1fr) 72px 84px 44px;gap:6px;align-items:center;margin-bottom:8px}
.svc-raz-vrsta input{min-width:0;width:100%;min-height:44px;background:var(--plosca)}
.svc-raz-vrsta input[type=number]{padding-left:10px;padding-right:6px;font-family:var(--num)}
/* Na telefonu je vrstica preozka za štiri polja: ime gre v svojo vrsto. */
@media(max-width:600px){
  .svc-raz-vrsta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;padding-bottom:8px;border-bottom:1px solid var(--gravura-2)}
  .svc-raz-vrsta input[name=raz_ime]{grid-column:1/-1}
}
.svc-raz-odstrani{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--telo);cursor:pointer}
.svc-raz-odstrani svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media (hover:hover) and (pointer:fine){.svc-raz-odstrani:hover{background:var(--tan-sled);color:var(--slonovina)}}
.svc-raz-odstrani:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.svc-raz [data-raz-dodaj]{clear:both;min-height:44px;display:inline-flex;align-items:center}
.svc-raz .svc-pomoc{margin:4px 0 0}

/* ── deljeno plačilo (lastnica, 8. 10. 2026) ──────────────────────────
   Ploskev je tonska (--noc), kot igra pod terminom, brez obrobe; ločila
   so lasnice. Na tonski ploskvi so čipi, drugi gumb in vnosna polja beli,
   sicer bi se zlili s podlago. Stikalo: prazen tir z robom #6b5d4b
   (5,7:1), vklopljen je črnilo — karamela ni podlaga. Stanje deleža je
   beseda; barva ga samo poudari (plačano črnilo, čaka akcent #8a5b26). */
.razdeli,.dlj-pas{background:var(--noc);border:0;box-shadow:none}
.razdeli{padding:18px;border-radius:var(--r-kartica)}
.dlj-pas{margin:6px 0 4px;padding:12px 16px;border-radius:var(--r-drobno)}
.razdeli-h{font-family:var(--display);font-weight:400;font-size:var(--t-md);color:var(--slonovina);
  letter-spacing:0;text-transform:none}
.razdeli-p,.razdeli-rok{font-size:var(--t-sm);color:var(--telo-2);line-height:1.5}
.razdeli-stikalo .tir{background:var(--plosca);box-shadow:inset 0 0 0 1px var(--kamen)}
.razdeli-stikalo .tir::before{background:var(--kamen)}
.razdeli-stikalo[aria-checked="true"] .tir{background:var(--slonovina);box-shadow:none}
.razdeli-stikalo[aria-checked="true"] .tir::before{background:var(--plosca)}
.razdeli-stikalo:focus-visible,.razdeli-odstrani:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.razdeli .pill:not(.sel),.razdeli .btn-s{background:var(--plosca);border-color:transparent}
@media (hover:hover) and (pointer:fine){.razdeli .pill:not(.sel):hover,.razdeli .btn-s:hover{background:var(--tan-sled)}}
.razdeli .razdeli-oseba input{background:var(--plosca);border-color:var(--rob-k)}
.razdeli-oseba + .razdeli-oseba,.razdeli-vsota{border-top:1px solid var(--gravura)}
.razdeli-ti{font-weight:500;color:var(--slonovina)}
.razdeli-ti-ime{font-size:var(--t-sm);color:var(--telo-2)}
.razdeli-znesek,.razdeli-vnos{font-family:var(--num);color:var(--slonovina)}
.razdeli-znesek{font-size:var(--t-md)}
.razdeli-odstrani{color:var(--telo)}
@media (hover:hover) and (pointer:fine){.razdeli-odstrani:hover{background:var(--tan-sled);color:var(--slonovina)}}
.razdeli-vsota .vrstica{font-size:var(--t-md);color:var(--telo)}
.razdeli-vsota .vrstica b{font-family:var(--num);font-weight:400;color:var(--slonovina)}
.dlj-naslov{font-size:var(--t-sm);font-weight:500;color:var(--slonovina);letter-spacing:0;text-transform:none}
.dlj-skupaj,.dlj-znesek{font-family:var(--num);font-size:var(--t-sm);color:var(--telo)}
.dlj-kdo{font-size:var(--t-sm);color:var(--slonovina)}
.dlj-stanje{font-size:var(--t-sm);color:var(--telo-2)}
.dlj-stanje.s-placano{color:var(--slonovina);font-weight:500}
.dlj-stanje.s-caka,.dlj-tag{color:var(--medenina)}
.dlj-tag{font-size:var(--t-sm)}
.dlj-vrsta + .dlj-vrsta{border-top:1px solid var(--gravura-2)}
.dlj-rok{font-size:var(--t-sm);color:var(--telo);line-height:1.5}
/* stran deleža (deljeno.html): listek, pod njim znesek */
.dlj-vabi{font-size:var(--t-md);color:var(--telo)}
.dlj-oznaka{margin:0;font-size:var(--t-sm);color:var(--telo-2)}
.dlj-veliko{color:var(--slonovina)}
.dlj-sporocilo{margin:8px 0 0;font-size:var(--t-md);color:var(--telo)}
.dlj-sporocilo.ok{color:var(--slonovina);font-weight:500}
.dlj-skelet,.dlj-drobno{font-size:var(--t-sm);color:var(--telo-2);line-height:1.6}
.dlj-drobno{margin-top:18px}

/* Potrjen termin kot listek na temni ploskvi zaključka (predlog C).
   .done prepiše besedilne žetone v svetle; listek je bel, zato jih tu
   vrne v črnilo, zareza pa prevzame temno ploskev, na kateri listek leži. */
.done .done-listek{
  --slonovina:var(--sij);--telo:var(--kamen-d);--medenina:var(--medenina-d);
  --listek-zarez:var(--i-bg);
  max-width:420px;margin:22px auto 4px;text-align:left;color:var(--sij);
}
.done .done-listek .listek-opis,.done .done-listek .listek-kdaj > span{color:var(--kamen-d)}
.done .done-listek .listek-ura{color:var(--sij)}
.done .done-listek .listek-rez::before,.done .done-listek .listek-rez::after{box-shadow:none}
.done-listek.brez-ure .listek-rez,.done-listek.brez-ure .listek-noga{display:none}
#done-opomba{max-width:46ch;margin:6px auto 0}

/* ── bon kot kartica: predmet, ne škatla vmesnika ────────────────────
   Kartica bona je darilo, ki ga držiš v roki, zato edina med karticami
   obdrži mehko senco dviga. Svetli obliki (krem, Karamela) dobita še
   lasnico, sicer se na beli strani ne ločita od nje (krem na belem 1,2:1).
   Izbrana kartica v vrtiljaku nosi črnilni obroč (izbrano je ČRNILO),
   fokus s tipkovnico karamelnega (CGP §5). */
.bk-kartica{box-shadow:var(--senca-dvig)}
.bk-kartica[data-oblika="krem"],.bk-kartica[data-oblika="bel"]{box-shadow:inset 0 0 0 1px var(--gravura),var(--senca-dvig)}

/* ── Domov, Moja koda, skener, prihod (lastnica, 8. 10. 2026, po kitu
   »planet9«) ─────────────────────────────────────────────────────────
   Iste besede kot zgoraj: napis nad listkom v navadnem zapisu, hitra
   dejanja kot okrogla TONSKA ploskev (ne obroba), prazna stanja in razlage
   kot tonska ploskev brez roba, listek z lasnico brez sence. */
.dom-naslednji-h,.prh-zv-l,.mk-kaj{font-family:var(--body);font-size:var(--t-sm);font-weight:500;
  letter-spacing:0;text-transform:none;color:var(--telo-2)}
.dom-d-ik{background:var(--noc);color:var(--slonovina)}
@media (hover:hover) and (pointer:fine){.dom-d:hover .dom-d-ik{background:var(--tan-sled)}}
.dom-d-ime{font-family:var(--body);font-size:var(--t-sm);font-weight:500;line-height:1.25;color:var(--slonovina)}
.dom-prazno,.skener-brez,.prh-stanje,.prh-zv{background:var(--papir-2);border:0;border-radius:var(--r-kartica);box-shadow:none}
.dom-prazno-h{font-family:var(--display);font-weight:300;font-size:var(--t-lg);color:var(--slonovina)}
.dom-prazno-p{font-size:var(--t-sm);color:var(--telo-2)}
.dom-prazno-h,.dom-prazno-p{background:none}
.skener-brez-ik,.mk-obraz{background:var(--noc)}
.skener-brez .skener-brez-ik{background:var(--plosca)}
.dom-listek,.mk-listek,.prh-listek{box-shadow:inset 0 0 0 1px var(--gravura)}

/* ── slogi fotografij in barvna paleta salona (lastnica, 9. 10. 2026) ──
   Isti rokopis kot zgoraj: čipi so tonske pilule, izbrano je črnilo,
   napisi v navadnem zapisu, vrstice brez obrob.

   VZOREC ODTENKA je edina IZJEMA od pravila »vsaka barva je žeton«:
   barvo izbere salon (lak, barva las, črnilo) in je PODATEK, ne barva
   vmesnika. Pride kot lastnost --odtenek v atributu style, ki jo
   strežnik (server/paleta.js) in stran sprejmeta samo v obliki #rrggbb,
   in riše SAMO ploskev vzorca — besedila ne barva nikoli. Obroč vzorca
   je lasnica iz žetona --rob-k (krmilni rob, ≥ 3:1 na belem), zato bel
   lak ne izgine na beli podlagi; na obrnjeni ploskvi ga .poudarek sam
   preklopi v --i-rob-k. */
.odtenek-vzorec{
  display:inline-block;flex:none;width:28px;height:28px;border-radius:50%;
  background:var(--odtenek,transparent);
  box-shadow:inset 0 0 0 1px var(--rob-k);
}
.odtenek-vzorec.mali{width:16px;height:16px}
/* »Odločim se v salonu« in odtenek brez veljavne barve: prazen obroč. */
.odtenek-vzorec.prazen{background:none;box-shadow:none;border:1.5px dashed var(--rob-k)}

/* Galerija na profilu: čipi slogov nad mrežo (tonska pilula, izbran je
   črnilo — pravilo .chip zgoraj). Število je tiho, a ne bledo. */
.gal-slogi{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.gal-slogi .chip{
  min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--body);font-size:var(--t-sm);cursor:pointer;
}
.gal-slogi .chip-n{font-family:var(--num);font-size:var(--t-sm);color:var(--telo-2)}
.gal-slogi .chip.on .chip-n{color:var(--na-tanu)}

/* Stran skupine: vrstica »Po slogu« in fotografije pod kartico zadetka.
   Napis vrstice je drobni napis v navadnem zapisu, ne naslov razdelka. */
.kslogi{margin:0 0 20px}
.kslogi-h{margin:0 0 8px;font-family:var(--body);font-size:var(--t-sm);font-weight:500;
  letter-spacing:0;text-transform:none;color:var(--telo-2)}
.kslogi .kcipi{margin-bottom:0}
.kslog-fotke{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.kslog-foto{display:block;aspect-ratio:1;border-radius:var(--r-drobno);overflow:hidden;background:var(--vdolbina)}
.kslog-foto img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--foto-filter)}

/* Plošča: slog na objavi — oznake v vrstici, izbor pod gumbom. */
.post-slogi{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px}
.post-slogi .btn-link{min-height:44px}
.post-slogi-stanje{font-size:var(--t-sm);color:var(--telo-2)}
.post-slogi .slogi-izbor,.post-slogi-nova .slogi-izbor{flex-basis:100%}
.post-slogi-nova{margin:10px 0 14px}
.slogi-izbor{display:flex;flex-wrap:wrap;column-gap:18px}
.slogi-izbor legend{font-family:var(--body);font-weight:500}
.slogi-pomoc{flex-basis:100%;margin:6px 0 0;font-size:var(--t-sm);color:var(--telo-2)}

/* Plošča: barvna paleta salona. Vrstica je tonska ploskev brez roba; poteg
   pokaže cilj s črto v medenini, tipkovnica ima puščici (44 px). */
.paleta-pomoc{margin:0 0 6px;font-size:var(--t-sm);color:var(--telo-2)}
.paleta-seznam{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.paleta-seznam li{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;
  padding:6px 8px 6px 6px;border-radius:var(--r-drobno);background:var(--noc);
}
.paleta-seznam li.paleta-prazno{padding:16px 18px;font-size:var(--t-sm);color:var(--telo-2)}
.paleta-seznam li.vlece{opacity:.55}
.paleta-seznam li.cilj{box-shadow:0 -2px 0 var(--medenina)}
.paleta-rocaj{display:inline-grid;place-items:center;width:24px;height:44px;color:var(--telo-2);cursor:grab}
.paleta-rocaj svg{width:18px;height:18px;fill:currentColor}
.paleta-t{flex:1 1 120px;min-width:0;display:flex;flex-direction:column}
.paleta-ime{color:var(--slonovina);overflow-wrap:anywhere}
.paleta-koda{font-size:var(--t-sm);color:var(--telo-2)}
.paleta-zaloga{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:var(--t-sm);color:var(--telo);cursor:pointer}
.paleta-zaloga input{width:20px;height:20px;margin:0;flex:none}
.paleta-seznam li.ni-na-zalogi .paleta-ime{color:var(--telo-2)}
.paleta-dej{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:auto}
.paleta-dej .btn-link{min-height:44px}
.paleta-premik{
  width:44px;height:44px;border:0;border-radius:50%;padding:0;
  display:inline-grid;place-items:center;background:transparent;color:var(--slonovina);cursor:pointer;
}
@media (hover:hover) and (pointer:fine){.paleta-premik:hover{background:var(--tan-sled)}}
.paleta-premik:disabled{color:var(--telo-2);opacity:.4;cursor:default;background:transparent}
.paleta-premik svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.paleta-dodaj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;align-items:end;margin-top:16px}
.paleta-dodaj .fld{min-width:0;margin:0}
.paleta-dodaj .btn{min-height:44px}
.paleta-dodaj .note{grid-column:1/-1;margin:0}
.paleta-barva input[type="color"]{
  display:block;width:64px;height:44px;padding:4px;cursor:pointer;
  border:1px solid var(--rob-k);border-radius:var(--r-polje);background:var(--plosca);
}
.paleta-ur{flex-basis:100%;margin:4px 0 6px;padding:12px;border-radius:var(--r-drobno);background:var(--plosca)}
.paleta-ur-dej{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(min-width:720px){
  .paleta-dodaj{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) auto auto}
  .paleta-ur{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) auto auto}
}
#services li .svc-paleta{flex-basis:100%;display:flex;align-items:center;gap:9px;min-height:44px;
  font-size:var(--t-sm);color:var(--telo)}
#services li .svc-paleta input{width:20px;height:20px;margin:0;flex:none}

/* Odtenek na terminu: plošča, Moji termini. Vzorec in ime z besedo. */
.odtenek-vrsta,.appt .appt-odtenek{display:flex;align-items:center;gap:8px;margin-top:4px;
  font-size:var(--t-sm);color:var(--telo)}

/* Rezervacija: izbira odtenka. Ploščica je <label> okoli pravega radia,
   kot vrstica storitve — puščice, fokus in bralnik zaslona so izvorni.
   Izbrano pove TROJE: radio s piko, rob in tihi ton skupine (kot .paket);
   barva vzorca sama ni nikoli edini znak. */
.odtenek-izbor .podnapis{margin-bottom:2px}
.odt-pomoc{margin:0 0 10px;font-size:var(--t-sm);color:var(--telo-2)}
.odtenki{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.odtenek{
  position:relative;display:flex;align-items:center;gap:10px;min-height:56px;min-width:0;
  padding:10px 12px;border:1px solid var(--meja);border-radius:var(--r-drobno);
  background:var(--plosca);color:var(--slonovina);cursor:pointer;
}
@media (hover:hover) and (pointer:fine){.odtenek:hover{border-color:var(--rob-k)}}
.odtenek.sel,.odtenek:has(input:checked){border-color:var(--kat-tekst,var(--medenina));background:var(--kat-mavrica-tiha,none) var(--kat-tih,var(--tan-sled))}
.odtenek:has(input:focus-visible){outline:2px solid var(--medenina);outline-offset:3px}
.odtenek input{
  appearance:none;-webkit-appearance:none;order:3;margin:0 0 0 auto;flex:none;
  width:20px;height:20px;border-radius:50%;border:1.5px solid var(--rob-k);background:none;
  display:grid;place-items:center;cursor:pointer;
}
.odtenek input::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--kat-tekst,var(--medenina));transform:scale(0)}
.odtenek input:checked{border-color:var(--kat-tekst,var(--medenina))}
.odtenek input:checked::after{transform:scale(1)}
.odtenek input:focus-visible{outline:none}
.odtenek-t{display:flex;flex-direction:column;min-width:0}
.odtenek-ime{font-size:var(--t-sm);line-height:1.25;color:var(--slonovina);overflow-wrap:anywhere}
.odtenek-koda{font-size:var(--t-micro);color:var(--telo-2)}
/* ── družabna dinamika E in G (dinamika.js, migracija 091) ───────────
   Komentarji, ponovna objava in Novo pri tvojih stojijo na TONSKI
   ploskvi (--noc) brez roba; odgovor salona nosi karamelno črto na levi
   (grafika, ne besedilo) in napis v karamelni vlogi za besedilo
   (--medenina). Drobni napisi v navadnem zapisu, teža 500 samo na imenu.
   Napisa Pred in Po ležita na zastoru fotografije. */
.din-kom{border-top:1px solid var(--gravura-2)}
.din-k{background:var(--noc)}
.din-k.salon{background:var(--noc)}
.din-k-avtor{font-family:var(--body);font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.din-k-oznaka{font-family:var(--body);font-size:var(--t-xs);font-weight:500;color:var(--medenina)}
.din-k-cas{font-family:var(--body);font-size:var(--t-xs);color:var(--telo-2)}
.din-k-besedilo{font-size:var(--t-sm);line-height:1.5;color:var(--telo)}
.din-kom-st{font-family:var(--body);font-size:var(--t-sm);color:var(--telo-2)}
.din-ponovna{background:var(--noc)}
.din-ponovna-kdo{font-family:var(--body);font-size:var(--t-sm);color:var(--telo-2)}
.din-ponovna-kdo a{color:var(--medenina);font-weight:500}
@media (hover:hover) and (pointer:fine){.din-ponovna-kdo a:hover{color:var(--slonovina)}}
.din-ponovna-telo{font-size:var(--t-sm);line-height:1.5;color:var(--telo)}
.din-pp-oznaka{font-family:var(--body);font-size:var(--t-sm);font-weight:500;letter-spacing:0}
.din-pp-stranka{font-family:var(--body);font-size:var(--t-sm);color:var(--telo-2)}
.din-novo-h{font-family:var(--display);font-weight:400;font-size:var(--t-lg)}
.din-novo-k{background:var(--noc);border:0;color:var(--slonovina)}
@media (hover:hover) and (pointer:fine){.din-novo-k:hover{background:var(--tan-sled)}}
.din-novo-av{background:var(--plosca);font-family:var(--display);font-size:var(--t-lg);color:var(--slonovina)}
.din-novo-vrsta{font-family:var(--body);font-size:var(--t-xs);font-weight:500;color:var(--telo-2)}
.din-novo-vel{font-family:var(--num);font-weight:300;font-size:var(--t-xl);line-height:1.1;color:var(--slonovina)}
.din-novo-kdo{font-family:var(--body);font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.din-novo-opis{font-family:var(--body);font-size:var(--t-xs);color:var(--telo-2)}
.din-oznacene li{background:var(--noc)}
.din-oznacene .kdo{font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.din-oznacene .stanje{font-size:var(--t-xs);color:var(--telo-2)}
.din-video-pomoc{font-size:var(--t-sm);color:var(--telo-2);margin:0}
.obj-deljeno span{font-size:var(--t-sm);color:var(--telo-2)}
/* ── plačilo po računu z nakazilom (lastnica, 9. 10. 2026) ────────────
   Plačilni blok (placilo-racun.js) stoji na treh mestih: pod listkom v
   Mojih terminih, na zaključku rezervacije in na strani računa. Ploskev je
   TONSKA (--noc) brez roba, ločila so lasnice, kot pri garanciji in
   deljenem plačilu; gumbi za kopiranje so beli na njej. Na temnem
   zaključku rezervacije je blok bel kot listek nad njim in žetone vrne v
   črnilo. Zapadel rok pove BESEDA (in znak), barva ga samo poudari. */
.nak-blok{margin:6px 0 10px;padding:16px 18px;border-radius:var(--r-drobno);background:var(--noc);border:0;box-shadow:none;
  color:var(--telo);text-align:left}
.nak-glava{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin:0 0 8px}
.nak-h{font-family:var(--display);font-weight:400;font-size:var(--t-md);line-height:1.3;color:var(--slonovina);margin:0;letter-spacing:0;text-transform:none}
.nak-rok-glava{font-size:var(--t-sm);color:var(--telo)}
.nak-rok-glava.zapadel{color:var(--napaka);font-weight:500}
.nak-telo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;align-items:start}
.nak-podatki{margin:0;min-width:0}
/* Oznaka nad vrednostjo: v stolpcu ob njej bi na telefonu IBAN razpadel. */
.nak-vr{padding:6px 0 5px;border-top:1px solid var(--gravura-2)}
.nak-vr:first-child{border-top:0;padding-top:0}
.nak-vr dt{font-size:var(--t-sm);line-height:1.35;color:var(--telo-2)}
.nak-vr dd{margin:0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:var(--t-md);line-height:1.4;color:var(--slonovina)}
.nak-v{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.nak-st{font-family:var(--num);letter-spacing:.02em}
.nak-naslov{display:block;font-size:var(--t-sm);color:var(--telo)}
.nak-koda{font-size:var(--t-sm);color:var(--telo-2)}
/* Kopiraj je znak brez napisa, zato nosi obroč --rob-k (3:1 kot ura). */
.nak-kopiraj{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:var(--plosca);box-shadow:inset 0 0 0 1px var(--rob-k);color:var(--slonovina);cursor:pointer;
  transition:background .15s,color .15s}
.nak-kopiraj svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nak-kopiraj .nak-kop-ok,.nak-kopiraj.kopirano .nak-kop{display:none}
.nak-kopiraj.kopirano .nak-kop-ok{display:block}
@media (hover:hover) and (pointer:fine){.nak-kopiraj:hover{background:var(--tan-sled)}}
.nak-kopiraj:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.nak-kopiraj.kopirano{background:var(--slonovina);color:var(--plosca);box-shadow:none}
.nak-qr{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;width:190px}
.nak-qr img{display:block;width:170px;height:170px;border-radius:8px}
.nak-qr figcaption{font-size:var(--t-xs);line-height:1.45;color:var(--telo);text-align:center}
.nak-dej{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}
.nak-blok .btn-s{min-height:44px;background:var(--plosca);border-color:transparent;color:var(--slonovina)}
@media (hover:hover) and (pointer:fine){.nak-blok .btn-s:hover{background:var(--tan-sled)}}
.nak-zaprt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 16px}
.nak-stanje{margin:0;flex:1 1 200px;display:flex;align-items:center;gap:8px;font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.nak-stanje svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nak-opomba{margin:0;flex-basis:100%;font-size:var(--t-sm);color:var(--telo)}
@media (max-width:560px){
  .nak-telo{grid-template-columns:minmax(0,1fr)}
  .nak-qr{width:auto;justify-self:center}
}
/* Na temnem zaključku rezervacije (.done prepiše besedilne žetone v
   svetle): blok je bel kot listek, žetoni gredo nazaj v črnilo. */
.done .done-nak{max-width:420px;margin:14px auto 4px}
.done .nak-blok{--slonovina:var(--sij);--telo:var(--kamen-d);--medenina:var(--medenina-d);background:var(--plosca);color:var(--kamen-d)}
.done .nak-blok p{color:var(--kamen-d)}
.done .nak-blok .nak-stanje{color:var(--sij)}
.done .nak-blok .btn-s{background:var(--noc);color:var(--sij)}
@media (hover:hover) and (pointer:fine){.done .nak-blok .btn-s:hover,.done .nak-blok .nak-kopiraj:hover{background:var(--tan-sled);color:var(--sij)}}
.done .nak-blok .nak-kopiraj{color:var(--sij)}
.done .nak-blok .nak-kopiraj.kopirano{background:var(--sij);color:var(--plosca)}
/* plošča: nastavitev in seznam neplačanih računov (zavihek Plačila) */
.pay-nacin{margin:4px 0 0}
.pay-nacin .note:empty,.nak-nast .note:empty{display:none}
.nak-nast{margin:14px 0 8px;padding:16px 18px;border-radius:var(--r-drobno);background:var(--noc)}
.nak-nast h3{font-family:var(--display);font-weight:400;font-size:var(--t-md);color:var(--slonovina);margin:0 0 6px;letter-spacing:0;text-transform:none}
.nak-nast input,.nak-nast select{background:var(--plosca)}
.nak-nast > .note:not(.nak-pomoc){margin:0 0 14px}
.nak-nast .nak-pomoc{margin:-4px 0 12px}
.nak-dejanja{margin-top:4px}
.nak-dejanja .btn{min-height:44px}
.nak-racuni{margin:14px 0 4px}
.nak-vrsta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:10px 0;border-top:1px solid var(--gravura-2)}
.nak-vrsta:first-child{border-top:0}
.nak-kaj{min-width:0;font-size:var(--t-md);color:var(--slonovina)}
.nak-kaj b{font-family:var(--num);font-weight:500}
.nak-sub{display:block;font-size:var(--t-sm);color:var(--telo)}
.nak-koliko{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.nak-znesek{font-family:var(--num);font-size:var(--t-md);color:var(--slonovina)}
.nak-rok{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-sm);color:var(--telo)}
.nak-rok.zapadel{color:var(--napaka);font-weight:500}
.nak-rok svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nak-vr-dej{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.nak-vr-dej .btn-link{min-height:44px;display:inline-flex;align-items:center}
.nak-vr-dej .btn-s{min-height:44px}
.bk .ob.nak-oz.zapadel{color:var(--napaka)}
/* Rezervacija čaka na plačilo (lastnica, 19. 10. 2026; nakazilo.js).
   Stanje pove BESEDA (»čaka na plačilo do …«), teža jo samo poudari;
   nove barve ni. Na listku stoji kot oznaka v medenini, kot deljeno
   plačilo, ki zbira deleže. Na plošči je vrstica termina navadna, gumb
   Potrdi plačilo je drugi gumb; obrazec Sprosti termin je bela ploskev
   pod vrstico računa na tonski podlagi. */
.nkz-tag{color:var(--medenina);font-size:var(--t-sm);font-weight:500}
.nak-caka{margin:0 0 10px;font-size:var(--t-sm);line-height:1.5;color:var(--telo)}
.bk .ob.nak-oz.zadrzan,.nak-rok.zadrzan{color:var(--slonovina);font-weight:500}
/* »zadržano do 20. 10. 2026 ob 11:00« se lomi v desnem stolpcu, da na
   telefonu ne stisne številke računa in stranke v ozek stolpec. */
.nak-vrsta.zadrzan .nak-koliko{max-width:11em}
.nak-rok.zadrzan{display:block;text-align:right}
.bk .dejanja .nkz-potrdi{min-height:44px}
.nkz-sprosti{grid-column:1 / -1;margin:4px 0 2px;padding:12px 14px;border-radius:var(--r-drobno);background:var(--plosca)}
.nkz-sprosti textarea{width:100%;min-height:64px;resize:vertical}
.nkz-sprosti .note{margin:6px 0 8px}
.nkz-sprosti .note:empty{display:none}
.nkz-sprosti-dej{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.nkz-sprosti-dej .btn,.nkz-sprosti-dej .btn-link{min-height:44px}
.nkz-napaka{grid-column:1 / -1;margin:4px 0 0}

/* ── gibanje (gibanje-zacetek.js + gibanje.js, GSAP) ──────────────────
   Pred prvim izrisom html dobi gib-vstop in vsebina strani počaka na
   prihod; gibanje.js razred odvzame, ko je začetno stanje postavljeno.
   Brez JS, brez gibanja (prefers-reduced-motion) ali v merilniku razreda
   ni in stran stoji takoj. Rešilni pas v gibanje-zacetek.js razred po
   1,6 s odvzame tudi, če gibanje.js ne pride. */
html.gib-vstop main > :not(script):not(style):not([hidden]){opacity:0}
/* Lenis (mehko drsenje, gibanje.js) — njegova lastna nujna pravila, brez barv. */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}
html.lenis{scroll-behavior:auto} /* Lenis drsi sam; CSS-ov gladki zdrs bi se z njim tepel */

/* ═══════════════════════════════════════════════════════════════════
   Družbena dinamika F (lastnica, 9. 10. 2026: »uporabi vse«)
   Zbirke pri shranjenih, Zdaj prosto, Priporoči prijateljico, značke.
   Isti rokopis: tonske ploskve brez roba, izbrano je črnilo, napisi v
   navadnem zapisu, brez novih barv. Krmilni rob (vnos) je --rob-k (≥ 3:1).
   ═══════════════════════════════════════════════════════════════════ */

/* ── Zdaj prosto: obroč IN beseda z uro (barva ni edini znak) ──────── */
.zdaj-prosto{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;
  border-radius:var(--r-oval);background:var(--noc);color:var(--slonovina);
  font-family:var(--body);font-size:var(--t-sm);font-weight:500;line-height:1.2;text-decoration:none;
  transition:background-color .15s;
}
@media (hover:hover) and (pointer:fine){.zdaj-prosto:hover{background:var(--tan-sled);color:var(--slonovina)}}
.zdaj-prosto:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.zdaj-obroc{position:relative;flex:none;width:12px;height:12px;border-radius:50%;
  border:2px solid var(--medenina);box-shadow:inset 0 0 0 2px var(--noc),inset 0 0 0 6px var(--medenina)}
/* Miren val iz jedra, kot signal ob potrditvi — stanje, ne dogodek. */
.zdaj-obroc::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--karamela);
  opacity:0;animation:zdaj-val 2.4s ease-out infinite}
@keyframes zdaj-val{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(2.3);opacity:0}}
/* Na kartici visi pod kartico kot zavihek; v toku stoji ob imenu. */
.pkarta > .zdaj-prosto{margin:8px 0 0 12px}
.fpost .wt .zdaj-prosto{margin:-6px 0}
.fpost .foot-d{display:inline-flex;align-items:center;gap:6px}
/* S Prijavi (App Store 1.2) noga na ozkem telefonu ne gre v eno vrsto:
   dejanja se prelomijo pod datum in ostanejo desno. */
.fpost .foot{flex-wrap:wrap;row-gap:4px}
.fpost .foot-d{margin-left:auto}

/* ── zaznamek na objavi: zapolni se, kadar je shranjena ───────────── */
.zb-zaznamek{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--telo);cursor:pointer;transition:background-color .15s,color .15s}
.zb-zaznamek svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){.zb-zaznamek:hover{background:var(--noc);color:var(--slonovina)}}
.zb-zaznamek.on{color:var(--medenina)}
.zb-zaznamek.on svg{fill:currentColor}
.zb-zaznamek:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}

/* ── list »Shrani v …« in ime zbirke (zbirke.js) ───────────────────── */
html.zb-odprto,html.zb-odprto body{overflow:hidden}
.zb-oder{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center}
.zb-oder[hidden]{display:none}
.zb-list{
  width:min(560px,100%);max-height:86vh;overflow-y:auto;overscroll-behavior:contain;
  margin:0;padding:10px 20px calc(20px + env(safe-area-inset-bottom,0));
  background:var(--plosca);color:var(--slonovina);border-radius:var(--r-kartica) var(--r-kartica) 0 0;
  box-shadow:0 -14px 34px rgba(36,28,20,.12);animation:zb-gor .26s cubic-bezier(.2,.7,.2,1);
}
@keyframes zb-gor{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:720px){
  .zb-oder{align-items:center}
  .zb-list{border-radius:var(--r-kartica);padding-bottom:22px}
}
/* Shrani v … in ime zbirke (zbirke.js, [data-prehod]): list pride od
   spodnjega roba z iztekom predala in odide po isti poti, hitreje; zastor
   pobledi v 200 ms. Prehod in ne ključne sličice, da ga hitro zaprtje
   obrne z mesta, kjer je. Na širokem zaslonu stoji list na sredini kot
   okno, zato pride iz rahle pomanjšave. Lista Prijavi in Priporoči ga
   uporabljata prek window.TerminaList; zb-gor ostane samo še listom na
   straneh brez zbirke.js. */
.zb-oder[data-prehod].nadsloj::before{opacity:0;transition:opacity var(--t-small,200ms) var(--ease-out,cubic-bezier(.23,1,.32,1))}
.zb-oder[data-prehod].nadsloj.odprt::before{opacity:1}
.zb-oder[data-prehod] .zb-list{animation:none;transform:translateY(100%);
  transition:transform var(--t-sheet-out,260ms) var(--ease-drawer,cubic-bezier(.32,.72,0,1))}
.zb-oder[data-prehod].odprt .zb-list{transform:none;transition-duration:var(--t-sheet-in,420ms)}
@media(min-width:720px){
  .zb-oder[data-prehod] .zb-list{transform:scale(.96);opacity:0;
    transition:transform var(--t-small,200ms) var(--ease-out,cubic-bezier(.23,1,.32,1)),opacity var(--t-small,200ms) var(--ease-out,cubic-bezier(.23,1,.32,1))}
  .zb-oder[data-prehod].odprt .zb-list{transform:none;opacity:1;transition-duration:var(--t-panel,240ms)}
}
.zb-rocaj{display:block;width:40px;height:4px;margin:0 auto 14px;border-radius:999px;background:var(--gravura)}
/* Poteg za ročaj (zbirke.js priveziVlek): med vlekom in vzmetjo ni prehodov,
   zastor sledi legi lista. Ročaj in vrh lista sta tarča vleka. */
.zb-oder.vlece .zb-list{transition:none!important}
.zb-oder.vlece.nadsloj::before{transition:none;opacity:var(--zb-zastor,1)}
@media (max-width:719px){.zb-rocaj{touch-action:none;padding:10px 0;margin:-10px auto 4px;background-clip:content-box;box-sizing:content-box}}
.zb-h{margin:0 0 6px;font-family:var(--display);font-weight:300;font-size:var(--t-xl);color:var(--slonovina)}
.zb-h:focus{outline:none}
.zb-p{margin:0 0 14px;font-size:var(--t-sm);line-height:1.5;color:var(--telo-2)}
.zb-izbor{display:flex;flex-direction:column;gap:6px}
.zb-izbor[hidden],.zb-ni[hidden]{display:none}
/* Past za robote v listu prijave (dinamika.js): zunaj zaslona, ne skrita z
   display, da jo robot izpolni, človek pa nikoli ne vidi. */
.din-past{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}
.zb-vrsta[hidden]{display:none}
.zb-vrsta{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 14px;border-radius:var(--r-drobno);
  background:var(--noc);color:var(--slonovina);font-size:var(--t-md);cursor:pointer}
@media (hover:hover) and (pointer:fine){.zb-vrsta:hover{background:var(--tan-sled)}}
.zb-vrsta input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--slonovina);cursor:pointer}
.zb-vrsta:has(input:focus-visible){outline:2px solid var(--medenina);outline-offset:2px}
.zb-vrsta-ime{min-width:0;overflow-wrap:anywhere}
.zb-ni{margin:0;padding:14px 16px;border-radius:var(--r-drobno);background:var(--papir-2);font-size:var(--t-sm);color:var(--telo)}
.zb-lbl{display:block;margin:16px 0 6px;font-family:var(--body);font-size:var(--t-sm);font-weight:500;color:var(--telo-2)}
.zb-nova-vrsta{display:flex;gap:8px;align-items:center}
.zb-nova-vrsta input,.zb-ime input{flex:1;min-width:0;width:100%;min-height:44px;padding:0 16px;border:1px solid var(--rob-k);
  border-radius:var(--r-oval);background:var(--plosca);color:var(--slonovina);font-family:var(--body);font-size:var(--t-vnos)}
.zb-nova-vrsta input:focus-visible,.zb-ime input:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.zb-ime input[aria-invalid="true"]{border-color:var(--napaka)}
.zb-nova-vrsta .btn{flex:none;min-height:44px}
.zb-sporocilo{margin:10px 0 0}
.zb-ime-napaka{margin:8px 0 0}
.zb-dej{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:16px}
.zb-dej .btn{min-height:44px;padding:0 22px}
.zb-dej .btn-link{min-height:44px;display:inline-flex;align-items:center}
.zb-ime .zb-dej{justify-content:flex-end}
/* Besedilo v listu (Priporoči s profila salona, pj-priporoci.js): isto
   polje kot ime zbirke, le v več vrsticah; števec znakov pod njim. */
.zb-list textarea{display:block;width:100%;min-height:88px;padding:12px 16px;border:1px solid var(--rob-k);
  border-radius:var(--r-drobno);background:var(--plosca);color:var(--slonovina);font-family:var(--body);
  font-size:var(--t-vnos);line-height:1.45;resize:vertical}
.zb-list textarea:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.zb-list textarea:disabled{opacity:.7}
.pj-pl-st{margin:6px 0 0;font-size:var(--t-xs);color:var(--telo-2);text-align:right}
@media(prefers-reduced-motion:reduce){
  .zb-list{animation:none}
  .zb-oder[data-prehod] .zb-list{transform:none;opacity:0;transition:opacity var(--t-small,200ms) ease-out}
  .zb-oder[data-prehod].odprt .zb-list{opacity:1}
  .zdaj-obroc::after{animation:none;display:none}
  .zdaj-prosto,.zb-zaznamek{transition:none}
}

/* ── Shranjeno v Mojem računu: čipi zbirk, seznam pod njimi ───────── */
.zb-cipi{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.zb-cip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-oval);
  font-family:var(--body);font-size:var(--t-sm);cursor:pointer;max-width:100%}
.zb-cip-ime{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zb-cip .chip-n{font-family:var(--num);color:var(--telo-2)}
.zb-cip.on .chip-n{color:var(--na-tanu)}
.zb-cip:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.zb-cip-nova svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.zb-orodja{display:flex;flex-wrap:wrap;gap:0 18px;margin:-2px 0 4px}
.zb-orodja[hidden]{display:none}
.zb-orodja .btn-link{min-height:44px;display:inline-flex;align-items:center}
.zb-stanje{margin:0 0 6px}
.zb-stanje:empty{display:none}
.zb-podnaslov{margin:18px 0 2px;font-family:var(--body);font-size:var(--t-sm);font-weight:500;letter-spacing:0;
  text-transform:none;color:var(--telo-2)}
.zb-podnaslov[hidden]{display:none}
.flist li,.zb-objave li{flex-wrap:wrap}
.zb-objave{list-style:none;margin:0;padding:0}
.zb-objave[hidden]{display:none}
.zb-objave li{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;padding:13px 0;border-bottom:1px solid var(--gravura-2)}
.zb-objave li:last-child{border-bottom:none}
.zb-objave .fl-l{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 220px}
.zb-objave .fav{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--noc);display:grid;place-items:center;
  font-family:var(--display);color:var(--slonovina)}
.zb-objave .fav img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--foto-filter)}
.zb-objava-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.zb-objava-t .nm{font-family:var(--display);font-size:var(--t-base);color:var(--slonovina)}
.zb-objava-b{font-size:var(--t-sm);line-height:1.45;color:var(--telo);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zb-v{margin-top:2px;font-size:var(--t-sm);color:var(--telo-2)}
.zb-dejanja{display:flex;flex-wrap:wrap;gap:0 16px}
.zb-dejanja .btn-link{min-height:44px;display:inline-flex;align-items:center}

/* ── značke zvestobe: beseda z drobnim obročem, brez števcev ───────── */
.zn-vrsta{margin:0 0 18px}
.zn-vrsta[hidden]{display:none}
.zn-h{margin:0 0 8px;font-family:var(--body);font-size:var(--t-sm);font-weight:500;letter-spacing:0;text-transform:none;color:var(--telo-2)}
.zn-seznam{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.zn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 10px;border-radius:var(--r-oval);
  background:var(--noc);color:var(--slonovina);font-family:var(--body);font-size:var(--t-sm);font-weight:500}
/* Obroč z jedrom: pomanjšan znak znamke, v medenini. */
.zn-obroc{flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--medenina);
  box-shadow:inset 0 0 0 2.5px var(--noc),inset 0 0 0 7px var(--medenina)}
/* Značke ob avtorici na fotografiji skupnosti (na zastoru). */
.foto-znacke{display:block;margin-top:2px;font-family:var(--body);font-weight:500}

/* ── Priporoči prijateljico ─────────────────────────────────────────── */
.ppj-uvod{margin:0 0 14px;font-size:var(--t-md);line-height:1.55;color:var(--telo)}
.ppj-povezave{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ppj-povezave[hidden],.ppj-seznam[hidden],.ppj-prazno[hidden]{display:none}
.ppj-ponudnik{padding:16px;border-radius:var(--r-drobno);background:var(--noc)}
.ppj-glava{display:flex;align-items:center;gap:12px}
.ppj-glava .fav{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--plosca);display:grid;place-items:center;
  font-family:var(--display);color:var(--slonovina)}
.ppj-glava .fav img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--foto-filter)}
.ppj-kdo{display:flex;flex-direction:column;gap:2px;min-width:0}
.ppj-kdo .nm{font-family:var(--display);font-size:var(--t-lg);color:var(--slonovina);text-decoration:none}
.ppj-nagrada{font-size:var(--t-sm);line-height:1.45;color:var(--telo)}
.ppj-lbl{display:block;margin:14px 0 6px;font-size:var(--t-sm);font-weight:500;color:var(--telo-2)}
.ppj-url{width:100%;min-width:0;min-height:44px;padding:0 16px;border:1px solid var(--rob-k);border-radius:var(--r-oval);
  background:var(--plosca);color:var(--slonovina);font-family:var(--body);font-size:var(--t-sm);text-overflow:ellipsis}
.ppj-url:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.ppj-dej{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ppj-dej .btn{min-height:44px}
.ppj-ponudnik .btn-s{background:var(--plosca)}
/* Opozorilo o prekritih terminih v obrazcu dogodka (dogodki-plosca.js) je
   tonska ploskev: drugi gumb na njej stoji bel, da se ne zlije z njo. */
.dgp-prekrivanje .btn-s{background:var(--plosca)}
@media (hover:hover) and (pointer:fine){.dgp-prekrivanje .btn-s:hover{background:var(--tan-sled)}}
@media (hover:hover) and (pointer:fine){.ppj-ponudnik .btn-s:hover{background:var(--tan-sled)}}
.ppj-seznam{list-style:none;margin:0;padding:0}
.ppj-vrsta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 14px;min-height:44px;
  padding:10px 0;border-bottom:1px solid var(--gravura-2)}
.ppj-vrsta:last-child{border-bottom:none}
.ppj-v-kdo{display:flex;flex-direction:column;gap:2px;font-size:var(--t-md);color:var(--slonovina)}
.ppj-v-kdo small{font-size:var(--t-sm);color:var(--telo-2)}
.ppj-stanje{display:inline-flex;align-items:center;gap:7px;font-size:var(--t-sm);color:var(--telo)}
/* Stanje je beseda; znak jo samo spremlja: prazen obroč čaka, poln je podeljeno. */
.ppj-znak{flex:none;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--medenina)}
.ppj-vrsta.nagrajeno .ppj-znak{background:var(--medenina)}
.ppj-vrsta.nagrajeno .ppj-stanje{color:var(--slonovina);font-weight:500}
.ppj-prazno{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;border-radius:var(--r-kartica)}
.ppj-prazno h3{margin:0;font-family:var(--display);font-weight:300;font-size:var(--t-lg);color:var(--slonovina)}
.ppj-prazno p{margin:0 0 6px;color:var(--telo);line-height:1.55}
.ppj-prazno .btn{min-height:44px}
/* Rezervacija prek povezave: mirna vrstica nad koraki. */
.ppj-rez{margin:0 0 14px;padding:12px 16px;border-radius:var(--r-drobno);background:var(--noc);
  font-size:var(--t-sm);line-height:1.5;color:var(--slonovina)}
.ppj-rez[hidden]{display:none}
.ppj-p-p{margin-top:0}

/* ── Čas delovanja in paketi (frizerstvo F1, lastnica, 16. 10. 2026) ────
   Brez novih barv. Trak faz: zasedeno je medenina (5,60:1 na belem, nad
   3:1 za grafiko), okno delovanja je bela ploskev z rahlo karamelno
   šrafuro in lasnico --rob-k (3:1) — svetlejše, ker je oseba tam prosta.
   Napisi so --telo-2 na belem in na tonski ploskvi (--noc). Termin v oknu
   stoji na tonski ploskvi brez obrobe, kot igra pod terminom. */
.faze-trak{display:flex;gap:2px;height:10px;margin:8px 0 4px;max-width:420px}
.faze-trak .faza{flex:var(--m,1) 1 0;min-width:4px;border-radius:999px;background:var(--medenina)}
.faze-trak .faza.okno{background-color:var(--plosca);box-shadow:inset 0 0 0 1px var(--rob-k);
  background-image:repeating-linear-gradient(135deg,var(--tan-mehki) 0 3px,transparent 3px 7px)}
.faze-napis{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:var(--t-sm);line-height:1.45;color:var(--telo-2)}
.kol-faze{margin-top:4px}
.v-oknu{margin:8px 0 0;padding:8px 12px;border-radius:var(--r-drobno);background:var(--noc)}
.v-oknu-l{display:block;font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.v-oknu ul{list-style:none;margin:2px 0 0;padding:0}
.v-oknu li{font-size:var(--t-sm);line-height:1.5;color:var(--telo)}
.v-oknu .hm{font-family:var(--num);color:var(--slonovina)}
.v-oknu .who{color:var(--telo-2)}
.paket-koraki,.dlv-opis,.appt .appt-paket{font-size:var(--t-sm);line-height:1.45;color:var(--telo-2);margin-top:2px}
/* Obrazec storitve: stikalo in tri polja na tonski ploskvi, kot različice. */
.svc-ur .svc-dlv{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:var(--r-drobno);background:var(--noc)}
.svc-ur .svc-dlv[hidden],.svc-ur .dlv-polja[hidden],.svc-ur .fld[hidden]{display:none}
.svc-dlv .stik{display:flex;gap:9px;align-items:center;min-height:44px;font-size:var(--t-md);color:var(--slonovina)}
.svc-dlv .dlv-polja{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin:6px 0 4px}
.svc-dlv .dlv-polja .fld{margin:0;min-width:0}
.svc-dlv .dlv-polja input{width:100%;min-width:0;min-height:44px;background:var(--plosca);font-family:var(--num)}
.svc-dlv .dlv-trak-predogled,.svc-dlv .dlv-vsota{grid-column:1/-1}
.svc-dlv .dlv-vsota{margin:0;font-size:var(--t-sm);color:var(--telo)}
.svc-dlv .dlv-vsota:empty{display:none}
.svc-dlv .svc-pomoc{margin:4px 0 0}
/* Paketi na plošči: koraki po vrsti, vsak izbirnik in odstranitev. */
/* Naziv in skupina storitve (migracija 113) stojita v prvi vrsti vsak na
   pol, kot v obrazcu storitve. */
.pak-forma .pak-ime,.pak-forma .pak-razdelek{flex:1 1 calc(50% - 5px)}
/* Na telefonu je dolg naziv paketa (»Barvanje, striženje in feniranje«)
   v polovici odrezan: vsako polje dobi svojo vrstico. */
@media(max-width:560px){.pak-forma .pak-ime,.pak-forma .pak-razdelek{flex-basis:100%}}
.pak-koraki{flex-basis:100%;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pak-korak{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:end}
.pak-korak .fld{margin:0;min-width:0}
.pak-korak select{width:100%;min-width:0;min-height:44px}
.pak-odstrani{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--telo);cursor:pointer}
.pak-odstrani svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media (hover:hover) and (pointer:fine){.pak-odstrani:hover{background:var(--tan-sled);color:var(--slonovina)}}
.pak-odstrani:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.pak-dej-korak{flex-basis:100%}
.pak-dej-korak .btn{min-height:44px}
#pak-seznam li{flex-wrap:wrap}
#pak-seznam .hk-vrstica{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
#pak-seznam .btn-link{display:inline-flex;align-items:center;min-height:44px}
#pak-forma input{min-height:44px}
#pak-predlogi{margin-top:12px}

/* ── Frizerstvo F2 (lastnica, 16. 10. 2026; migracija 094) ─────────────
   Test alergije pred barvanjem (rezervacija, Moji termini, plošča) in cene
   po nivoju frizerke (plošča, izbira osebe). Brez novih barv: tonska
   ploskev --noc za razlago in stanje, lasnica za kartico na plošči, pilule
   in ure so iste kot drugod. Stanje testa je vedno BESEDA; barva ga samo
   spremlja (zastavica, nohti.css). */
.alg-izbor{margin-top:22px}
/* Privolitev k izidu testa alergije (rezervacija.html): ločena od izbire
   termina, ista ploskev kot privolitev vprašalnika (nohti.css .vpr-soglasje). */
.alg-priv{display:flex;align-items:flex-start;gap:12px;margin:14px 0 0;padding:14px 16px;min-height:44px;
  border-radius:var(--r-drobno);background:var(--papir-2);cursor:pointer}
.alg-priv input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--slonovina)}
.alg-priv span{font-size:var(--t-sm);color:var(--slonovina);line-height:1.55}
.alg-priv:has(input:focus-visible){outline:2px solid var(--medenina);outline-offset:2px}
.alg-izbor[hidden],.alg-opomba[hidden],.alg-test[hidden],.alg-stanje[hidden],.done-test[hidden]{display:none}
.alg-h{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:var(--t-base);letter-spacing:0;color:var(--slonovina)}
.alg-p{margin:0 0 12px;font-size:var(--t-sm);line-height:1.55;color:var(--telo)}
.alg-stanje,.alg-opomba{margin:0 0 12px;padding:12px 16px;border-radius:var(--r-drobno);background:var(--noc);
  font-size:var(--t-sm);line-height:1.5;color:var(--slonovina)}
.alg-opomba{margin-top:14px}
.alg-moznosti[hidden]{display:none}
.alg-test{margin-top:22px}
.alg-test-p{margin:0 0 10px;font-size:var(--t-sm);line-height:1.5;color:var(--telo)}
/* Ura testa nosi dan nad uro: test je drug dan kot barvanje. */
.alg-ura .alg-dan{display:block;font-family:var(--body);font-size:var(--t-micro);color:var(--telo)}
.alg-ura.sel .alg-dan{color:inherit}
.alg-ure .empty{font-size:var(--t-sm);color:var(--telo)}
.done-test{margin:12px auto 0;max-width:420px;text-align:center}
/* Moji termini: manjkajoč test pod barvanjem, z rokom in potjo. */
.appt-alergija{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin-top:6px;font-size:var(--t-sm);line-height:1.45;color:var(--slonovina)}
.appt-alergija .btn-link{min-height:44px;display:inline-flex;align-items:center}
/* Izbira osebe: cena osebe (nivo) pod imenom, pri »kdorkoli« razpon. */
.pill .niv-cena{display:block;margin-top:2px;font-family:var(--num);font-size:var(--t-xs);color:var(--telo-2)}
.pill.sel .niv-cena{color:inherit}

/* plošča: nastavitve testa v Storitvah */
.alg-nast-p{margin-top:0}
.alg-storitve{margin:4px 0 14px}
.alg-storitve legend{font-size:var(--t-sm);font-weight:500;color:var(--telo-2)}
.alg-storitve label{min-height:44px}
/* plošča: kartica stranke — test alergije (lasnica, kot vprašalnik) */
.alg-kart-mesto:empty{display:none}
.alg-kart{margin:0 0 18px;padding:16px 18px;border-radius:var(--r-kartica);border:1px solid var(--gravura-2)}
.alg-kart .zastavice{margin:0 0 10px}
.alg-kart-testi{list-style:none;margin:0 0 12px;padding:0}
.alg-kart-testi li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;min-height:44px;padding:6px 0;border-bottom:1px solid var(--gravura-2);font-size:var(--t-sm)}
.alg-kart-testi li:last-child{border-bottom:0}
.alg-kart-kdaj{font-family:var(--num);color:var(--slonovina)}
.alg-kart-kaj{flex:1 1 160px;min-width:0;color:var(--telo);overflow-wrap:anywhere}
.alg-kart-gumbi{display:inline-flex;flex-wrap:wrap;gap:0 14px}
.alg-kart-gumbi .btn-link{min-height:44px;display:inline-flex;align-items:center}
.alg-kart-dej{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0}
.alg-kart-dej .btn{min-height:44px}
.alg-kart-hramba{margin:10px 0 0;font-size:var(--t-sm);line-height:1.5;color:var(--telo-2)}

/* plošča: cene po nivoju frizerke */
.niv-telo[hidden]{display:none}
.niv-pod{margin:18px 0 8px;font-family:var(--display);font-weight:400;font-size:var(--t-md);letter-spacing:0;color:var(--slonovina)}
.niv-nivoji{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}
.niv-nivo{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:center}
.niv-nivo .fld{margin:0}
.niv-nivo input{min-width:0;width:100%;min-height:44px}
.niv-odstrani{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--telo);cursor:pointer}
.niv-odstrani svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media (hover:hover) and (pointer:fine){.niv-odstrani:hover{background:var(--tan-sled);color:var(--slonovina)}}
.niv-odstrani:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
.niv-dodaj{min-height:44px}
.niv-osebe{display:grid;gap:8px}
.niv-oseba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px 12px;align-items:center}
.niv-oseba label{font-size:var(--t-md);color:var(--slonovina);min-width:0;overflow-wrap:anywhere}
.niv-oseba label small{display:block;font-size:var(--t-sm);color:var(--telo-2)}
.niv-oseba select{min-width:0;width:100%;min-height:44px}
.niv-pomoc{margin:0 0 10px;font-size:var(--t-sm);line-height:1.5;color:var(--telo-2)}
.niv-storitve{display:grid;gap:12px}
.niv-storitev{margin:0;padding:12px 14px;border:0;border-radius:var(--r-drobno);background:var(--noc);min-width:0}
.niv-storitev legend{float:left;width:100%;margin:0 0 6px;padding:0}
.niv-st-ime{font-size:var(--t-md);font-weight:500;color:var(--slonovina)}
.niv-st-osn{font-family:var(--num);font-size:var(--t-sm);color:var(--telo)}
.niv-glava,.niv-vrsta{clear:both;display:grid;grid-template-columns:minmax(0,1fr) 92px 92px;gap:6px;align-items:center}
.niv-glava{margin-bottom:4px;font-size:var(--t-xs);color:var(--telo)}
.niv-vrsta{margin-bottom:6px}
.niv-vr-ime{min-width:0;font-size:var(--t-sm);color:var(--slonovina);overflow-wrap:anywhere}
.niv-vrsta input{min-width:0;width:100%;min-height:44px;padding-left:10px;padding-right:6px;font-family:var(--num);background:var(--plosca)}
.niv-dej{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px}
.niv-dej .note{margin:0}
@media(max-width:420px){
  .niv-glava,.niv-vrsta{grid-template-columns:minmax(0,1fr) 84px 84px}
  .niv-oseba{grid-template-columns:minmax(0,1fr)}
}

/* ── Vrsta v živo (F4, lastnica 16. 10. 2026; postavitev v vrsta.css) ──
   Tonske ploskve brez roba, kartice z lasnico brez sence, napisi v
   navadnem zapisu. Število pred tabo je stopnja »display« v Outfit 200:
   to je edini razlog za stran. Polja nosijo rob --rob-k (≥ 3:1). */
.vr-salon{font-family:var(--body);font-size:var(--t-sm);font-weight:500;color:var(--telo-2);text-decoration:none}
@media (hover:hover) and (pointer:fine){.vr-salon:hover{color:var(--slonovina)}}
.vr-l{margin:0;font-family:var(--body);font-size:var(--t-sm);font-weight:500;letter-spacing:0;text-transform:none;color:var(--telo-2)}
.vr-st{font-family:var(--num);font-weight:200;font-size:var(--t-display);letter-spacing:.012em;
  font-variant-numeric:tabular-nums;color:var(--slonovina)}
.vr-listek.na-vrsti .vr-st{font-size:var(--t-2xl);font-weight:300;letter-spacing:0}
/* Na vrsti si: listek postane edina obrnjena ploskev pogleda (.poudarek).
   Zareza perforacije ostane v barvi strani (--vr-stran v vrsta.css). */
.vr-listek.poudarek{box-shadow:none}
.vr-ocena{font-size:var(--t-md);line-height:1.45;color:var(--telo)}
.vr-drobno,.vr-osvezeno{margin:12px 0 0;font-size:var(--t-sm);line-height:1.6;color:var(--telo-2)}
.vr-stanje h2,.vr-forma h2{font-family:var(--display);font-weight:300;font-size:var(--t-xl);color:var(--slonovina)}
.vr-stanje p{color:var(--telo);line-height:1.55;margin:8px 0 16px}
.vr-forma input{border-color:var(--rob-k);background:var(--plosca)}
.vr-storitve legend,.vrp-dnevi legend,.vrp-storitve legend{font-family:var(--body);font-size:var(--t-sm);font-weight:500;color:var(--telo-2)}
.vr-storitev{background:var(--noc);border:1px solid transparent;border-radius:var(--r-drobno);color:var(--slonovina)}
@media (hover:hover) and (pointer:fine){.vr-storitev:hover{background:var(--tan-sled)}}
.vr-storitev.sel{background:var(--tan-mehki);border-color:var(--medenina)}
.vr-storitev input{accent-color:var(--medenina)}
.vr-storitev-ime{font-size:var(--t-md);font-weight:500}
.vr-storitev-m{font-size:var(--t-sm);color:var(--telo-2)}
/* pas na profilu */
.vrsta-pas{background:var(--noc);border:0;border-radius:var(--r-drobno)}
.vrsta-pas .vp-h{font-family:var(--body);font-size:var(--t-md);font-weight:500;color:var(--slonovina)}
.vrsta-pas .vp-s{font-size:var(--t-sm);color:var(--telo)}
.vrsta-pas .btn-s{background:var(--plosca)}
@media (hover:hover) and (pointer:fine){.vrsta-pas .btn-s:hover{background:var(--tan-sled)}}
/* plošča */
.vrp-stevec{background:var(--noc);border-radius:var(--r-drobno)}
.vrp-stevec span{font-size:var(--t-sm);font-weight:500;color:var(--telo-2)}
.vrp-stevec b{font-family:var(--num);font-weight:300;font-size:var(--t-2xl);color:var(--slonovina)}
.vrp-vrsta{background:var(--plosca);box-shadow:inset 0 0 0 1px var(--gravura-2);border-radius:var(--r-drobno)}
.vrp-vrsta.poklican{background:var(--noc);box-shadow:none}
.vrp-vrsta.poklican .btn-s{background:var(--plosca)}
@media (hover:hover) and (pointer:fine){.vrp-vrsta.poklican .btn-s:hover{background:var(--tan-sled)}}
.vrp-st{font-family:var(--num);font-weight:300;font-size:var(--t-lg);color:var(--slonovina)}
.vrp-ime{font-size:var(--t-md);font-weight:500;color:var(--slonovina)}
.vrp-m{display:block;font-size:var(--t-sm);line-height:1.45;color:var(--telo-2)}
.vrp-znak{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.vrp-znak::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--medenina)}
.vrp-dan{background:var(--noc);border-radius:var(--r-oval);font-size:var(--t-sm);color:var(--slonovina)}
.vrp-nast>summary,.vrp-zakljuceni summary{font-family:var(--body);font-size:var(--t-md);font-weight:500;color:var(--slonovina)}
.vrp-nast>summary:focus-visible,.vrp-zakljuceni summary:focus-visible{outline:2px solid var(--medenina);outline-offset:2px;border-radius:6px}
.vrp-qr-t p{margin:0;font-size:var(--t-sm);line-height:1.5;color:var(--telo-2)}
.vrp-hramba{font-size:var(--t-sm);color:var(--telo-2)}
.vrp-dodaj input,.vrp-dodaj select,.vrp-nast-mreza input{border-color:var(--rob-k)}

/* ═══════════════════════════════════════════════════════════════════
   STEKLO (CGP v12, lastnica 16. 10. 2026) — skupni gradniki na atmosferi
   Žetoni, .atmosfera in stekleni gradniki (.steklo-kartica, -krog,
   -pilula, -cip, -iskanje, -plava, -prihod) so v steklo.css. Tu je
   PREOBLEKA obstoječih skupnih gradnikov, samo na straneh z atmosfero
   (html[data-atmosfera]); plošča in skrbnik ostaneta, kot sta.
   Bela ostane barva KARTIC, ne strani: kartica je mlečno steklo
   (--steklo-gosto), pilula in čip tanjše steklo (--steklo). Izbrano
   ostane ČRNILO. Besedilo na steklu je izmerjeno na izrisanih pikslih
   (server/test-piksli.mjs, prizori steklo-*).
   ═══════════════════════════════════════════════════════════════════ */

/* Noga: konec strani je zrak na atmosferi, ne bel blok. */
[data-atmosfera] footer{background:transparent;border-top:0} /* brez lasnice nad nogo (24. 10. 2026, taste skill) */

/* Kartice z besedilom: gosto steklo, lasast svetel rob, topla senca.
   Izbrana kartica (.sel) in obrnjena ploskev (.poudarek) obdržita svojo
   podlago. Vrstice v dolgih seznamih (.grid .pcard, .fpost, .akart) so
   gosto steklo BREZ zameglitve: pod njimi je že zamegljena atmosfera,
   zameglitev bi le še enkrat zabrisala zrno, na telefonu pa drsenje
   dolgega seznama stane vsaka ploskev z backdrop-filter. */
/* Vsebina je TRDNA (Nova podoba, 28. 10. 2026; skill Apple Design §12:
   steklo je plast za tisto, kar lebdi ali upravlja, vsebina pod njo je
   polna): kartice, objave in akcije na atmosferi so bela ploskev z
   lasnico, brez sence in brez zameglitve. Prej mlečno steklo (v12). */
[data-atmosfera] .card:not(.sel):not(.poudarek),
[data-atmosfera] .kprazno{
  background:var(--plosca);border-color:var(--gravura-2);
  box-shadow:none;border-radius:var(--r-steklo-kartica);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
[data-atmosfera] .grid .pcard,
[data-atmosfera] .fpost,
[data-atmosfera] .akart{
  background:var(--plosca);border-color:var(--gravura-2);
  box-shadow:none;
}
[data-atmosfera] .grid .pcard{border-radius:var(--r-steklo-kartica)}
@media (hover:hover) and (pointer:fine){[data-atmosfera] .grid .pcard:hover{background:var(--plosca);border-color:var(--rob-k)}}

/* Čipi in filtri, ki stojijo neposredno na atmosferi: tanjše steklo.
   Na tonski ploskvi (#F6F2EC) bi bili bež madeži na barvni podlagi.
   Izbran je črnilo, kot povsod. */
[data-atmosfera] .skupine .sk .sk-p,
[data-atmosfera] .cats .cat,
[data-atmosfera] .prosto .prosto-p,
[data-atmosfera] .kcipi .kcip{
  background:var(--steklo);border-color:var(--steklo-rob);
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);
}
@media (hover:hover) and (pointer:fine){[data-atmosfera] .skupine .sk:hover .sk-p,
[data-atmosfera] .cats .cat:hover,
[data-atmosfera] .prosto .prosto-p:hover,
[data-atmosfera] .kcipi .kcip:hover{background:var(--steklo-gosto);border-color:var(--steklo-rob)}}
[data-atmosfera] .skupine .sk.on .sk-p,
[data-atmosfera] .cats .cat.on,
[data-atmosfera] .prosto .prosto-p[aria-pressed="true"]{
  background:var(--slonovina);border-color:var(--slonovina);color:var(--na-tanu);
}
/* Čip SKUPINE (Najdi, naslovnica; lastnica 16. 10. 2026): brez ikone in
   pike, rob v barvi pike — pastel z lasnico --kat-tekst zunaj, kot
   .steklo-cip[data-kat] v steklo.css (pastel sam meri na atmosferi
   ~1,4:1). Izbran je črnilo s pastelnim robom brez lasnice. */
[data-atmosfera] .skupine .sk[data-kat]:not([data-kat=""]) .sk-p{
  position:relative;   /* mavrični obroč Frizerstva (steklo.css) */
  border:2px solid var(--kat-pastel);box-shadow:0 0 0 1px var(--kat-tekst);
}
@media (hover:hover) and (pointer:fine){[data-atmosfera] .skupine .sk[data-kat]:not([data-kat=""]):hover .sk-p{border-color:var(--kat-pastel)}}
[data-atmosfera] .skupine .sk.on[data-kat]:not([data-kat=""]) .sk-p{border-color:var(--kat-pastel);box-shadow:none}
[data-atmosfera] .skupine .sk .kat-pika{display:none}
/* Zavihki skupin na temnem odru naslovnice: pastelni rob sveti sam. */
[data-atmosfera] .hero-skupine a[data-kat]{border:2px solid var(--kat-pastel)}
[data-atmosfera] .hero-skupine.viseci a[data-kat]{border:0;
  box-shadow:inset 0 2px 0 var(--kat-pastel),inset 2px 0 0 var(--kat-pastel),inset -2px 0 0 var(--kat-pastel)}

/* Izbran čip storitve na strani skupine ostane tihi ton skupine z robom
   (kategorija.css): tam barva pove skupino, ne samo izbire. */
[data-atmosfera] .kcipi .kcip.on{background:var(--kat-mavrica-tiha) var(--kat-tih);border-color:var(--kat-tekst)}

/* Iskalno polje (Najdi, Blizu): steklena iskalna vrstica. */
[data-atmosfera] .search input,
[data-atmosfera] #q{
  height:54px;border-radius:28px;padding-left:20px;
  background:var(--steklo-gosto);border:1px solid var(--steklo-rob);box-shadow:var(--steklo-senca);
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);
}

/* Vrstica zavihkov (samo v aplikaciji, [data-nativno]): plavajoča
   steklena pilula iz aplikacija.css. Na atmosferi nosi žetone stekla;
   izbrani zavihek ostane ČRNILO s kremnim znakom tudi na strani skupine
   (predloga Zate, lastnica 23. 10. 2026) — barvo skupine nosi atmosfera,
   ne izbira. */
[data-atmosfera][data-nativno] .zavihki{
  background:var(--steklo-tanko);border:1px solid var(--steklo-rob);
  box-shadow:var(--steklo-senca-plava);
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);
}
[data-atmosfera] .zavihki a.on{color:var(--slonovina)}
[data-atmosfera] .zavihki a.on::before{background:var(--slonovina)}
@media (prefers-reduced-transparency:reduce){
  [data-atmosfera][data-nativno] .zavihki{background:var(--plosca);border-color:var(--gravura)}
}

/* ═══════════════════════════════════════════════════════════════════
   NASLOVNICA V OKVIRČKIH (lastnica, 17. 10. 2026: »malo bolj
   strukturiraj v forme … kratko, jedrnato, enostavno«; okvirček =
   vsaka postavka v svoji jasno vidni škatli)
   Vsak razdelek naslovnice ima ISTO glavo: nadnapis v navadnem zapisu
   (eleganca: verzalke ostanejo le znaku), naslov v Outfit in ena kratka
   vrstica. Postavke stojijo v okvirčkih: mlečno steklo z VIDNO lasnico
   (--steklo-okvir = --gravura; bel rob stekla se na svetli atmosferi ne
   bere kot okvir) in toplo senco. Brez zameglitve, kot vrstice seznamov:
   atmosfera pod njimi je že zamegljena. Tanke črte med postavkami so
   odšle — ločuje jih zrak. Mreže so v naslovnica.css.
   ═══════════════════════════════════════════════════════════════════ */
.razdelek-glava{max-width:640px;margin:0 0 26px}
.razdelek-k{margin:0 0 8px;font-family:var(--body);font-size:var(--t-sm);font-weight:500;
  line-height:1.3;letter-spacing:0;text-transform:none;color:var(--atm-poudarek,var(--medenina))}
body.razdelki .razdelek-glava h2{margin:0 0 8px}
body.razdelki .razdelek-glava .sub{margin:0;max-width:52ch}

[data-atmosfera] .okvircek{
  position:relative;min-width:0;margin:0;
  background:var(--steklo-gosto);border:1px solid var(--steklo-okvir);
  border-radius:var(--r-steklo-ploscica);box-shadow:var(--steklo-senca);
  padding:22px 22px 24px;color:var(--telo);
}
/* Večje škatle (paketi, kalkulator, Začni) nosijo radij kartice. */
[data-atmosfera] .pplan.okvircek,[data-atmosfera] .sestavi.okvircek,[data-atmosfera] .zacetek-okvir{border-radius:var(--r-steklo-kartica)}

/* Koraki, Za koga, Kaj še ni tu: naslov, ena vrstica ali kratek seznam. */
.okvircek.korak h3,.okvircek.koga-kartica h3,.okvircek.meja h3,.okvircek.pl-nadomestek h3{
  margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:var(--t-lg);line-height:1.2;
  letter-spacing:-.01em;color:var(--slonovina)}
.okvircek.korak p,.okvircek.meja p,.okvircek.koga-kartica p,.okvircek.pl-nadomestek p{margin:0;font-size:var(--t-md);line-height:1.55;color:var(--telo)}
/* Številka koraka: velika tanka številka 01–03 (.stevilka spodaj); tu je
   samo njen prostor nad naslovom. */
.korak-st{display:block;margin:0 0 14px}
.okvircek.koga-kartica{display:flex;flex-direction:column}
.okvircek.koga-kartica .who{margin:0 0 10px}
.okvir-seznam{list-style:none;margin:6px 0 0;padding:0}
.okvir-seznam li{position:relative;padding:5px 0 5px 18px;font-size:var(--t-md);line-height:1.45;color:var(--telo)}
.okvir-seznam li::before{content:"";position:absolute;left:2px;top:.95em;width:6px;height:6px;border-radius:50%;background:var(--medenina)}
.okvir-pot{display:inline-flex;align-items:center;min-height:44px;margin:8px 0 -10px;align-self:flex-start;
  font-size:var(--t-sm);font-weight:500;color:var(--medenina);text-decoration:underline;text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){.okvir-pot:hover{color:var(--slonovina)}}
.okvir-pot:focus-visible{outline:2px solid var(--medenina);outline-offset:2px;border-radius:4px}

/* Paketi: tri enake škatle; Plus obdrži poudarek, ki ga je imel (rob
   --medenina-d), izbrani paket rob v črnilu. Alineje brez črt. */
[data-atmosfera] .pplan.okvircek{padding:26px 24px 24px;background:var(--steklo-gosto);border-color:var(--steklo-okvir);box-shadow:var(--steklo-senca)}
[data-atmosfera] .pplan.okvircek.hi{border-color:var(--medenina-d)}
[data-atmosfera] .pplan.okvircek.izbran{border-color:var(--slonovina)}@media (hover:hover) and (pointer:fine){[data-atmosfera] .pplan.okvircek:hover{border-color:var(--slonovina)}}
[data-atmosfera] .pplan.okvircek ul{margin-bottom:20px}
[data-atmosfera] .pplan.okvircek li{border-top:0;padding:5px 0 5px 20px}
[data-atmosfera] .pplan.okvircek li::before{top:13px;left:2px}
[data-atmosfera] .pplan.okvircek .pdesc{min-height:0;margin-bottom:10px}
/* Obračun: steklena pilula z robom krmilnega elementa (≥ 3:1). */
[data-atmosfera] .plani .bill-toggle{background:var(--steklo-gosto);border:1px solid var(--rob-k);border-radius:999px;padding:3px;gap:2px}
[data-atmosfera] .plani .bill-toggle button{min-height:44px;background:transparent;border-color:transparent}
@media (hover:hover) and (pointer:fine){[data-atmosfera] .plani .bill-toggle button:hover{background:var(--tan-sled)}}
[data-atmosfera] .plani .bill-toggle button.on{background:var(--slonovina);color:var(--na-tanu)}
[data-atmosfera] .plani .bill-note{margin:0}

/* Drobni tisk: dva okvirčka, alineje brez črt. */
[data-atmosfera] .drobni-tisk{margin-top:16px;gap:16px}
[data-atmosfera] .dt-blok.okvircek{padding:20px 22px 18px}
[data-atmosfera] .dt-blok .dt-h{border-bottom:0;padding-bottom:0;margin:0 0 4px}
[data-atmosfera] .dt-blok .plan-alineje{margin:0}
[data-atmosfera] .dt-blok .plan-alineje li{border-top:0;padding:4px 0}
[data-atmosfera] .dt-blok p{padding-top:4px}

/* Kalkulator: okvirček, izid bela kartica v njem. */
[data-atmosfera] .sestavi.okvircek{margin-top:16px;padding:28px 28px 22px}
@media(max-width:720px){[data-atmosfera] .sestavi.okvircek{padding:22px 18px 16px}}
[data-atmosfera] .sestavi .sest-izid{background:var(--plosca);border:1px solid var(--steklo-okvir)}
[data-atmosfera] .sestavi .sest-razcl li{border-top:0;padding:4px 0}

/* Začni: okvirček je zastor na krogli, zato edini z zameglitvijo. */
[data-atmosfera] .zacetek-okvir{
  padding:26px 24px 28px;text-align:center;
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);
}
.zacetek-okvir .sig{margin:0 0 10px}
.zacetek-okvir .sig .znamka{font-size:var(--t-lg);color:var(--slonovina)}
body.razdelki .zacetek-okvir h2{margin:0 0 6px}
body.razdelki .zacetek-okvir .sub{margin:0 auto 20px;max-width:40ch}
.zacetek-okvir .cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
@media(prefers-reduced-motion:reduce){.okvir-pot{transition:none}}

/* ═══════════════════════════════════════════════════════════════════
   MAPA IN ŠTEVILKE — predlog, čaka na potrditev lastnice (18. 10.
   2026; po predlogi z mapami, v paleti in pisavah Termine; DESIGN.md
   »Steklo · mapa in številke«)
   ═══════════════════════════════════════════════════════════════════ */

/* MAPA: okvirček z zavihkom zgoraj levo. Steklo in lasnica tečeta okoli
   zavihka in telesa kot ENA oblika (clip-path: shape()), zato ni ne šiva
   ne dvojnega roba: ::before je steklo v obliki mape, ::after lasnica kot
   obroč iste oblike (evenodd, 1 px navznoter). Zavihek nosi drobni napis
   okvirčka (.mapa-zavihek); njegovo širino (--mapa-s) prebere script.js
   z izrisanega napisa, da zavihek sede na besedo v vsakem jeziku. Senca
   je samo zunanja topla (notranji svetli odsev stekla bi na prozornem
   okvirju risal črto čez zarezo nad telesom). Brez shape() ostane
   navaden okvirček z napisom na vrhu. */
@supports (clip-path:shape(from 0 0,line to 1px 1px)){
  [data-atmosfera] .okvircek.mapa{
    --mapa-v:34px;          /* višina zavihka */
    --mapa-s:7em;           /* širina zavihka do začetka pregiba (script.js) */
    --mapa-zunaj:
      from 0 20px,
      curve to 20px 0 with 0 8.95px / 8.95px 0,
      hline to var(--mapa-s),
      curve to calc(var(--mapa-s) + 28px) var(--mapa-v) with calc(var(--mapa-s) + 14px) 0 / calc(var(--mapa-s) + 14px) var(--mapa-v),
      hline to calc(100% - 26px),
      curve to 100% calc(var(--mapa-v) + 26px) with calc(100% - 11.64px) var(--mapa-v) / 100% calc(var(--mapa-v) + 11.64px),
      vline to calc(100% - 26px),
      curve to calc(100% - 26px) 100% with 100% calc(100% - 11.64px) / calc(100% - 11.64px) 100%,
      hline to 26px,
      curve to 0 calc(100% - 26px) with 11.64px 100% / 0 calc(100% - 11.64px),
      close;
    --mapa-znotraj:
      move to 1px 20px,
      curve to 20px 1px with 1px 9.51px / 9.51px 1px,
      hline to calc(var(--mapa-s) - .6px),
      curve to calc(var(--mapa-s) + 27.4px) calc(var(--mapa-v) + 1px) with calc(var(--mapa-s) + 13.4px) 1px / calc(var(--mapa-s) + 13.4px) calc(var(--mapa-v) + 1px),
      hline to calc(100% - 26px),
      curve to calc(100% - 1px) calc(var(--mapa-v) + 26px) with calc(100% - 12.19px) calc(var(--mapa-v) + 1px) / calc(100% - 1px) calc(var(--mapa-v) + 12.19px),
      vline to calc(100% - 26px),
      curve to calc(100% - 26px) calc(100% - 1px) with calc(100% - 1px) calc(100% - 12.19px) / calc(100% - 12.19px) calc(100% - 1px),
      hline to 26px,
      curve to 1px calc(100% - 26px) with 12.19px calc(100% - 1px) / 1px calc(100% - 12.19px),
      close;
    background:none;border:0;isolation:isolate;
    border-radius:20px var(--r-steklo-ploscica) var(--r-steklo-ploscica);
    /* samo zunanji del --steklo-senca (isti kot pri steklu, ki je črnilo) */
    box-shadow:var(--steklo-senca-crnilo);
    padding-top:calc(var(--mapa-v) + 18px);
  }
  [data-atmosfera] .okvircek.mapa::before,
  [data-atmosfera] .okvircek.mapa::after{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  }
  [data-atmosfera] .okvircek.mapa::before{background:var(--steklo-gosto);clip-path:shape(var(--mapa-zunaj))}
  [data-atmosfera] .okvircek.mapa::after{background:var(--steklo-okvir);clip-path:shape(evenodd var(--mapa-zunaj),var(--mapa-znotraj))}
  [data-atmosfera] .okvircek.mapa .mapa-zavihek{
    position:absolute;left:0;top:0;height:var(--mapa-v);margin:0;padding:0 2px 0 22px;
    display:flex;align-items:center;white-space:nowrap;
  }
}
@media (prefers-reduced-transparency:reduce){[data-atmosfera] .okvircek.mapa{box-shadow:none}}

/* ŠTEVILKE: velike tanke številke 01, 02, 03 ob postavkah zaporedja
   (Kako deluje). Outfit 200 (CGP: vse številke v Outfit 200–400) v
   akcentu besedila: tiho jo naredi tanka poteza, ne svetlejša barva
   (sivo črnilo --rob-k se je na toplem steklu bralo kot tuja siva).
   Okras, ki je velik grafični napis in drži 3:1 na izrisanem steklu
   (bralniku je skrit, zaporedje pove <ol>). */
.stevilka{display:block;font-family:var(--num);font-weight:200;font-size:clamp(48px,4.4vw,60px);
  line-height:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--atm-poudarek,var(--medenina))}


/* ═══════════════════════════════════════════════════════════════════
   VPRAŠAJ SKUPNOST (lastnica, 17. 10. 2026; vprasanja.js, vprasanja.css)
   Na atmosferi skupnosti stoji vsaka postavka v okvirčku (mlečno steklo
   z lasnico), vprašanje v steklu kartice, kartica ponudnika v odgovoru
   je BELA z lasnico (bela je barva kartic). Izbrano (segment, Pomagalo mi
   je, Koristno) je ČRNILO; neizbran preklop je tonska ploskev (--noc)
   brez roba, kot drugi gumb. Čip skupine je čip SKUPINE iz steklo.css:
   rob v barvi pike z lasnico, brez ikone in pike. Odgovor salona nosi
   karamelno črto (grafika) in napis v karamelni vlogi za besedilo.
   Drobni napisi v navadnem zapisu. Plošča ostane bela: vrstice in
   odgovori so bele z lasnico, tonska ploskev samo za preklope.
   ═══════════════════════════════════════════════════════════════════ */
.vsk-seg .steklo-cip[aria-current="page"]{background:var(--slonovina);border-color:var(--slonovina);color:var(--na-tanu)}
.vsk-glava-p,.vsk-zate-p,.vsk-obrazec-p{font-size:var(--t-md);line-height:1.5;color:var(--telo)}
.vsk-h,.vsk-nov-h{font-family:var(--display);font-weight:400;font-size:var(--t-xl);line-height:1.15;letter-spacing:-.01em;color:var(--slonovina)}
.vsk-zate-h,.vsk-odg-h,.vsk-obrazec-h{font-family:var(--display);font-weight:400;font-size:var(--t-lg);line-height:1.2;color:var(--slonovina)}
.vsk-kraj-lbl{font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.vsk-pocisti,.vsk-vsa,.vsk-prijava{font-size:var(--t-sm);font-weight:500;color:var(--medenina)}
@media (hover:hover) and (pointer:fine){.vsk-vsa:hover,.vsk-prijava:hover{color:var(--slonovina)}}
[data-atmosfera] .vsk-kraj-f input{background:var(--steklo-gosto);border:1px solid var(--rob-k);border-radius:999px}
.vsk-kraj-f input::placeholder{color:var(--telo);opacity:1}
.vsk-obrazec [aria-invalid="true"]{border-color:var(--napaka)}
.vsk-stevilo{font-size:var(--t-sm);color:var(--telo-2)}
.vsk-v-pov{font-family:var(--display);font-weight:400;font-size:var(--t-lg);line-height:1.3;color:var(--slonovina)}
.vsk-v-pl .vsk-v-pov,.vsk-v-kompakt .vsk-v-pov{font-size:var(--t-md)}
.vsk-v-meta,.vsk-d-meta,.vsk-d-kdo,.vsk-o-cas,.vsk-stevec,.vsk-pomoc{font-family:var(--body);font-size:var(--t-xs);color:var(--telo-2)}
.vsk-d-kdo{font-size:var(--t-sm)}
.vsk-znak{font-family:var(--body);font-size:var(--t-xs);font-weight:500;background:var(--noc);color:var(--slonovina)}
.vsk-znak-pomagalo .vsk-kljuk{color:var(--medenina)}
.steklo-cip.vsk-skup{font-size:var(--t-xs)}
.vsk-prazno,.vsk-prazno p,.vsk-zakaj{font-size:var(--t-md);line-height:1.5;color:var(--telo)}
.vsk-nazaj{font-family:var(--body);font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
@media (hover:hover) and (pointer:fine){.vsk-nazaj:hover{background:var(--tan-sled)}}
.vsk-d-besedilo{font-family:var(--display);font-weight:400;font-size:var(--t-xl);line-height:1.25;letter-spacing:-.01em;color:var(--slonovina)}
.vsk-o-ime,.vsk-k-ime{font-family:var(--body);font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.vsk-o-oznaka{font-family:var(--body);font-size:var(--t-xs);font-weight:500;color:var(--medenina)}
.vsk-o-besedilo{font-size:var(--t-md);line-height:1.55;color:var(--telo)}
.vsk-o-av,.vsk-k-av{background:var(--noc);font-family:var(--display);font-size:var(--t-lg);color:var(--slonovina)}
.vsk-k{background:var(--plosca);border:1px solid var(--gravura);color:var(--slonovina)}
@media (hover:hover) and (pointer:fine){a.vsk-k:hover{border-color:var(--rob-k)}}
.vsk-k-pod{font-family:var(--body);font-size:var(--t-xs);color:var(--telo-2)}
.vsk-k-pusc{color:var(--medenina)}
.vsk-preklop{background:var(--noc);color:var(--slonovina);font-size:var(--t-sm);font-weight:500}
@media (hover:hover) and (pointer:fine){.vsk-preklop:hover{background:var(--tan-sled)}}
.vsk-preklop[aria-pressed="true"]{background:var(--slonovina);color:var(--na-tanu)}
.vsk-koristno-st{font-size:var(--t-sm);color:var(--telo-2)}
.vsk-izb-h{font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.vsk-izb-zadetek{background:var(--plosca);border-color:var(--gravura);color:var(--slonovina)}
@media (hover:hover) and (pointer:fine){.vsk-izb-zadetek:hover{border-color:var(--rob-k)}}
.vsk-pl-st{font-size:var(--t-sm);font-weight:500;color:var(--medenina)}
/* plošča (bela): vrstice, vprašanje in odgovori so bele z lasnico */
.vsk-v-pl,.vsk-d-pl,.vsk-o-pl,.vsk-obrazec-pl{background:var(--plosca);border:1px solid var(--gravura)}
@media (hover:hover) and (pointer:fine){.vsk-v-pl:hover{border-color:var(--rob-k)}}
.vsk-d-skup{background:var(--noc);font-size:var(--t-xs);font-weight:500;color:var(--slonovina)}
/* plošča: prazna stanja so tiha tonska ploskev, ne gola vrstica */
.vsk-pl-prazno,.vsk-z-telo .vsk-odg-prazno{padding:14px 16px;border-radius:var(--r-drobno);background:var(--noc);font-size:var(--t-sm)}
/* Zate: kratka vrsta vprašanj, manjši okvirček */
[data-atmosfera] .okvircek.vsk-v-kompakt{padding:14px 18px 15px}

/* Zahteve zaposlenih za izbris računa v Ekipi (izbris-zaposlenega.js, App
   Store 5.1.1(v)): tonska ploskev kot prazna stanja, ne obroba. */
.izb-zahteve{display:grid;gap:10px;margin:0 0 18px}
.izb-zahteve[hidden]{display:none}
.izb-zahteva{padding:14px 16px;border-radius:var(--r-drobno);background:var(--noc)}
.izb-zahteva-p{margin:0 0 10px;font-size:var(--t-md);line-height:1.5;color:var(--slonovina)}
.izb-zahteva .btn{min-height:44px}
.izb-zahteva .note:empty{display:none}
.izb-opis{margin:0 0 14px}

/* ══ Apple Design (lastnica, 28. 10. 2026: »naj se termina drži pravil
   apple skilla«) ═════════════════════════════════════════════════════════
   Skupna pravila za vse strani; pravila znamke (CLAUDE.md, CGP) imajo
   prednost. Pregled po skillu: DESIGN.md »Apple Design«. */

/* §1 Odziv: vsak pritisljiv element se ob pritisku rahlo pogrezne (.97),
   okrogli gumbi in znaki malo več (.94), vrstice seznama dobijo ton. Ena
   krivulja in trajanje (--ease-out, --t-press); prej je .btn:active stal
   v petih datotekah s petimi vrednostmi, čipi, kartice in vrstice pa
   odziva niso imeli. Ob manj gibanja ni pogrezanja, samo kratek pobled. */
:is(.btn,.chip,.cat,.cats button,.pill,.tab,.time,.prosto-p,.kat-cip,.zb-cip,.zk,.zg-krog,.btn-link){
  transition:transform var(--t-press) var(--ease-out),background-color var(--t-small) var(--ease-out),
    border-color var(--t-small) var(--ease-out),color var(--t-small) var(--ease-out),opacity var(--t-small) var(--ease-out)}
:is(.btn,.chip,.cat,.cats button,.pill,.tab,.time,.prosto-p,.kat-cip,.zb-cip,.zk,.btn-link):active:not(:disabled){transform:scale(.97)}
:is(.zg-krog,.pikice-gumb,.meni-pika,.izl-meni,.ikona-sporocila):active{transform:scale(.94)}
:is(.pikice-gumb,.meni-pika,.izl-meni,.ikona-sporocila){transition:transform var(--t-press) var(--ease-out),background-color var(--t-small) var(--ease-out)}
:is(.pog-vrstica,.nast-vrsta,.zb-vrsta,.pikice-seznam [role=menuitem]):active{background:var(--tan-sled)}
.zavihki a>svg,.zavihki a>.zav-oseba{transition:transform var(--t-press) var(--ease-out)}
.zavihki a:active>svg,.zavihki a:active>.zav-oseba{transform:scale(.88)}
@media (prefers-reduced-motion:reduce){
  :is(.btn,.chip,.cat,.cats button,.pill,.tab,.time,.prosto-p,.kat-cip,.zb-cip,.zk,.btn-link,.zg-krog,.pikice-gumb,.meni-pika,.izl-meni,.ikona-sporocila):active:not(:disabled){transform:none;opacity:.72}
  .zavihki a:active>svg,.zavihki a:active>.zav-oseba{transform:none}
}

/* §7 Prostorska doslednost: meni treh pik in zložen meni glave rasteta iz
   svojega gumba (zgoraj desno) in se tja vrneta. */
.pikice-seznam{transform-origin:top right;transition:opacity var(--t-small) var(--ease-out),transform var(--t-small) var(--ease-out),display var(--t-small) allow-discrete}
.pikice-seznam[hidden]{opacity:0;transform:scale(.96)}
@starting-style{.pikice-seznam:not([hidden]){opacity:0;transform:scale(.96)}}
@media (max-width:860px){
  nav.meni-odprt .navlinks{transform-origin:top right;animation:meni-iz-gumba var(--t-small) var(--ease-out)}
}
@keyframes meni-iz-gumba{from{opacity:0;transform:scale(.96)}}
@media (prefers-reduced-motion:reduce){
  .pikice-seznam{transition:opacity var(--t-small) ease-out,display var(--t-small) allow-discrete}
  .pikice-seznam[hidden]{transform:none}
  nav.meni-odprt .navlinks{animation:none}
}

/* §12 Materiali: na polnem belem listu Filtri čip ni steklo (svetlo steklo
   na svetli ploskvi izgubi rob); tri sence listov so en žeton. */
[data-atmosfera] .zb-list .cats .cat{background:var(--noc);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.zb-list,.ina-list{box-shadow:var(--steklo-senca-plava)}

/* §15 Tipografija: razmik črk sledi velikosti — veliki naslovi tesneje
   (negativno), manjši skoraj nič; vrstice tesne pri velikih, zračne pri
   telesu. Prej so imeli h1–h3 pozitiven razmik (»na široko«). Naslovi z
   lastnim pravilom (.izl-*, besedni znak) ostanejo, kot so. */
h1,#auth h1,.pstanje h1,.pkartica h1{letter-spacing:-.022em;line-height:1.08}
h2,#auth h2,#cm-title,.uvod-list h2{letter-spacing:-.015em;line-height:1.15}
h3,.card h2,.onboard h2,.pplan h3{letter-spacing:-.008em;line-height:1.25}
.zaklep h1{letter-spacing:-.015em}
.vr-st{letter-spacing:-.02em}

/* §14 Dostopnost: manj prosojnosti — vse zamegljene ploskve postanejo
   polne (tudi tiste z vpisano zameglitvijo mimo --steklo-zamegli); več
   kontrasta — lasnice kartic in polj dobijo rob krmilnih elementov. */
@media (prefers-reduced-transparency:reduce){
  .nadsloj::before,#intro::before,#country-modal::before,.uvod::before,.insp-list::before{background:var(--ohisje);-webkit-backdrop-filter:none;backdrop-filter:none}
  body>nav{background:var(--plosca);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-contrast:more){
  :root:root{--gravura:var(--rob-k);--gravura-2:var(--rob-k)}
  .poudarek{--gravura:var(--i-rob-k);--gravura-2:var(--i-rob-k)}
}

/* §7 Podzasloni Nastavitev (moj.html .nast-zaslon) in paketa (plosca.html
   .pk-zaslon) pridejo z desne in se tja vrnejo, kot potisnjen zaslon v iOS;
   galerija in ogled objave (<dialog>) se materializirata in razblinita
   namesto takojšnjega pojava. Ob manj gibanja samo pobled. */
.nast-zaslon,.pk-zaslon{transition:transform var(--t-sheet-in) var(--ease-drawer),display var(--t-sheet-out) allow-discrete}
.nast-zaslon[hidden],.pk-zaslon[hidden]{display:none;transform:translateX(100%);transition-duration:var(--t-sheet-out)}
@starting-style{.nast-zaslon:not([hidden]),.pk-zaslon:not([hidden]){transform:translateX(100%)}}
dialog.gal-dlg,dialog.din-ogled{transition:opacity var(--t-small) var(--ease-out),transform var(--t-small) var(--ease-out),
  overlay var(--t-small) allow-discrete,display var(--t-small) allow-discrete}
dialog.gal-dlg:not([open]),dialog.din-ogled:not([open]){opacity:0;transform:scale(.96)}
@starting-style{dialog.gal-dlg[open],dialog.din-ogled[open]{opacity:0;transform:scale(.96)}}
@media (prefers-reduced-motion:reduce){
  .nast-zaslon,.pk-zaslon{transition:opacity var(--t-small) ease-out,display var(--t-small) allow-discrete}
  .nast-zaslon[hidden],.pk-zaslon[hidden]{transform:none;opacity:0}
  @starting-style{.nast-zaslon:not([hidden]),.pk-zaslon:not([hidden]){transform:none;opacity:0}}
  dialog.gal-dlg:not([open]),dialog.din-ogled:not([open]){transform:none}
  @starting-style{dialog.gal-dlg[open],dialog.din-ogled[open]{transform:none}}
}

/* §12 Rob drsenja: lepljiva glava na atmosferi je na vrhu strani prozorna
   (vsebina je pod njo že v celoti vidna) in postane steklo šele, ko se
   vsebina začne podnjo pomikati — ena plast, ki se materializira, namesto
   vedno vidnega traku s črto. Kjer brskalnik časovnice drsenja ne pozna,
   ostane kot doslej. Glava naslovnice (.izl-glava) ima svojo pilulo. */
@supports (animation-timeline:scroll()){
  [data-atmosfera] body>nav:not(.izl-glava){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;
    animation:glava-steklo linear both;animation-timeline:scroll(root);animation-range:0 48px}
}
@keyframes glava-steklo{to{background:var(--steklo-gosto);border-bottom-color:var(--steklo-rob);-webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli)}}
@media (prefers-reduced-transparency:reduce){
  [data-atmosfera] body>nav:not(.izl-glava){animation:none;background:var(--plosca);border-bottom-color:var(--gravura-2)}
}