/* Quadrivium – stopka „wdrożenie” (zawsze) i motyw „Głębia” (od v74 domyślny dla wszystkich – reguły przy html.motyw-glebia; bez tej klasy dawny wygląd „klasyczny”).
   v71 – druga wersja motywu, po uwagach właściciela: bez barwnych poświat i bez reflektora pod kursorem.
   v73 – trzecia: bez światła u góry, bez promieni i bez ech znaku; głębię daje sam kolor tła (bezkres, jak toń).
   Kafle są przejrzyste: włosowa krawędź, a u góry cienka złota linia, jakby światło zatrzymało się na grawerze.
   Ruch tylko spokojny: wolne przejście krawędzi przy wskazaniu i łagodne pojawienie się treści. */

/* ---------- stopka „wdrożenie” ---------- */
.q-wdrozenie{box-sizing:border-box;max-width:860px;margin:26px auto 0;padding:18px 24px 28px;text-align:center;
  font:13px/1.65 "Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;color:#7C8EA3;position:relative;z-index:1}
.q-wdrozenie a{color:#B9A274;text-decoration:none;border-bottom:1px solid rgba(217,184,118,.28)}
.q-wdrozenie a:hover{color:#D9B876;border-bottom-color:rgba(217,184,118,.6)}
/* w stopce strony: nowy wiersz pod zdaniem o świadczeniu usług, od tej samej lewej krawędzi */
footer.q-stopka-z-wdrozeniem{flex-wrap:wrap !important;row-gap:8px}
.q-wdrozenie.q-wdrozenie-w-stopce{flex:0 0 100%;max-width:none;margin:0;padding:0;text-align:left}
@media (max-width:760px){.q-wdrozenie.q-wdrozenie-w-stopce{flex:none;width:100%}}
.q-motyw-miejsce{display:flex;justify-content:center;margin:34px 0 0}
.q-motyw-przelacznik{height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(227,192,120,.28);
  background:transparent;color:#B9A274;font:12.5px "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer}
.q-motyw-przelacznik:hover{color:#D9B876;border-color:rgba(227,192,120,.5)}
@media print{.q-wdrozenie,.q-motyw-miejsce{display:none}}

/* ---------- motyw „Głębia” ---------- */
html.motyw-glebia{background:#03060B;color-scheme:dark;
  --gl-krawedz:rgba(232,215,176,.075);--gl-krawedz-mocna:rgba(232,215,176,.16);
  --gl-grawer:rgba(217,184,118,.26);--gl-grawer-mocny:rgba(217,184,118,.5);
  --gl-wolno:.7s cubic-bezier(.22,.61,.36,1)}
html.motyw-glebia body{background:transparent !important;position:relative;isolation:isolate}

/* v73 – tło: przestrzeń w samym kolorze, bez światła z góry i bez promieni. Jak patrzenie w głąb wody nocą:
   kilka rozległych, przenikających się mas głębokiego granatu i chłodnego błękitu, każda ciemniejsza i dalsza,
   ku brzegom gęstniejąca czerń. Nic nie świeci, kolor tylko „otwiera się” w głąb. Znaki zostają takie, jak są. */
html.motyw-glebia body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(46% 40% at 64% 34%, rgba(22,52,84,.42), rgba(22,52,84,.16) 48%, rgba(22,52,84,0) 100%),
    radial-gradient(58% 52% at 30% 62%, rgba(10,38,58,.46), rgba(10,38,58,.14) 52%, rgba(10,38,58,0) 100%),
    radial-gradient(80% 70% at 78% 88%, rgba(16,30,62,.40), rgba(16,30,62,0) 70%),
    radial-gradient(70% 60% at 12% 14%, rgba(8,24,44,.50), rgba(8,24,44,0) 72%),
    radial-gradient(130% 110% at 52% 46%, rgba(1,3,7,0) 38%, rgba(1,3,7,.62) 100%),
    linear-gradient(180deg, #050B15 0%, #040912 50%, #02060C 100%)}
/* zawieszone w głębi drobiny – dwie warstwy (dalsza drobniejsza i gęstsza), ledwie widoczne; pod nimi ziarno przeciw pasmom */
html.motyw-glebia body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='760'%3E%3Cg fill='%23C9D6E4'%3E%3Ccircle cx='576.0' cy='367.0' r='0.73' fill-opacity='0.20'/%3E%3Ccircle cx='278.7' cy='709.2' r='0.85' fill-opacity='0.12'/%3E%3Ccircle cx='484.4' cy='493.2' r='0.81' fill-opacity='0.18'/%3E%3Ccircle cx='299.5' cy='566.2' r='0.81' fill-opacity='0.19'/%3E%3Ccircle cx='578.6' cy='458.7' r='0.79' fill-opacity='0.13'/%3E%3Ccircle cx='71.5' cy='371.9' r='0.77' fill-opacity='0.14'/%3E%3Ccircle cx='377.4' cy='654.1' r='0.90' fill-opacity='0.21'/%3E%3Ccircle cx='101.7' cy='161.2' r='0.90' fill-opacity='0.20'/%3E%3Ccircle cx='157.8' cy='592.2' r='0.61' fill-opacity='0.15'/%3E%3C/g%3E%3C/svg%3E") 0 0/760px 760px,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cg fill='%23C9D6E4'%3E%3Ccircle cx='145.5' cy='261.1' r='0.49' fill-opacity='0.18'/%3E%3Ccircle cx='305.1' cy='253.4' r='0.48' fill-opacity='0.14'/%3E%3Ccircle cx='57.4' cy='132.7' r='0.54' fill-opacity='0.10'/%3E%3Ccircle cx='183.1' cy='219.6' r='0.49' fill-opacity='0.18'/%3E%3Ccircle cx='444.8' cy='487.4' r='0.49' fill-opacity='0.14'/%3E%3Ccircle cx='455.0' cy='444.9' r='0.47' fill-opacity='0.24'/%3E%3Ccircle cx='459.9' cy='494.5' r='0.41' fill-opacity='0.14'/%3E%3Ccircle cx='417.4' cy='140.9' r='0.42' fill-opacity='0.11'/%3E%3Ccircle cx='396.3' cy='123.2' r='0.39' fill-opacity='0.21'/%3E%3Ccircle cx='43.8' cy='407.9' r='0.37' fill-opacity='0.27'/%3E%3Ccircle cx='68.6' cy='74.1' r='0.47' fill-opacity='0.24'/%3E%3Ccircle cx='253.3' cy='368.5' r='0.41' fill-opacity='0.25'/%3E%3Ccircle cx='105.5' cy='213.2' r='0.55' fill-opacity='0.17'/%3E%3Ccircle cx='30.7' cy='373.9' r='0.37' fill-opacity='0.17'/%3E%3Ccircle cx='178.4' cy='254.5' r='0.38' fill-opacity='0.27'/%3E%3Ccircle cx='422.6' cy='285.1' r='0.43' fill-opacity='0.17'/%3E%3Ccircle cx='134.6' cy='211.9' r='0.47' fill-opacity='0.23'/%3E%3Ccircle cx='49.6' cy='485.2' r='0.57' fill-opacity='0.20'/%3E%3Ccircle cx='284.8' cy='47.0' r='0.40' fill-opacity='0.11'/%3E%3Ccircle cx='56.9' cy='375.7' r='0.40' fill-opacity='0.23'/%3E%3Ccircle cx='404.8' cy='215.9' r='0.52' fill-opacity='0.21'/%3E%3Ccircle cx='321.9' cy='307.2' r='0.51' fill-opacity='0.13'/%3E%3Ccircle cx='517.5' cy='106.9' r='0.38' fill-opacity='0.14'/%3E%3Ccircle cx='425.2' cy='508.5' r='0.60' fill-opacity='0.12'/%3E%3Ccircle cx='199.5' cy='391.8' r='0.38' fill-opacity='0.17'/%3E%3Ccircle cx='294.4' cy='141.7' r='0.42' fill-opacity='0.19'/%3E%3Ccircle cx='69.9' cy='464.6' r='0.47' fill-opacity='0.13'/%3E%3Ccircle cx='257.7' cy='189.3' r='0.51' fill-opacity='0.11'/%3E%3Ccircle cx='191.0' cy='36.2' r='0.50' fill-opacity='0.19'/%3E%3Ccircle cx='412.5' cy='328.8' r='0.48' fill-opacity='0.21'/%3E%3Ccircle cx='166.1' cy='273.9' r='0.45' fill-opacity='0.18'/%3E%3Ccircle cx='214.6' cy='0.4' r='0.40' fill-opacity='0.20'/%3E%3Ccircle cx='63.1' cy='192.7' r='0.55' fill-opacity='0.19'/%3E%3Ccircle cx='402.3' cy='170.5' r='0.35' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E") 130px 70px/520px 520px,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .03 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.55;
  -webkit-mask-image:radial-gradient(90% 80% at 52% 46%, #000 30%, rgba(0,0,0,.35) 100%);
  mask-image:radial-gradient(90% 80% at 52% 46%, #000 30%, rgba(0,0,0,.35) 100%)}

/* strony publiczne i panel: własne tło strony przezroczyste */
html.motyw-glebia .q-page{background:transparent !important}
/* dawna niebieska poświata u góry (rozświetlenie) – w „Głębi” jej nie ma; przestrzeń daje samo tło */
html.motyw-glebia .q-decor[style*="96, 137, 184"]{display:none}
/* dolne przyciemnienie stron publicznych zasłaniałoby tło – w „Głębi” łagodniejsze */
html.motyw-glebia .q-decor[style*="3, 6, 11, 0.86"]{opacity:.5}

/* ---------- kafle: przejrzyste, włosowa krawędź i złota linia graweru u góry ---------- */
html.motyw-glebia .q-tile,
html.motyw-glebia .q-card,
html.motyw-glebia .karta,
html.motyw-glebia .licz,
html.motyw-glebia .zespol-karta{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.004) 60%, rgba(255,255,255,0)) !important;
  border:1px solid var(--gl-krawedz) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 40px 80px -60px rgba(0,0,0,.9);
  transition:border-color var(--gl-wolno), background var(--gl-wolno)}
html.motyw-glebia .q-tile::before,
html.motyw-glebia .q-card::before,
html.motyw-glebia .karta::before,
html.motyw-glebia .licz::before,
html.motyw-glebia .zespol-karta::before{content:"";position:absolute;top:-1px;left:14%;right:14%;height:1px;pointer-events:none;
  background:linear-gradient(90deg, rgba(217,184,118,0), var(--gl-grawer) 50%, rgba(217,184,118,0));
  opacity:.9;transition:opacity var(--gl-wolno), left var(--gl-wolno), right var(--gl-wolno)}
@media (hover:hover) and (pointer:fine){
  html.motyw-glebia .q-tile:hover,
  html.motyw-glebia .q-card:hover{border-color:var(--gl-krawedz-mocna) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.008) 60%, rgba(255,255,255,0)) !important}
  html.motyw-glebia .q-tile:hover::before,
  html.motyw-glebia .q-card:hover::before{left:6%;right:6%;background:linear-gradient(90deg, rgba(217,184,118,0), var(--gl-grawer-mocny) 50%, rgba(217,184,118,0))}
}
/* kafel wyróżniony w CRM („Dziś”): sama złota rama, bez wypełnienia barwą */
html.motyw-glebia .licz.glowny{border-color:rgba(217,184,118,.24) !important}
html.motyw-glebia .licz.glowny::before{left:0;right:0;background:linear-gradient(90deg, rgba(217,184,118,0), rgba(217,184,118,.6) 50%, rgba(217,184,118,0))}

/* ---------- pasek u góry i podziały: włosowa linia złota gasnąca ku brzegom ---------- */
html.motyw-glebia .pasek{background:rgba(4,8,14,.84) !important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom-color:transparent !important}
html.motyw-glebia .pasek::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg, rgba(217,184,118,0), rgba(217,184,118,.2) 50%, rgba(217,184,118,0))}
html.motyw-glebia .zakladki{border-bottom-color:transparent !important;background:linear-gradient(90deg, rgba(232,215,176,0), rgba(232,215,176,.10) 50%, rgba(232,215,176,0)) bottom/100% 1px no-repeat}
html.motyw-glebia .zakladki button.aktywna{background:transparent;border-color:rgba(217,184,118,.42)}
html.motyw-glebia footer{border-top-color:transparent !important;
  background-image:linear-gradient(90deg, rgba(232,215,176,0), rgba(232,215,176,.11) 50%, rgba(232,215,176,0)) !important;
  background-size:100% 1px !important;background-repeat:no-repeat !important;background-position:top !important}

/* ---------- przyciski: matowe złoto, bez blasku i bez dużej poświaty ---------- */
html.motyw-glebia .cta,
html.motyw-glebia .q-cta,
html.motyw-glebia .q-szybki:not(.q-szybki-drugi){
  background:linear-gradient(180deg, #DDBB78 0%, #C49A55 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,250,235,.32), inset 0 -1px 0 rgba(90,60,20,.25), 0 10px 24px -16px rgba(196,154,85,.6) !important;
  transition:filter var(--gl-wolno)}
@media (hover:hover) and (pointer:fine){
  html.motyw-glebia .cta:hover, html.motyw-glebia .q-cta:hover, html.motyw-glebia .q-szybki:not(.q-szybki-drugi):hover{filter:brightness(1.04)}
}
html.motyw-glebia .q-szybki-drugi,
html.motyw-glebia .q-ghost{background:transparent !important;box-shadow:none !important}

/* okna: włosowa złota krawędź i głęboki, miękki cień */
html.motyw-glebia dialog{box-shadow:0 50px 120px -40px rgba(0,0,0,.95), 0 0 0 1px rgba(217,184,118,.12)}
html.motyw-glebia dialog::backdrop{background:rgba(2,5,10,.62)}

/* ---------- spokojne pojawienie się treści (raz, przy wejściu na stronę) ---------- */
@keyframes gl-pojaw{from{opacity:0}to{opacity:1}}
html.motyw-glebia .q-tile,
html.motyw-glebia .q-card,
html.motyw-glebia .licz{animation:gl-pojaw 1.1s cubic-bezier(.22,.61,.36,1) both}
html.motyw-glebia .q-tile:nth-child(2), html.motyw-glebia .q-card:nth-child(2), html.motyw-glebia .licz:nth-child(2){animation-delay:.08s}
html.motyw-glebia .q-tile:nth-child(3), html.motyw-glebia .q-card:nth-child(3), html.motyw-glebia .licz:nth-child(3){animation-delay:.16s}
html.motyw-glebia .q-tile:nth-child(4), html.motyw-glebia .q-card:nth-child(4), html.motyw-glebia .licz:nth-child(4){animation-delay:.24s}
html.motyw-glebia .q-tile:nth-child(5), html.motyw-glebia .q-card:nth-child(5), html.motyw-glebia .licz:nth-child(5){animation-delay:.32s}
html.motyw-glebia .q-tile:nth-child(n+6), html.motyw-glebia .q-card:nth-child(n+6), html.motyw-glebia .licz:nth-child(n+6){animation-delay:.4s}

html.motyw-glebia.w-aplikacji .pasek{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(4,8,14,.96) !important}
@media (prefers-reduced-motion:reduce){
  html.motyw-glebia .q-tile, html.motyw-glebia .q-card, html.motyw-glebia .licz{animation:none}
  html.motyw-glebia *{transition-duration:0s !important}
}
@media print{html.motyw-glebia body::before, html.motyw-glebia body::after{display:none}}

/* ---------- v72: detale ---------- */
/* nagłówek stron publicznych i panelu: włosowa linia gasnąca ku brzegom zamiast pełnej kreski */
html.motyw-glebia .q-page header{border-bottom-color:transparent !important;
  background-image:linear-gradient(90deg, rgba(232,215,176,0), rgba(232,215,176,.11) 50%, rgba(232,215,176,0));
  background-size:100% 1px;background-repeat:no-repeat;background-position:bottom}
/* zaznaczenie tekstu, obramowanie fokusu (klawiatura) i pasek przewijania – w tonie złota, cicho */
html.motyw-glebia ::selection{background:rgba(217,184,118,.26);color:#F6F2E9}
html.motyw-glebia a:focus-visible,
html.motyw-glebia button:focus-visible{outline:1px solid rgba(217,184,118,.6);outline-offset:3px}
html.motyw-glebia{scrollbar-color:rgba(217,184,118,.22) transparent;scrollbar-width:thin}