/* robotatut.pl - wizytowka z kodem QR */

.cardpage{max-width:520px;margin:0 auto;padding:0 0 26px}
.ctop{display:flex;align-items:center;gap:14px;padding:16px}
.ctop .cx{font-size:23px;line-height:1;color:var(--ink2)}
.ctop .ct{font-family:var(--f-display);font-weight:800;font-size:17px;flex:1}
.cbright{border:1px solid var(--gline);color:var(--yl);font-size:9.5px;padding:5px 8px;
  letter-spacing:.06em;white-space:nowrap}

.cwhy{margin:0 16px;background:var(--gsoft);border-left:3px solid var(--yl);padding:13px 14px;line-height:1.5}
.cwhy b{font-family:var(--f-display);font-weight:800;font-size:15px;display:block;margin-bottom:5px}
.cwhy span{font-size:13px;color:var(--ink2)}

.cseg{display:flex;margin:16px 16px 0;border:1.5px solid var(--gline)}
.cseg a{flex:1;text-align:center;padding:12px 4px;font-family:var(--f-display);font-weight:800;
  font-size:12.5px;color:var(--ink2)}
.cseg a.on{background:var(--gold);color:#14130F}

.cbox{margin:14px 16px 0;background:var(--card);border:1px solid var(--gline2)}
.cstrip{height:5px;background:var(--gold)}
.cin{padding:18px 16px 16px;text-align:center}
.cqr{width:230px;margin:0 auto 15px;background:#FBF8F0;padding:10px;
  box-shadow:0 0 0 1px var(--gline)}
.cqr svg{width:100%;height:auto;display:block}
.cname{font-family:var(--f-display);font-weight:800;font-size:23px;line-height:1.1}
.cspec{font-family:var(--f-display);font-weight:800;font-size:10.5px;letter-spacing:.22em;
  margin-top:6px;background:var(--gtx);-webkit-background-clip:text;background-clip:text;color:transparent}
.ctel{font-family:var(--f-display);font-weight:800;font-size:19px;margin-top:12px;letter-spacing:.02em}
.cwhere{font-size:12.5px;color:var(--ink2);margin-top:5px}
.cfin{margin-top:14px;padding-top:11px;border-top:1px solid var(--gline2);
  font-size:9.5px;letter-spacing:.14em;color:var(--ink2)}
.cfin b{color:var(--yl)}

.chints{margin:16px 16px 0}
.chi{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--gline2)}
.chi:first-child{border-top:0}
.chi .e{font-size:15px;width:20px;flex:0 0 20px;text-align:center;color:var(--yl)}
.chi .t{flex:1;line-height:1.4}
.chi .t b{font-size:13px;display:block}
.chi .t span{font-size:11.5px;color:var(--ink2);display:block;margin-top:2px}

.cbot{display:flex;gap:8px;margin:18px 16px 0}
.cbot .b{flex:1;text-align:center;padding:14px 6px;font-family:var(--f-display);font-weight:800;
  font-size:13px;border:1.5px solid var(--gline);color:var(--ink);background:var(--card);cursor:pointer}
.cbot .b.y{background:var(--gold);color:#14130F;border-color:#14130F}
.clink{margin:12px 16px 0;font-size:11.5px;color:var(--ink2);word-break:break-all;text-align:center}
.clink.copied{color:var(--green);font-weight:700}

/* --- strona publiczna --- */
.pubcard{max-width:520px;margin:0 auto}
.psaved{background:var(--gsoft);border:1px solid var(--gline);padding:13px 14px;
  display:flex;align-items:center;gap:11px;margin:16px}
.psaved .ck{width:26px;height:26px;flex:0 0 26px;background:var(--green);border-radius:50%;
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.psaved .t b{font-family:var(--f-display);font-weight:800;font-size:13.5px;display:block}
.psaved .t span{font-size:12px;color:var(--ink2)}

.pvc{background:var(--card);border:1px solid var(--gline2);padding:22px 16px 18px;
  text-align:center;margin:0 16px}
.pav{width:86px;height:86px;border-radius:50%;margin:0 auto;overflow:hidden;
  box-shadow:0 0 0 3px var(--yl);background:var(--paper);
  display:flex;align-items:center;justify-content:center}
.pav img{width:100%;height:100%;object-fit:cover;display:block}
.pav span{font-family:var(--f-display);font-weight:800;font-size:32px;color:var(--ink2)}
.pn{font-family:var(--f-display);font-weight:800;font-size:24px;margin-top:13px;line-height:1.1}
.ps{font-size:13.5px;color:var(--ink2);margin-top:5px}
.pw{font-size:12.5px;color:var(--ink2);margin-top:8px}
.pcerts{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:13px}
.pchip{border:1px solid var(--gline);color:var(--ink);font-size:11px;padding:4px 9px;
  font-weight:700;letter-spacing:.03em}
.pacts2{display:flex;gap:8px;margin-top:16px}
.pacts2 .b{flex:1;padding:14px;font-family:var(--f-display);font-weight:800;font-size:14px;
  border:2px solid var(--ink)}
.pacts2 .b.d{background:var(--ink);color:var(--paper)}
.pacts2 .b.w{background:var(--card);color:var(--ink)}

.pinv{background:var(--gsoft);border-left:3px solid var(--yl);padding:11px 14px;margin:14px 16px 0;
  font-size:12.5px;color:var(--ink2)}
.ppitch{background:var(--steel);color:#fff;padding:24px 18px;margin:14px 16px 0}
.ppitch .lb{font-family:var(--f-display);font-weight:800;font-size:10px;letter-spacing:.20em;color:#E3C765}
.ppitch h2{font-family:var(--f-display);font-weight:800;font-size:22px;line-height:1.15;margin-top:9px;color:#fff}
.ppitch p{font-size:13.5px;color:rgba(255,255,255,.65);margin-top:10px;line-height:1.5}
.prow2{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.pr{display:flex;gap:11px;align-items:flex-start}
.pr .e{color:#E3C765;font-size:13px;width:15px;flex:0 0 15px}
.pr span{font-size:13px;line-height:1.45;color:rgba(255,255,255,.85)}
.pr b{color:#fff}
.mk{display:block;background:var(--gold);color:#14130F;text-align:center;padding:15px;
  font-family:var(--f-display);font-weight:800;font-size:15px;margin-top:18px}
.mk2{display:block;text-align:center;padding:13px;font-family:var(--f-display);font-weight:800;
  font-size:14px;border:1.5px solid rgba(227,199,101,.5);margin-top:8px;color:#fff}
.pfoot{padding:18px 16px 26px;text-align:center;font-size:11px;color:var(--ink2);line-height:1.7}

/* --- uprawnienia --- */
.certs{display:flex;flex-direction:column;gap:9px}
.cert{background:var(--card);border:1px solid var(--gline2);padding:13px 14px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cert.soon{border-color:var(--yl);background:var(--gsoft)}
.cert.dead{border-color:var(--red)}
.cert .ci{flex:1;min-width:150px}
.cert .cn{font-family:var(--f-display);font-weight:800;font-size:16px}
.cert .cm{font-size:12px;color:var(--ink2);margin-top:3px}
.badge{font-size:10.5px;font-weight:700;padding:4px 9px;letter-spacing:.03em;white-space:nowrap}
.badge.ok{background:#E7F8EF;color:#0B7A47}
.badge.soon{background:var(--gold);color:#14130F}
.badge.dead{background:#FDECE9;color:#B03A22}
.badge.na{border:1px solid var(--gline2);color:var(--ink2)}
:root[data-theme="dark"] .badge.ok{background:rgba(63,217,138,.14);color:#4BE39B}
:root[data-theme="dark"] .badge.dead{background:rgba(228,103,79,.16);color:#F0917C}

/* --- kto ogladal --- */
.pwho{margin-top:14px;background:var(--steel);color:#fff;padding:14px;display:flex;
  align-items:center;gap:12px}
.pwho .st{display:flex;flex:0 0 auto}
.pwho .st i{width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.08);
  border:1px solid rgba(227,199,101,.45);margin-left:-9px;display:flex;align-items:center;
  justify-content:center;font-family:var(--f-display);font-weight:800;font-size:11.5px;color:#E3C765;
  font-style:normal}
.pwho .st i:first-child{margin-left:0}
.pwho .tx{flex:1;line-height:1.35}
.pwho .tx b{font-family:var(--f-display);font-weight:800;font-size:13px;display:block}
.pwho .tx span{font-size:11px;color:rgba(255,255,255,.5)}

@media (max-width:520px){
  .cqr{width:min(230px,72vw)}
}

/* --- KONTRAST WCAG AA: poprawki dla obu motywow (audyt 2026-09) --- */
/* 1. Zloto jako TEKST na jasnym tle musi byc ciemniejsze (2.14 -> 5.35) */
:root .cbright,
:root .chi .e,
:root .cfin b{color:#7E5C0C}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .cbright,
  :root:not([data-theme="light"]) .chi .e,
  :root:not([data-theme="light"]) .cfin b{color:#E3C765}
}
:root[data-theme="dark"] .cbright,
:root[data-theme="dark"] .chi .e,
:root[data-theme="dark"] .cfin b{color:#E3C765}

/* 2. Zielen jako tekst/obramowanie na jasnym tle (4.37 -> 4.98) */
:root .pfree{border-color:#0C7743;color:#0C7743}
:root .pfree i{background:#0C7743}
:root .lab.fresh{color:#0C7743}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .pfree{border-color:var(--green);color:var(--green)}
  :root:not([data-theme="light"]) .pfree i{background:var(--green)}
  :root:not([data-theme="light"]) .lab.fresh{color:var(--green)}
}
:root[data-theme="dark"] .pfree{border-color:var(--green);color:var(--green)}
:root[data-theme="dark"] .pfree i{background:var(--green)}
:root[data-theme="dark"] .lab.fresh{color:var(--green)}

/* 3. Bialy ptaszek w zielonym kolku - w ciemnym motywie zielen jest jasna (1.83 -> 10.4) */
:root .pqi.ok .ck,
:root .psaved .ck{background:#0C7743;border-color:#0C7743;color:#fff}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .pqi.ok .ck,
  :root:not([data-theme="light"]) .psaved .ck{background:var(--green);border-color:var(--green);color:#08160E}
}
:root[data-theme="dark"] .pqi.ok .ck,
:root[data-theme="dark"] .psaved .ck{background:var(--green);border-color:var(--green);color:#08160E}

/* 4. Wygaszony zeton XP przy zrobionym zadaniu (4.08 -> 4.91) */
:root .pqi.ok .xp{color:#5F5A4B}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .pqi.ok .xp{color:#969082}
}
:root[data-theme="dark"] .pqi.ok .xp{color:#969082}