/* NOWY RODZAJ TECZEK (stos narzędzi): wygląd kształtów z src/teczki-nowe.js. Budowa i wymiary jak czarna teczka landingu
   (.teczka 130 × 100, .tyl, .kartka, .przod), więc układ, wejście i wysuwana kartka przychodzą z arkusza landingu.
   Kolory: --t1 teczka, --t2 tył i cień, --t3 akcent, --t4 kartka; --t5 to krawędź liczona z --t2 (jasna teczka na jasnym tle musi mieć obrys). */
.teczka.nowa{--t5:color-mix(in srgb,var(--t2,#d6c8a6) 68%,#0d0d0d)}
.teczka.nowa svg{overflow:visible;fill:none}
.teczka.nowa .b{fill:var(--t2,#d6c8a6);stroke:var(--t5);stroke-width:1;vector-effect:non-scaling-stroke}
.teczka.nowa .f{fill:var(--t1,#ece2cb);stroke:var(--t5);stroke-width:1;vector-effect:non-scaling-stroke}
.teczka.nowa .c{fill:var(--t2,#d6c8a6)}
.teczka.nowa .a{fill:var(--t3,#8cc7ee)}
.teczka.nowa .a2{fill:none;stroke:var(--t3,#8cc7ee);stroke-width:3.6}
.teczka.nowa .z{fill:var(--t5)}
.teczka.nowa .p{fill:var(--t4,#fbfaf5)}
.teczka.nowa .kartka{background:var(--t4,#fbfaf5);box-shadow:0 0 0 .5px color-mix(in srgb,var(--t5) 45%,transparent)}

/* karton: taśma i wieko mają własną krawędź */
.teczka.nowa[data-k=karton] .c{stroke:var(--t5);stroke-width:1;vector-effect:non-scaling-stroke}

/* obrys: sama kreska kolorem teczki, wnętrze prawie puste */
.teczka.nowa[data-k=obrys]{--t5:var(--t1,#0d0d0d)}
.teczka.nowa[data-k=obrys] .b{fill:none;stroke-width:1.3}
.teczka.nowa[data-k=obrys] .f{fill:color-mix(in srgb,var(--t4,#fff) 62%,transparent);stroke-width:1.3}
.teczka.nowa[data-k=obrys] .kartka{box-shadow:0 0 0 1px var(--t1,#0d0d0d)}

/* znak pobierania skaluje się wokół własnego środka (suwak „Wielkość strzałki”) */
.teczka.nowa .znak{transform-box:fill-box;transform-origin:center;transform:scale(var(--tz,1))}

/* szkło: front to tafla z rozmyciem (jak tafle sekcji 2). Tył (--t2) i kartka prześwitują rozmyte, kolor teczki (--t1) lekko barwi samo szkło,
   strzałka (--t3), jeśli włączona, leży na tafli. */
.teczka.nowa .szyba{left:0;top:18%;width:100%;height:82%;z-index:5;border-radius:0 0 1.5px 1.5px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--t1,#fff) 64%,transparent),color-mix(in srgb,var(--t1,#fff) 30%,transparent));
  -webkit-backdrop-filter:blur(3.5px) saturate(1.15);backdrop-filter:blur(3.5px) saturate(1.15);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 0 0 .5px rgba(13,13,13,.16),0 6px 14px -8px rgba(20,28,36,.35)}
.teczka.nowa .znakw{z-index:6}

/* stos narzędzi w sekcji: kolory i skala przychodzą ze stanu (ustawKolory); skala mnoży szerokość teczki landingu */
.zestaw.narz .teczka{width:calc(var(--tw)*var(--ts,1))}