/* ════════════════════════════════════════════════════════════════
   VIBRAÉ CORE · BEAUTY — system designu „ATELIER VIVANT"
   Żywe światło (aurora) · szkło z głębią · Fraunces + Inter · złoto.
   Kinowo, premium-tech, z duszą. JEDNO źródło prawdy stylu.
   ════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --vc-bg:#070708; --vc-bg2:#0c0b0e;
  --vc-panel:#141218; --vc-panel-2:#1b1922; --vc-panel-3:#232029;
  --vc-gold:#C9A85C; --vc-gold-2:#E6CD8C; --vc-gold-3:#9c7f3f;
  --vc-gold-grad:linear-gradient(135deg,#E6CD8C 0%,#C9A85C 55%,#9c7f3f 100%);
  --vc-gold-hair:rgba(230,205,140,.28);
  --vc-tekst:#F4EFE4; --vc-tekst-2:#c6beb0; --vc-mut:#8b8576; --vc-mut-2:#6a6557;
  --vc-linia:rgba(255,255,255,.08); --vc-linia-2:rgba(255,255,255,.13);
  --vc-zielen:#7bbf8a; --vc-czerwien:#e09a9a; --vc-med:#e3a6c0;
  --vc-glass:rgba(255,255,255,.045); --vc-glassb:rgba(255,255,255,.09);
  --vc-r:16px; --vc-r-lg:22px; --vc-r-xl:28px;
  --vc-shadow:0 24px 60px -30px rgba(0,0,0,.75);
  --vc-glow:0 0 60px -12px rgba(230,205,140,.32);
  --vc-sidebar:238px;
  /* tekst-gradient na dużych liczbach (KPI/zegar): biel→złoto na ciemnym */
  --vc-num-grad:linear-gradient(180deg,#fff,var(--vc-gold));
  --vc-num-grad-neg:linear-gradient(180deg,#fff,var(--vc-czerwien));
  /* pole formularza / wgłębienie (ciemne = ciemniejsze niż panel) */
  --vc-input-bg:rgba(0,0,0,.25);
  --vc-input-bg2:rgba(0,0,0,.22);
  --vc-select-bg:#171520;
  /* wgłębienie UI (tła zakładek/treści) — ciemne; nadpisywane w light/nude na ciepłe */
  --vc-inset:rgba(0,0,0,.24);
  /* kolor tekstu/ikony NA złotym akcencie (przyciski gold, aktywne zakładki) */
  --vc-on-gold:#1a1405;
  /* track wyłączonego przełącznika (toggle off) */
  --vc-track-off:rgba(0,0,0,.28);
  /* tło aury (żywe światło) + ziarno */
  --vc-aura-op:.45; --vc-grain-op:.035;
  --vc-rail-hover:rgba(255,255,255,.045);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;min-height:100%}
body{background:var(--vc-bg);color:var(--vc-tekst);font-family:'Inter',-apple-system,system-ui,sans-serif;
  font-size:15px;line-height:1.55;letter-spacing:.1px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:rgba(230,205,140,.3);color:#fff}

/* ── ŻYWE ŚWIATŁO w tle ──────────────────────────────── */
.vc-aura{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.vc-aura span{position:absolute;border-radius:50%;filter:blur(85px);opacity:var(--vc-aura-op);mix-blend-mode:screen}
.vc-aura .a1{width:640px;height:640px;left:-140px;top:-180px;background:radial-gradient(circle,#7a5e2a,transparent 65%);animation:vcd1 26s ease-in-out infinite}
.vc-aura .a2{width:560px;height:560px;right:-160px;top:8%;background:radial-gradient(circle,#5a3a3f,transparent 65%);animation:vcd2 30s ease-in-out infinite}
.vc-aura .a3{width:700px;height:700px;left:28%;bottom:-300px;background:radial-gradient(circle,#3f3a28,transparent 65%);animation:vcd3 34s ease-in-out infinite}
.vc-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:var(--vc-grain-op);
  background-image: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='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes vcd1{50%{transform:translate(120px,80px) scale(1.15)}}
@keyframes vcd2{50%{transform:translate(-90px,120px) scale(1.1)}}
@keyframes vcd3{50%{transform:translate(60px,-90px) scale(1.18)}}

/* ── Typografia ──────────────────────────────────────── */
.vc-serif{font-family:'Fraunces',Georgia,serif}
h1.vc-h1{font-family:'Fraunces',serif;font-weight:300;font-size:42px;letter-spacing:-.4px;margin:0;line-height:1.04}
h1.vc-h1 b{font-weight:600}
h2.vc-h2{font-family:'Fraunces',serif;font-weight:500;font-size:25px;letter-spacing:.2px;margin:0}
.vc-eyebrow{font-size:11px;letter-spacing:3.4px;text-transform:uppercase;font-weight:600;
  background:var(--vc-gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vc-label{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--vc-mut);font-weight:600}
.vc-mut{color:var(--vc-mut)} .vc-num{font-variant-numeric:tabular-nums}
.vc-gold-text{color:var(--vc-gold-2)}

/* ── Layout: glass rail + main ───────────────────────── */
.vc-app{position:relative;z-index:2;display:grid;grid-template-columns:var(--vc-sidebar) 1fr;gap:18px;min-height:100vh;padding:18px}
.vc-rail{position:sticky;top:18px;height:calc(100vh - 36px);background:var(--vc-glass);backdrop-filter:blur(20px);
  border:1px solid var(--vc-glassb);border-radius:24px;display:flex;flex-direction:column;align-items:center;padding:22px 0;gap:7px}
.vc-rail .mk{font-family:'Fraunces',serif;font-weight:600;font-size:27px;color:var(--vc-gold-2);margin-bottom:16px;
  filter:drop-shadow(0 0 12px rgba(230,205,140,.5))}
.vc-rail a{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--vc-mut);cursor:pointer;
  transition:.35s cubic-bezier(.2,.8,.2,1);position:relative}
.vc-rail a svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vc-rail a:hover{color:var(--vc-tekst-2);transform:translateY(-2px)}
.vc-rail a.on{color:#1a1405;background:var(--vc-gold-grad);box-shadow:0 10px 26px -8px rgba(230,205,140,.6)}
.vc-rail a .tip{position:absolute;left:58px;white-space:nowrap;background:var(--vc-panel-2);border:1px solid var(--vc-glassb);
  padding:5px 11px;border-radius:9px;font-size:12px;color:var(--vc-tekst);opacity:0;transform:translateX(-4px);pointer-events:none;transition:.2s;z-index:5}
.vc-rail a:hover .tip{opacity:1;transform:none}
.vc-rail .sp{flex:1}
.vc-rail .av{width:44px;height:44px;border-radius:50%;background:var(--vc-gold-grad);display:grid;place-items:center;
  color:#1a1405;font-family:'Fraunces',serif;font-weight:700;font-size:18px;cursor:pointer}
.vc-main{min-width:0;padding:18px 26px 70px;max-width:1280px}
.vc-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}

.vc-topbar{display:none}.vc-tabbar{display:none}

/* ── Szkło: karty / panele ───────────────────────────── */
.vc-card{background:var(--vc-glass);backdrop-filter:blur(20px);border:1px solid var(--vc-glassb);
  border-radius:var(--vc-r-lg);padding:20px 22px;box-shadow:var(--vc-shadow)}
.vc-card.pad-lg{padding:26px 28px}
.vc-card-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.vc-hair{height:1px;background:linear-gradient(90deg,transparent,var(--vc-gold-hair),transparent);margin:18px 0;border:0}
.vc-grid{display:grid;gap:16px}
.vc-grid.c2{grid-template-columns:repeat(2,1fr)}.vc-grid.c3{grid-template-columns:repeat(3,1fr)}.vc-grid.c4{grid-template-columns:repeat(4,1fr)}

/* ── KPI (szkło + złota nić + duży Fraunces) ─────────── */
.vc-kpi{background:var(--vc-glass);backdrop-filter:blur(20px);border:1px solid var(--vc-glassb);border-radius:var(--vc-r-lg);
  padding:18px 20px;position:relative;overflow:hidden}
.vc-kpi::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--vc-gold-grad)}
.vc-kpi::after{content:'';position:absolute;top:-50%;right:-30%;width:130px;height:130px;border-radius:50%;
  background:radial-gradient(circle,rgba(230,205,140,.14),transparent 70%)}
.vc-kpi .k-lab{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--vc-mut);font-weight:600}
.vc-kpi .k-val{font-family:'Fraunces',serif;font-weight:500;font-size:34px;margin-top:5px;line-height:1;letter-spacing:.3px}
.vc-kpi .k-sub{font-size:12.5px;color:var(--vc-mut);margin-top:6px}

/* ── Studio Pulse (sygnaturowy żywy pierścień) ───────── */
.vc-pulse{position:relative;background:var(--vc-glass);backdrop-filter:blur(20px);border:1px solid var(--vc-glassb);
  border-radius:var(--vc-r-xl);display:grid;place-items:center;min-height:288px;overflow:hidden}
.vc-pulse .ring{position:relative;width:236px;height:236px}
.vc-pulse svg.dial{position:absolute;inset:0;transform:rotate(-90deg)}
.vc-pulse .orbit{position:absolute;inset:0;animation:vcspin 42s linear infinite}
.vc-pulse .orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--vc-gold-2);
  box-shadow:0 0 10px 2px rgba(230,205,140,.7);top:50%;left:50%;margin:-3.5px}
@keyframes vcspin{to{transform:rotate(360deg)}}
.vc-pulse .core{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.vc-pulse .core .n{font-family:'Fraunces',serif;font-weight:500;font-size:60px;line-height:1;
  background:var(--vc-num-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vc-pulse .core .l{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--vc-mut);margin-top:4px}
.vc-pulse .cap{position:absolute;bottom:18px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--vc-gold-2)}

/* iskra/sparkline */
.vc-spark{display:flex;align-items:flex-end;gap:3px;height:34px}
.vc-spark i{width:5px;background:linear-gradient(var(--vc-gold-2),transparent);border-radius:3px;opacity:.8}

/* ── Przyciski ───────────────────────────────────────── */
.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:11px 18px;
  font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--vc-glassb);background:var(--vc-glass);
  backdrop-filter:blur(10px);color:var(--vc-tekst);transition:.2s;font-family:inherit;white-space:nowrap}
.vc-btn:hover{border-color:var(--vc-gold-hair);transform:translateY(-1px)}
.vc-btn.gold{background:var(--vc-gold-grad);color:#1a1405;border:0;box-shadow:0 12px 28px -10px rgba(230,205,140,.6)}
.vc-btn.gold:hover{filter:brightness(1.05)}
.vc-btn.ghost{background:transparent}
.vc-btn.sm{padding:8px 13px;font-size:13px;border-radius:11px}
.vc-btn.icon{padding:9px 11px}
.vc-btn.pill{border-radius:30px;padding:11px 22px}

/* ── Formularze ──────────────────────────────────────── */
.vc-field{margin-top:14px}
.vc-input,.vc-select,.vc-textarea{width:100%;background:var(--vc-input-bg);border:1px solid var(--vc-glassb);
  border-radius:12px;padding:12px 14px;color:var(--vc-tekst);font-size:15px;font-family:inherit;transition:.18s}
.vc-input:focus,.vc-select:focus,.vc-textarea:focus{outline:none;border-color:var(--vc-gold);box-shadow:0 0 0 3px rgba(230,205,140,.16)}
.vc-input::placeholder{color:var(--vc-mut-2)}
.vc-textarea{min-height:92px;resize:vertical}
.vc-select option{background:var(--vc-select-bg)}

/* ── Plakietki / statusy ─────────────────────────────── */
.vc-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:8px;padding:3px 9px;
  background:rgba(255,255,255,.06);color:var(--vc-tekst-2);border:1px solid var(--vc-glassb)}
.vc-badge.gold{background:rgba(230,205,140,.14);color:var(--vc-gold-2);border-color:var(--vc-gold-hair)}
.vc-badge.med{background:rgba(227,166,192,.13);color:var(--vc-med);border-color:rgba(227,166,192,.25)}
.vc-badge.ok{background:rgba(123,191,138,.14);color:var(--vc-zielen);border-color:rgba(123,191,138,.3)}
.vc-badge.warn{background:rgba(224,154,154,.13);color:var(--vc-czerwien);border-color:rgba(224,154,154,.28)}

/* ── Wiersze / listy (z życiem) ──────────────────────── */
.vc-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--vc-glass);border:1px solid var(--vc-linia);
  border-radius:var(--vc-r);margin-bottom:10px;transition:.3s cubic-bezier(.2,.8,.2,1)}
.vc-row:hover{border-color:var(--vc-gold-hair);transform:translateX(4px)}
.vc-row .grow{flex:1;min-width:0}.vc-row .title{font-weight:600}.vc-row .meta{font-size:13px;color:var(--vc-mut);margin-top:2px}

/* ── Oś czasu (event z węzłem) ───────────────────────── */
.vc-tl{position:relative;padding-left:26px;margin-top:8px}
.vc-tl::before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--vc-glassb),transparent)}
.vc-ev{position:relative;display:flex;align-items:center;gap:16px;padding:13px 14px;border-radius:16px;margin-bottom:5px;transition:.3s cubic-bezier(.2,.8,.2,1)}
.vc-ev::before{content:'';position:absolute;left:-26px;top:50%;width:12px;height:12px;border-radius:50%;margin-top:-6px;
  background:var(--vc-bg);border:2px solid var(--vc-gold-2);transition:.3s}
.vc-ev:hover{background:var(--vc-glass);transform:translateX(4px)}
.vc-ev:hover::before{box-shadow:0 0 12px 2px rgba(230,205,140,.7);background:var(--vc-gold-2)}
.vc-ev .t{font-family:'Fraunces',serif;font-weight:600;font-size:19px;color:var(--vc-gold-2);min-width:54px}
.vc-ev .nm{font-weight:600}.vc-ev .ds{color:var(--vc-mut);font-size:13px;margin-top:1px}
.vc-ev .tag{margin-left:auto;font-size:11px;color:var(--vc-tekst-2);border:1px solid var(--vc-glassb);border-radius:20px;padding:4px 11px}

/* ── awatar ──────────────────────────────────────────── */
.vc-avatar{width:54px;height:54px;border-radius:50%;background:var(--vc-gold-grad);color:#1a1405;display:grid;place-items:center;
  font-weight:700;font-family:'Fraunces',serif;font-size:21px;flex:none}
.vc-avatar.sm{width:40px;height:40px;font-size:16px}

/* ── Zakładki ────────────────────────────────────────── */
.vc-pills{display:flex;gap:8px;flex-wrap:wrap}
.vc-pill{padding:9px 16px;border-radius:30px;font-size:13px;font-weight:500;background:var(--vc-glass);
  border:1px solid var(--vc-linia);color:var(--vc-mut);cursor:pointer;transition:.2s}
.vc-pill:hover{color:var(--vc-tekst)}
.vc-pill.on{background:var(--vc-gold-grad);color:#1a1405;border-color:transparent;font-weight:700}

/* ── Stany puste / szkielet ──────────────────────────── */
.vc-empty{text-align:center;color:var(--vc-mut);padding:54px 20px}
.vc-empty .em-ico{font-size:30px;opacity:.5;margin-bottom:10px}
.vc-skel{background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.03) 75%);
  background-size:200% 100%;animation:vcsk 1.3s infinite;border-radius:var(--vc-r)}
@keyframes vcsk{to{background-position:-200% 0}}

/* ── Toast / Modal ───────────────────────────────────── */
.vc-toasts{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:10px;z-index:90}
.vc-toast{background:var(--vc-panel-2);border:1px solid var(--vc-gold-hair);border-radius:13px;padding:13px 17px;
  box-shadow:var(--vc-shadow);font-size:14px;min-width:220px;animation:vcin .3s cubic-bezier(.2,.8,.2,1)}
.vc-toast.err{border-color:rgba(224,154,154,.4)}
@keyframes vcin{from{opacity:0;transform:translateY(10px)}}
.vc-overlay{position:fixed;inset:0;background:rgba(5,5,7,.7);backdrop-filter:blur(8px);z-index:80;display:grid;place-items:center;padding:20px;animation:vcin .25s}
.vc-modal{background:linear-gradient(180deg,var(--vc-panel),var(--vc-bg2));border:1px solid var(--vc-glassb);border-radius:var(--vc-r-xl);
  padding:28px;width:100%;max-width:520px;box-shadow:var(--vc-shadow),var(--vc-glow);max-height:88vh;overflow:auto}

/* ── Wejście z gracją (stagger ustawia app.js) ───────── */
@keyframes vc-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ── Mobile ──────────────────────────────────────────── */
@media(max-width:920px){
  .vc-app{grid-template-columns:1fr;padding:0}
  .vc-rail{display:none}
  .vc-main{padding:0 16px 96px;max-width:100%}
  .vc-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;padding:15px 16px;
    background:rgba(7,7,8,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--vc-linia);margin:0 -16px 16px}
  .vc-topbar .mark{font-family:'Fraunces',serif;font-size:21px;font-weight:600;color:var(--vc-gold-2)}
  .vc-page-head{flex-direction:column;align-items:flex-start;gap:12px}
  .vc-grid.c2,.vc-grid.c3,.vc-grid.c4{grid-template-columns:1fr}
  .vc-grid.keep2{grid-template-columns:1fr 1fr}
  .pulpit-grid,.pulpit-hero{grid-template-columns:1fr !important}
  .vc-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(8,8,10,.92);backdrop-filter:blur(16px);
    border-top:1px solid var(--vc-linia);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}
  .vc-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;color:var(--vc-mut);text-decoration:none;font-size:10.5px;font-weight:600;cursor:pointer}
  .vc-tabbar a svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6}
  .vc-tabbar a.on{color:var(--vc-gold-2)}
  h1.vc-h1{font-size:34px}
}

/* ── Dzwonek + centrum powiadomień ─────────────────────── */
.vc-bell{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
  background:var(--vc-glass);border:1px solid var(--vc-linia);color:var(--vc-tekst-2);cursor:pointer;transition:.25s}
.vc-bell:hover{border-color:var(--vc-gold-hair);color:var(--vc-gold-2);box-shadow:var(--vc-glow)}
.vc-bell-dot{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;
  background:var(--vc-gold-grad);color:#1a140a;font-size:11px;font-weight:700;place-items:center;
  box-shadow:0 0 10px -2px rgba(230,205,140,.8)}
.vc-pwd{display:flex;gap:13px;width:100%;padding:14px 15px;border-radius:14px;border:1px solid var(--vc-linia);
  background:var(--vc-glass);margin-bottom:9px;cursor:pointer;transition:.25s;text-align:left;color:inherit}
.vc-pwd:hover{border-color:var(--vc-gold-hair);transform:translateX(3px)}
.vc-pwd.un{border-color:var(--vc-gold-hair);background:rgba(230,205,140,.06)}
.vc-pwd .ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex-shrink:0;font-size:17px;
  background:rgba(230,205,140,.1);border:1px solid var(--vc-gold-hair);color:var(--vc-gold-2)}
.vc-pwd .ti{font-family:'Fraunces',serif;font-weight:600;font-size:15px}
.vc-pwd .tx{color:var(--vc-mut);font-size:12.5px;margin-top:3px;line-height:1.5}
.vc-pwd .tm{color:var(--vc-tekst-2);font-size:11px;margin-top:5px;opacity:.7}
.vc-rail .vc-rail-bell{position:relative;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  color:var(--vc-mut);cursor:pointer;background:transparent;border:0;transition:.25s;margin-bottom:8px}
.vc-rail .vc-rail-bell svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vc-rail .vc-rail-bell:hover{color:var(--vc-gold-2);transform:translateY(-2px)}

/* ── Baner zgody cookies ───────────────────────────────── */
.vc-cookie{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:60;max-width:560px;width:calc(100% - 32px);
  display:flex;align-items:center;gap:16px;padding:15px 18px;border-radius:18px;
  background:var(--vc-panel-2,rgba(20,19,17,.96));backdrop-filter:blur(20px);
  border:1px solid var(--vc-gold-hair);box-shadow:var(--vc-shadow),var(--vc-glow);
  animation:vc-rise .6s cubic-bezier(.2,.8,.2,1) both}
.vc-cookie-tx{font-size:12.8px;line-height:1.6;color:var(--vc-tekst-2)}
.vc-cookie-tx a{color:var(--vc-gold-2);text-decoration:underline}
.vc-cookie .vc-btn{flex-shrink:0}
@media(max-width:560px){ .vc-cookie{bottom:78px;flex-direction:column;align-items:stretch;text-align:center} }

/* ── Dostępność: widoczny focus dla klawiatury (nie pokazuje się przy myszy) ── */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [role="button"]:focus-visible, [tabindex]:focus-visible,
.vc-pill:focus-visible, .vc-rail a:focus-visible, .vc-tabbar a:focus-visible,
.vc-bell:focus-visible, .vc-rail-bell:focus-visible{
  outline:2px solid var(--vc-gold-2,#E6CD8C);
  outline-offset:2px;
  border-radius:10px;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

/* ── Pasek filtra lokalizacji (multi-lokalizacja / sieć) ── */
.vc-lokbar{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding:9px 13px;border-radius:14px;
  background:var(--vc-glass);border:1px solid var(--vc-gold-hair);width:fit-content;max-width:100%}
.vc-lokbar-ic{font-size:14px;filter:saturate(.5)}
.vc-lokbar-sel{background:transparent;border:0;color:var(--vc-tekst);font-family:'Fraunces',serif;font-weight:600;
  font-size:14.5px;cursor:pointer;outline:none;padding-right:4px;max-width:60vw}
.vc-lokbar-sel option{background:var(--vc-panel-2,#141311);color:var(--vc-tekst);font-family:Inter,sans-serif}

/* Baner cookies — mobile: pełnoszerokościowy arkusz nad tab-barem (audyt klientki) */
@media(max-width:560px){
  .vc-cookie{left:8px;right:8px;width:auto;max-width:none;transform:none;
    flex-direction:column;align-items:stretch;text-align:center;gap:11px;padding:14px 16px;
    bottom:calc(72px + env(safe-area-inset-bottom));border-radius:18px;z-index:70}
  .vc-cookie .vc-btn{width:100%}
}

/* ═══ Pasek boczny z ETYKIETAMI + sekcjami (przebudowa nawigacji) ═══ */
.vc-rail{align-items:stretch;padding:16px 12px;gap:2px;overflow:hidden}      /* uwaga: bez 'display' — mobilne display:none zostaje */
.vc-rail .mk-head{display:flex;align-items:center;gap:11px;padding:4px 6px 14px;margin-bottom:6px;border-bottom:1px solid var(--vc-linia)}
.vc-rail .mk-head .mk{width:38px;height:38px;min-width:38px;margin:0;font-size:22px;display:grid;place-items:center;border-radius:11px;
  background:rgba(230,205,140,.1);border:1px solid var(--vc-gold-hair)}
.vc-rail .mk-meta{min-width:0}
.vc-rail .mk-meta .mk-n{font-family:'Fraunces',serif;font-weight:600;font-size:15px;color:var(--vc-tekst);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc-rail .mk-meta .mk-r{font-size:11px;color:var(--vc-mut);letter-spacing:.3px;margin-top:1px}
.vc-rail .rail-nav{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;overflow-y:auto;min-height:0;margin:0 -4px;padding:0 4px}
.vc-rail .rail-nav::-webkit-scrollbar{width:6px}
.vc-rail .rail-nav::-webkit-scrollbar-thumb{background:var(--vc-linia);border-radius:6px}
.vc-rail-cap{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--vc-mut);font-weight:700;padding:13px 10px 5px}
.vc-rail a{width:auto;height:auto;display:flex;align-items:center;gap:12px;justify-content:flex-start;
  padding:9px 11px;border-radius:11px;font-size:14px;font-weight:600;color:var(--vc-tekst-2)}
.vc-rail a svg{width:19px;height:19px;min-width:19px;flex:none}
.vc-rail a .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc-rail a .tip{display:none}
.vc-rail a:hover{transform:none;color:var(--vc-tekst);background:var(--vc-rail-hover)}
.vc-rail a.on{color:#1a1405;background:var(--vc-gold-grad);box-shadow:0 8px 22px -8px rgba(230,205,140,.55)}
.vc-rail .sp{display:none}
/* dzwonek jako wiersz z etykietą */
.vc-rail .vc-rail-bell{width:auto;height:auto;display:flex;align-items:center;gap:12px;justify-content:flex-start;
  padding:9px 11px;border-radius:11px;margin:6px 0 4px;color:var(--vc-tekst-2)}
.vc-rail .vc-rail-bell .lbl{font-size:14px;font-weight:600;white-space:nowrap}
.vc-rail .vc-rail-bell:hover{transform:none;background:var(--vc-rail-hover);color:var(--vc-gold-2)}
.vc-rail .vc-rail-bell .vc-bell-dot{position:static;margin-left:auto;top:auto;right:auto}
/* konto + wyloguj jako wiersz */
.vc-rail .av-row{display:flex;align-items:center;gap:11px;padding:8px 8px;border-radius:12px;cursor:pointer;
  border:1px solid var(--vc-linia);margin-top:2px;transition:.25s}
.vc-rail .av-row:hover{border-color:var(--vc-gold-hair);background:rgba(255,255,255,.04)}
.vc-rail .av-row .av{width:38px;height:38px;min-width:38px}
.vc-rail .av-row .av-meta{min-width:0}
.vc-rail .av-row .av-n{font-size:13px;font-weight:600;color:var(--vc-tekst);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc-rail .av-row .av-x{font-size:11px;color:var(--vc-mut)}

/* ═══ ZŁOTO LUSTRZANE (glamour) — vouchery, karty premium ═══ */
:root{
  --vc-mirror:linear-gradient(135deg,#6e5316 0%,#b8923a 11%,#e9c659 23%,#fff7d6 35%,#f2d873 43%,#d9b24a 54%,#f6e08a 64%,#b8923a 77%,#8a6a22 88%,#5f4712 100%);
  --vc-ink:#352608; --vc-ink2:#4a360e; --vc-deep:#6e5316;
}
.vc-glam{position:relative;overflow:hidden;isolation:isolate;border-radius:18px;color:var(--vc-ink);
  background:var(--vc-mirror);background-size:200% 200%;animation:vc-shift 9s ease-in-out infinite;
  box-shadow:0 24px 60px -22px #000,0 2px 0 rgba(255,247,214,.55) inset,0 -16px 36px -22px rgba(0,0,0,.5) inset}
@keyframes vc-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.vc-glam::before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(120% 80% at 28% -20%,rgba(255,255,255,.55),transparent 42%)}
.vc-glam .glint{position:absolute;top:-30%;bottom:-30%;width:26%;left:-40%;pointer-events:none;filter:blur(2px);
  transform:skewX(-16deg);background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  animation:vc-glint 6.5s ease-in-out infinite}
@keyframes vc-glint{0%,100%{left:-45%}48%{left:130%}50%{left:130%}}
.vc-glam-plate{position:relative;z-index:1;margin:13px;border-radius:11px;padding:18px 24px;
  border:1px solid rgba(110,83,22,.55);box-shadow:0 1px 0 rgba(255,247,214,.6),0 1px 0 rgba(110,83,22,.5) inset}
.vc-emboss{text-shadow:0 1px 0 rgba(255,247,214,.6),0 -1px 0 rgba(0,0,0,.18)}
.vc-glam .gk{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--vc-ink2);font-weight:700}
.vc-glam .gcode{font-family:ui-monospace,Menlo,monospace;font-weight:800;letter-spacing:.08em;color:var(--vc-ink)}
@media(prefers-reduced-motion:reduce){ .vc-glam{animation:none} .vc-glam .glint{display:none} }

/* ════════════════════════════════════════════════════════════════
   ☀ TRYB JASNY — „Atelier Lumière" (krem/écru + ciepły grafit + złoto głębsze)
   Przełączany z Ustawień/Konta (data-theme="light" na <html>).
   Zasada: NIC SIĘ NIE ZLEWA — karty mają widoczny border+cień, złoto
   przyciemnione by kontrastowało na jasnym, tekst-gradient liczb = grafit→złoto.
   ════════════════════════════════════════════════════════════════ */
:root[data-theme="light"]{
  --vc-bg:#f4ece2; --vc-bg2:#efe5d8;
  --vc-panel:#fffdfb; --vc-panel-2:#fbf5ec; --vc-panel-3:#f4ece2;
  /* złoto przyciemnione — czytelne na jasnym (tekst/akcenty); gradient ciemniejszy */
  --vc-gold:#a07c34; --vc-gold-2:#8a6a22; --vc-gold-3:#6e5316;
  --vc-gold-grad:linear-gradient(135deg,#c79a3e 0%,#a07c34 55%,#6e5316 100%);
  --vc-gold-hair:rgba(138,106,34,.34);
  /* tekst: ciepły grafit (nie czerń), drugorzędny i muted czytelne na kremie */
  --vc-tekst:#2c2620; --vc-tekst-2:#5a5044; --vc-mut:#7c7264; --vc-mut-2:#938876;
  /* linie widoczne na jasnym (ciemne hairline, nie białe) */
  --vc-linia:rgba(44,38,32,.12); --vc-linia-2:rgba(44,38,32,.18);
  /* statusy przyciemnione by kontrastowały na jasnym tle */
  --vc-zielen:#3f8a52; --vc-czerwien:#b4554f; --vc-med:#a85a82;
  /* szkło = półprzezroczysta BIEL z WIDOCZNYM borderem (inaczej zniknie) */
  --vc-glass:rgba(255,255,255,.62); --vc-glassb:rgba(44,38,32,.14);
  /* cienie subtelniejsze ale obecne; glow złoty delikatny */
  --vc-shadow:0 18px 44px -28px rgba(80,60,20,.42),0 2px 8px -4px rgba(80,60,20,.18);
  --vc-glow:0 0 44px -16px rgba(160,124,52,.34);
  /* liczby-gradient: grafit→złoto (NIE biel→złoto, bo zniknie na jasnym) */
  --vc-num-grad:linear-gradient(180deg,#3a322a,#8a6a22);
  --vc-num-grad-neg:linear-gradient(180deg,#3a322a,#b4554f);
  /* pola formularzy: czysta biel z wgłębieniem (nie czarne!) */
  --vc-input-bg:#ffffff; --vc-input-bg2:#fbf6ee;
  --vc-select-bg:#ffffff;
  /* aura/ziarno mocno przygaszone na jasnym (inaczej brud) */
  --vc-aura-op:.16; --vc-grain-op:.018;
  --vc-rail-hover:rgba(44,38,32,.055);
  /* wgłębienie UI: ciepły grafit zamiast czerni (inaczej brudna plama) */
  --vc-inset:rgba(44,38,32,.05);
  /* tekst na przyciemnionym złocie = ciemny tusz */
  --vc-on-gold:#2a2008;
  /* track wyłączonego przełącznika — ciepły mid-grafit (widoczny na kremie, nie czarny) */
  --vc-track-off:rgba(44,38,32,.26);
}

/* ── Jasny: drobne korekty komponentów, które zakładały ciemne tło ── */
:root[data-theme="light"] body{background:var(--vc-bg)}
/* aura jasna: ciepłe pastele zamiast brązów, bez mix-blend screen (na jasnym znika) */
:root[data-theme="light"] .vc-aura span{mix-blend-mode:multiply;filter:blur(95px)}
:root[data-theme="light"] .vc-aura .a1{background:radial-gradient(circle,#e7d3a6,transparent 65%)}
:root[data-theme="light"] .vc-aura .a2{background:radial-gradient(circle,#ecd2c4,transparent 65%)}
:root[data-theme="light"] .vc-aura .a3{background:radial-gradient(circle,#e3dcc4,transparent 65%)}
::selection{background:rgba(230,205,140,.3);color:#fff}
:root[data-theme="light"] ::selection{background:rgba(160,124,52,.22);color:#2c2620}

/* złoty „aktyw" w railu/pillach/przyciskach: ciemny tusz tekstu czytelny na złocie */
:root[data-theme="light"] .vc-rail a.on,
:root[data-theme="light"] .vc-pill.on,
:root[data-theme="light"] .vc-btn.gold,
:root[data-theme="light"] .vc-rail .av,
:root[data-theme="light"] .vc-avatar,
:root[data-theme="light"] .vc-bell-dot{color:#2a2008}

/* KPI/karty: na jasnym dajemy mocniejszy border by „szkło" było odróżnialne od tła */
:root[data-theme="light"] .vc-card,
:root[data-theme="light"] .vc-kpi,
:root[data-theme="light"] .vc-pulse,
:root[data-theme="light"] .vc-rail{border-color:var(--vc-glassb)}

/* nagłówek-gradient liczb w kn-id i podobne korzystają z --vc-num-grad (już podmienione) */

/* badge: tła kolorowe były pod ciemny — na jasnym lekko podbij krycie/kontur */
:root[data-theme="light"] .vc-badge{background:rgba(44,38,32,.05);color:var(--vc-tekst-2);border-color:var(--vc-glassb)}
:root[data-theme="light"] .vc-badge.gold{background:rgba(160,124,52,.14);color:var(--vc-gold-3);border-color:var(--vc-gold-hair)}
:root[data-theme="light"] .vc-badge.med{background:rgba(168,90,130,.12);color:#8f4a6e;border-color:rgba(168,90,130,.28)}
:root[data-theme="light"] .vc-badge.ok{background:rgba(63,138,82,.14);color:#2f7041;border-color:rgba(63,138,82,.32)}
:root[data-theme="light"] .vc-badge.warn{background:rgba(180,85,79,.13);color:#9a4640;border-color:rgba(180,85,79,.3)}

/* toast/modal: były na ciemnym panelu — na jasnym użyj panelu jasnego */
:root[data-theme="light"] .vc-toast{background:var(--vc-panel);color:var(--vc-tekst)}
:root[data-theme="light"] .vc-overlay{background:rgba(60,48,28,.32)}
:root[data-theme="light"] .vc-modal{background:linear-gradient(180deg,var(--vc-panel),var(--vc-panel-2))}
:root[data-theme="light"] .vc-select option{color:var(--vc-tekst)}
:root[data-theme="light"] .vc-input::placeholder{color:var(--vc-mut)}

/* mobilny pasek górny/dolny: półprzezroczysta biel zamiast czerni */
:root[data-theme="light"] .vc-topbar{background:rgba(255,253,251,.82);border-bottom-color:var(--vc-linia)}
:root[data-theme="light"] .vc-tabbar{background:rgba(255,253,251,.92);border-top-color:var(--vc-linia)}

/* baner cookies na jasnym */
:root[data-theme="light"] .vc-cookie{background:var(--vc-panel)}

/* onboarding (modal/tour/spotlight) — ciepły scrim zamiast czarnego */
:root[data-theme="light"]{--vc-onb-scrim:rgba(60,48,28,.4)}

/* meta theme-color sync robi app.js; tu nic */

/* ── Jasny: grafik (kalendarz) — ciemne paski nagłówków/hatch były hardkodowane ── */
:root[data-theme="light"] .g-head-row{background:rgba(251,245,236,.86) !important}
:root[data-theme="light"] .g-poza{background:repeating-linear-gradient(135deg,rgba(44,38,32,.12),rgba(44,38,32,.12) 7px,rgba(44,38,32,.05) 7px,rgba(44,38,32,.05) 14px) !important;border-top-color:rgba(44,38,32,.08)}
:root[data-theme="light"] .g-line:nth-child(odd){background:rgba(44,38,32,.018)}
:root[data-theme="light"] .g-col:hover{background:rgba(44,38,32,.02)}

/* ════════════════════════════════════════════════════════════════
   ✦ TRYB NUDE — „NUDE COUTURE" (ciepły blush/nude + mahoń + złoto różowe)
   Paleta z landingu beauty/wariant-2: tła blush, akcent terakota-róż,
   złoto różowe/szampan, tekst ciepły mahoń. Typografia Cormorant Garamond.
   Zasada (jak jasny): NIC SIĘ NIE ZLEWA — karty z widocznym borderem+cieniem,
   złoto/róż przyciemnione tam gdzie tekst, liczby-gradient mahoń→róż-złoto.
   ════════════════════════════════════════════════════════════════ */
:root[data-theme="nude"]{
  --vc-bg:#f7ece7; --vc-bg2:#f1dfd7;
  --vc-panel:#fffaf7; --vc-panel-2:#fbeee8; --vc-panel-3:#f1dfd7;
  /* „złoto" motywu = terakota-róż + złoto różowe; przyciemnione by czytało na blush */
  --vc-gold:#c5736d; --vc-gold-2:#b5605a; --vc-gold-3:#9a4a44;
  --vc-gold-grad:linear-gradient(135deg,#eeb6ad 0%,#d98c86 46%,#b8854a 100%);
  --vc-gold-hair:rgba(197,115,109,.36);
  /* tekst: ciepły mahoń (nie czerń), drugorzędny i muted czytelne na blush */
  --vc-tekst:#3a2a26; --vc-tekst-2:#6b5048; --vc-mut:#8a6b61; --vc-mut-2:#a98c81;
  /* linie widoczne na blush (ciepły mahoń hairline) */
  --vc-linia:rgba(58,42,38,.13); --vc-linia-2:rgba(58,42,38,.20);
  /* statusy dostrojone do ciepłej palety, ale wciąż czytelne */
  --vc-zielen:#4f9a6a; --vc-czerwien:#c5736d; --vc-med:#b06a8e;
  /* szkło = półprzezroczysta CIEPŁA BIEL (paper) z WIDOCZNYM borderem */
  --vc-glass:rgba(255,250,247,.66); --vc-glassb:rgba(58,42,38,.15);
  /* cienie ciepłe (mahoń), glow różowy delikatny */
  --vc-shadow:0 18px 46px -28px rgba(120,60,52,.42),0 2px 8px -4px rgba(120,60,52,.18);
  --vc-glow:0 0 46px -16px rgba(217,140,134,.4);
  /* liczby-gradient: mahoń→róż-złoto (NIE biel→złoto — zniknie na jasnym) */
  --vc-num-grad:linear-gradient(180deg,#3a2a26,#b5605a);
  --vc-num-grad-neg:linear-gradient(180deg,#3a2a26,#c5736d);
  /* pola formularzy: czysta ciepła biel (nie czarne!) */
  --vc-input-bg:#fffaf7; --vc-input-bg2:#fbeee8;
  --vc-select-bg:#fffaf7;
  /* aura/ziarno przygaszone na jasnym (inaczej brud) */
  --vc-aura-op:.18; --vc-grain-op:.02;
  --vc-rail-hover:rgba(58,42,38,.05);
  /* wgłębienie UI: ciepły mahoń zamiast czerni (inaczej brudna plama) */
  --vc-inset:rgba(58,42,38,.055);
  /* tekst na różowo-złotym akcencie = jasny (gradient średnio ciemny) */
  --vc-on-gold:#fffaf7;
  /* track wyłączonego przełącznika — ciepły mid-mahoń (widoczny na blush, nie czarny) */
  --vc-track-off:rgba(58,42,38,.26);
}

/* ── Nude: korekty komponentów zakładających ciemne tło (analogicznie do jasnego) ── */
:root[data-theme="nude"] body{background:var(--vc-bg)}
/* aura: ciepłe blush/róż/szampan, multiply zamiast screen (na jasnym screen znika) */
:root[data-theme="nude"] .vc-aura span{mix-blend-mode:multiply;filter:blur(95px)}
:root[data-theme="nude"] .vc-aura .a1{background:radial-gradient(circle,#eeb6ad,transparent 65%)}
:root[data-theme="nude"] .vc-aura .a2{background:radial-gradient(circle,#e8c79a,transparent 65%)}
:root[data-theme="nude"] .vc-aura .a3{background:radial-gradient(circle,#f1dfd7,transparent 65%)}
:root[data-theme="nude"] ::selection{background:rgba(197,115,109,.24);color:#3a2a26}

/* nagłówki w klimacie couture — Cormorant Garamond (font ładowany na landingu;
   w apce dostępny jako fallback na Fraunces/serif gdy zainstalowany). */
:root[data-theme="nude"] .vc-rail .mk,
:root[data-theme="nude"] .vc-topbar .mark,
:root[data-theme="nude"] .vc-ev .t,
:root[data-theme="nude"] .vc-pulse .core .v{font-family:'Cormorant Garamond','Fraunces',Georgia,serif}

/* złoty/różowy „aktyw" w railu/pillach/przyciskach: ciemny mahoń tekstu na różu */
:root[data-theme="nude"] .vc-rail a.on,
:root[data-theme="nude"] .vc-pill.on,
:root[data-theme="nude"] .vc-btn.gold,
:root[data-theme="nude"] .vc-rail .av,
:root[data-theme="nude"] .vc-avatar,
:root[data-theme="nude"] .vc-bell-dot{color:#fffaf7}

/* KPI/karty: mocniejszy border by „szkło" odróżniało się od ciepłego tła */
:root[data-theme="nude"] .vc-card,
:root[data-theme="nude"] .vc-kpi,
:root[data-theme="nude"] .vc-pulse,
:root[data-theme="nude"] .vc-rail{border-color:var(--vc-glassb)}

/* badge: na ciepłym jasnym podbij krycie/kontur */
:root[data-theme="nude"] .vc-badge{background:rgba(58,42,38,.05);color:var(--vc-tekst-2);border-color:var(--vc-glassb)}
:root[data-theme="nude"] .vc-badge.gold{background:rgba(197,115,109,.15);color:var(--vc-gold-3);border-color:var(--vc-gold-hair)}
:root[data-theme="nude"] .vc-badge.med{background:rgba(176,106,142,.13);color:#8c4f6e;border-color:rgba(176,106,142,.28)}
:root[data-theme="nude"] .vc-badge.ok{background:rgba(79,154,106,.14);color:#357a4f;border-color:rgba(79,154,106,.32)}
:root[data-theme="nude"] .vc-badge.warn{background:rgba(197,115,109,.14);color:#a14b45;border-color:rgba(197,115,109,.3)}

/* toast/modal: użyj ciepłego panelu zamiast ciemnego */
:root[data-theme="nude"] .vc-toast{background:var(--vc-panel);color:var(--vc-tekst)}
:root[data-theme="nude"] .vc-overlay{background:rgba(90,50,42,.34)}
:root[data-theme="nude"] .vc-modal{background:linear-gradient(180deg,var(--vc-panel),var(--vc-panel-2))}
:root[data-theme="nude"] .vc-select option{color:var(--vc-tekst)}
:root[data-theme="nude"] .vc-input::placeholder{color:var(--vc-mut)}

/* mobilny pasek górny/dolny: półprzezroczysta ciepła biel zamiast czerni */
:root[data-theme="nude"] .vc-topbar{background:rgba(255,250,247,.84);border-bottom-color:var(--vc-linia)}
:root[data-theme="nude"] .vc-tabbar{background:rgba(255,250,247,.93);border-top-color:var(--vc-linia)}

/* baner cookies na nude */
:root[data-theme="nude"] .vc-cookie{background:var(--vc-panel)}

/* onboarding (modal/tour/spotlight) — ciepły scrim zamiast czarnego */
:root[data-theme="nude"]{--vc-onb-scrim:rgba(90,50,42,.42)}

/* ZŁOTO LUSTRZANE → RÓŻOWE ZŁOTO (rose gold) w nude — vouchery, karta „Poleć i zyskaj".
   Zostaje premium/glamour, ale gra z paletą blush/róż. Ink = głęboki mahoń dla kontrastu. */
:root[data-theme="nude"]{
  --vc-mirror:linear-gradient(135deg,#8a4a44 0%,#c27e6f 11%,#e8b6a0 23%,#fbe6d6 35%,#edc3a2 43%,#d99c84 54%,#f0cbb0 64%,#c27e6f 77%,#9a4a44 88%,#7a3d38 100%);
  --vc-ink:#4a2620; --vc-ink2:#5e342b; --vc-deep:#8a4a44;
}
:root[data-theme="nude"] .vc-glam{box-shadow:0 24px 60px -22px rgba(90,40,34,.6),0 2px 0 rgba(255,240,230,.55) inset,0 -16px 36px -22px rgba(90,40,34,.4) inset}
:root[data-theme="nude"] .vc-glam-plate{border-color:rgba(122,61,56,.5);box-shadow:0 1px 0 rgba(255,240,230,.6),0 1px 0 rgba(122,61,56,.45) inset}
:root[data-theme="nude"] .vc-emboss{text-shadow:0 1px 0 rgba(255,240,230,.55),0 -1px 0 rgba(74,38,32,.18)}
:root[data-theme="nude"] .vc-glam .gcode{border-color:rgba(122,61,56,.5) !important}

/* grafik (kalendarz) — ciemne paski nagłówków/hatch były hardkodowane ── */
:root[data-theme="nude"] .g-head-row{background:rgba(251,238,232,.88) !important}
:root[data-theme="nude"] .g-poza{background:repeating-linear-gradient(135deg,rgba(58,42,38,.12),rgba(58,42,38,.12) 7px,rgba(58,42,38,.05) 7px,rgba(58,42,38,.05) 14px) !important;border-top-color:rgba(58,42,38,.08)}
:root[data-theme="nude"] .g-line:nth-child(odd){background:rgba(58,42,38,.02)}
:root[data-theme="nude"] .g-col:hover{background:rgba(58,42,38,.025)}

/* Podgląd hasła (ikona oka) */
.vc-pw{position:relative}
.vc-pw .vc-input{padding-right:46px}
.vc-pw-eye{position:absolute;top:50%;right:7px;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;color:var(--vc-mut-2);border-radius:9px;transition:color .15s,background .15s}
.vc-pw-eye:hover{color:var(--vc-gold);background:rgba(255,255,255,.05)}
.vc-pw-eye svg{width:19px;height:19px;display:block}
.vc-pw-eye .off{display:none}
.vc-pw.on .vc-pw-eye .on{display:none}
.vc-pw.on .vc-pw-eye .off{display:block}

/* Zgodność App Store: elementy zakupu/płatności = tylko web; w apce natywnej ukryte (bez IAP). Dodaj klasę only-web do KAŻDEGO elementu kup/subskrybuj/cennik/płatność. */
html.vc-native .only-web{display:none!important}