/* pazymejimas agento stiliai: KT pažymėjimas (A4) ir mygtukas mokytojo kelyje.
   Pažymėjimas visada šviesus (popierius), net jei sistema tamsioje temoje. Visi selektoriai su „cert-“ prefiksu. */

/* --- Mygtukas / užuomina mokytojo kelyje (naudoja programos tokenus) --- */
.cert-btn{gap:8px}
.cert-btn::before{content:"";width:12px;height:12px;border:1.5px solid currentColor;border-radius:2px;border-top-width:4px;flex:none}
.cert-left{margin:0}

/* --- Pažymėjimo dokumentas --- */
.cert-doc{
  --c-ink:#15201c; --c-muted:#5a6762; --c-line:#cfd8d4; --c-line2:#e6ecea; --c-accent:#1f5c52; --c-accent-soft:#e1eeea; --c-hi:#f2c14e;
  --c-paper:#fff; --c-bg:#e9edeb;
  color-scheme:light; margin:0; background:var(--c-bg); color:var(--c-ink);
  font:400 16px/1.5 "Figtree","Segoe UI",system-ui,sans-serif; -webkit-font-smoothing:antialiased;
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
}
.cert-doc *{box-sizing:border-box}
.cert-bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--c-paper);border-bottom:1px solid var(--c-line)}
.cert-bar b{display:block;font-weight:700}
.cert-bar span{font-size:.875rem;color:var(--c-muted)}
.cert-print{font:700 .95rem "Figtree",system-ui,sans-serif;border:1px solid var(--c-ink);border-radius:10px;padding:10px 16px;min-height:42px;cursor:pointer;background:var(--c-ink);color:#fff}
.cert-print:hover{filter:brightness(1.3)}
.cert-sheets{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 16px 48px}

.cert-page{
  position:relative;overflow:hidden;width:210mm;height:297mm;flex:none;background:var(--c-paper);color:var(--c-ink);
  padding:12mm;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 28px rgba(21,32,28,.12);
  font-family:"Figtree","Segoe UI",system-ui,sans-serif;
}
.cert-orn{position:absolute;top:0;right:0;width:118mm;height:118mm;fill:none;stroke:var(--c-accent);stroke-width:.7;opacity:.16;pointer-events:none}
.cert-frame{position:relative;height:100%;border:.35mm solid var(--c-line);outline:.2mm solid var(--c-line2);outline-offset:-2.2mm;
  padding:14mm 15mm 12mm;display:flex;flex-direction:column}
.cert-frame::before{content:"";position:absolute;left:-.35mm;top:22mm;bottom:22mm;width:1.4mm;background:var(--c-accent)}

.cert-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10mm}
.cert-org b{display:block;font-weight:800;font-size:13pt;letter-spacing:-.01em}
.cert-org span,.cert-no span{display:block;font-size:8.5pt;color:var(--c-muted);letter-spacing:.02em}
.cert-no{text-align:right}
.cert-no b{display:block;font:700 12pt/1.3 ui-monospace,"SFMono-Regular",Menlo,monospace;letter-spacing:.04em;color:var(--c-accent)}

.cert-titlebox{margin-top:24mm}
.cert-kicker{margin:0 0 3mm;font-weight:600;font-size:9.5pt;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent)}
.cert-title{margin:0;font-weight:800;font-size:30pt;line-height:1.05;letter-spacing:-.025em}

.cert-main{margin-top:16mm}
.cert-lead{margin:0;font-size:11pt;color:var(--c-muted)}
.cert-name{margin:2mm 0 0;font-weight:800;font-size:26pt;line-height:1.15;letter-spacing:-.015em}
.cert-school{margin:1mm 0 0;font-size:12pt;font-weight:500}
.cert-name+.cert-lead,.cert-school+.cert-lead{margin-top:9mm}
.cert-prog{margin:2mm 0 0;max-width:150mm;font-weight:700;font-size:16.5pt;line-height:1.3;letter-spacing:-.01em;text-wrap:balance;
  padding-left:4mm;border-left:.9mm solid var(--c-hi)}

.cert-facts{margin:14mm 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:.3mm solid var(--c-line)}
.cert-f{padding:4mm 6mm 4mm 0;border-bottom:.3mm solid var(--c-line2)}
.cert-f:nth-child(even){padding-left:6mm;border-left:.3mm solid var(--c-line2)}
.cert-f dt{font-size:8.5pt;color:var(--c-muted);letter-spacing:.02em}
.cert-f dd{margin:.8mm 0 0;font-weight:700;font-size:11.5pt;line-height:1.3}
.cert-f dd span{display:block;font-weight:400;font-size:9pt;color:var(--c-muted)}

.cert-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:10mm}
.cert-sign{display:flex;flex-direction:column;min-width:72mm}
.cert-line{height:16mm;border-bottom:.3mm solid var(--c-ink);margin-bottom:2.5mm}
.cert-sign b{font-weight:700;font-size:11pt}
.cert-sign span{font-size:8.5pt;color:var(--c-muted)}
.cert-sign .cert-date{margin-top:3mm;color:var(--c-ink);font-size:9.5pt}
.cert-verify{display:flex;align-items:flex-end;gap:4mm;text-align:right}
.cert-verify span{display:block;font-size:8pt;color:var(--c-muted)}
.cert-verify a{font-size:9pt;color:var(--c-accent);text-decoration:none;overflow-wrap:normal;word-break:normal}
.cert-verify>div:last-child{max-width:62mm}
.cert-f .cert-pending{font-style:normal;font-weight:500;color:var(--c-muted)}
.cert-qr{order:2;width:24mm;height:24mm;padding:1.5mm;border:.3mm solid var(--c-line);border-radius:1.5mm;flex:none}
.cert-qr svg{display:block;width:100%;height:100%}
.cert-qr svg path,.cert-qr svg rect[fill="black"]{fill:var(--c-ink)}

@page{size:A4 portrait;margin:0}
@media print{
  .cert-doc{background:#fff}
  .cert-bar{display:none}
  .cert-sheets{display:block;padding:0}
  .cert-page{box-shadow:none;margin:0;break-after:page;page-break-after:always}
  .cert-page:last-child{break-after:auto;page-break-after:auto}
}
/* Ekrane siaurame lange lapas sumažinamas (spausdinant – visada tikras A4) */
@media screen and (max-width:840px){.cert-page{zoom:.75}}
@media screen and (max-width:640px){.cert-page{zoom:.55}}
@media screen and (max-width:460px){.cert-page{zoom:.44}}