/* ===========================================================================
   PLEVIX Faktúry – rozšírená sada šablón (v73)
   ---------------------------------------------------------------------------
   Kde je čo:
     classic, modern, minimal, elegant   -> faktury/index.php (inline)
     executive, aurora, studio,
     corporate, compact                  -> faktury/plevix-v20.css
     vlastné motívy od VIXI (.template-custom a custom-*)
                                         -> faktury/plevix-v23.css
     nordic, mono, contrast, slate, sunrise, ledger, boutique,
     techno, serif, band, grid           -> TENTO SÚBOR (11 nových)
   Spolu 20 šablón. Zámerne tu neduplikujeme to, čo už existuje inde –
   dve sady pravidiel na rovnaký názov by si navzájom prebíjali vlastnosti.

   Dostupné prvky dokladu, na ktoré sa dá napojiť:
     .paper .inv-title .logo .topcols .entity .contact-title .dates
     .paper-items (tabuľka) .desc .summary .sumrow .paper-total
     .paybox .paydata .qrholder .signbox .signline .footer .paidstamp h3

   Farba sa berie z premennej --invoice-accent, ktorú nastavuje používateľ.
   =========================================================================== */

/* ---------- spoločné ---------- */
.paper[class*="template-"] .paper-items th{letter-spacing:.02em}

/* ---------- 10. NORDIC – svetlá, veľa bieleho priestoru ---------- */
.paper.template-nordic{border-top:0;padding:20mm 18mm}
.paper.template-nordic .inv-title{font-weight:400;letter-spacing:.02em;color:#2b3245}
.paper.template-nordic h3{
  color:#7a8496;font-size:8pt;letter-spacing:.16em;text-transform:uppercase;border:0;
}
.paper.template-nordic .paper-items th,
.paper.template-nordic .paper-items td{border:0;border-bottom:1px solid #edf0f4}
.paper.template-nordic .paper-items thead th{background:transparent;color:#7a8496}
.paper.template-nordic .paper-total{background:#f6f8fb;color:#2b3245;border-radius:2mm}
.paper.template-nordic .paybox{border:0;background:#f6f8fb;border-radius:2mm}

/* ---------- 11. MONO – čiernobiela, šetrí toner ---------- */
.paper.template-mono{border-top:0}
.paper.template-mono *{color:#111!important}
.paper.template-mono .inv-title{border-bottom:2px solid #111;padding-bottom:3mm}
.paper.template-mono h3{font-size:9pt;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #111}
.paper.template-mono .paper-items thead th{background:transparent;border-bottom:1px solid #111}
.paper.template-mono .paper-total{background:transparent;border:2px solid #111}
.paper.template-mono .paybox{border:1px dashed #111;background:transparent}

/* ---------- 12. CONTRAST – silná plocha vpravo hore ---------- */
.paper.template-contrast{border-top:0;position:relative}
.paper.template-contrast:before{
  content:"";position:absolute;right:0;top:0;width:55mm;height:34mm;
  background:var(--invoice-accent);
}
.paper.template-contrast .inv-title{position:relative;z-index:1}
.paper.template-contrast h3{color:var(--invoice-accent);font-weight:900}
.paper.template-contrast .paper-items thead th{background:#f4f4f7}
.paper.template-contrast .paper-total{background:var(--invoice-accent);color:#fff}
.paper.template-contrast .paybox{border-left:3mm solid var(--invoice-accent);background:#fafaff;border-top:0;border-right:0;border-bottom:0}

/* ---------- 13. SLATE – bridlicová, tlmená ---------- */
.paper.template-slate{border-top:3mm solid #475569}
.paper.template-slate .inv-title{color:#334155}
.paper.template-slate h3{color:#475569;border-bottom:1px solid #cbd5e1;padding-bottom:1.5mm}
.paper.template-slate .paper-items thead th{background:#eef2f6;color:#334155}
.paper.template-slate .paper-total{background:#475569;color:#fff;border-radius:1.5mm}
.paper.template-slate .paybox{background:#f6f8fa;border:1px solid #dbe2ea}

/* ---------- 14. SUNRISE – teplá, prívetivá ---------- */
.paper.template-sunrise{border-top:0}
.paper.template-sunrise .inv-title{
  margin:0 -15mm 7mm;padding:7mm 15mm;
  background:linear-gradient(120deg,#f97316,#fb923c);color:#fff;
}
.paper.template-sunrise .inv-title *{color:#fff}
.paper.template-sunrise h3{color:#c2410c}
.paper.template-sunrise .paper-items thead th{background:#fff5eb}
.paper.template-sunrise .paper-total{background:#f97316;color:#fff;border-radius:2mm}
.paper.template-sunrise .paybox{border:0;background:#fff7ed;border-radius:2mm}

/* ---------- 15. LEDGER – účtovnícka, linkovaná tabuľka ---------- */
.paper.template-ledger{border-top:0}
.paper.template-ledger .inv-title{font-family:Georgia,"Times New Roman",serif}
.paper.template-ledger h3{font-family:Georgia,serif;color:#1f2937}
.paper.template-ledger .paper-items tbody tr:nth-child(odd) td{background:#f7f9fc}
.paper.template-ledger .paper-items th,
.paper.template-ledger .paper-items td{border:1px solid #d7dee8}
.paper.template-ledger .paper-items thead th{background:#e8edf4}
.paper.template-ledger .paper-total{background:#1f2937;color:#fff}
.paper.template-ledger .paybox{border:1px solid #d7dee8;background:#fbfcfe}

/* ---------- 16. BOUTIQUE – jemná, pre služby a remeslá ---------- */
.paper.template-boutique{border:0;padding:18mm 16mm;position:relative}
.paper.template-boutique:after{
  content:"";position:absolute;left:16mm;right:16mm;top:11mm;height:1px;background:var(--invoice-accent);
}
.paper.template-boutique .inv-title{font-family:Georgia,serif;font-weight:400;letter-spacing:.04em}
.paper.template-boutique h3{
  font-family:Georgia,serif;color:var(--invoice-accent);font-weight:400;
  font-size:11pt;letter-spacing:.05em;border:0;
}
.paper.template-boutique .paper-items th,
.paper.template-boutique .paper-items td{border:0;border-bottom:1px solid #eee}
.paper.template-boutique .paper-items thead th{background:transparent;font-style:italic}
.paper.template-boutique .paper-total{background:transparent;border-top:2px solid var(--invoice-accent)}
.paper.template-boutique .paybox{border:1px solid #eee;background:transparent}

/* ---------- 17. TECHNO – pre IT a agentúry ---------- */
.paper.template-techno{border-top:0;border-left:6mm solid #0f172a}
.paper.template-techno .inv-title{font-family:"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.02em}
.paper.template-techno h3{
  color:#0f172a;font-size:8.5pt;letter-spacing:.18em;text-transform:uppercase;
  border-bottom:2px solid var(--invoice-accent);padding-bottom:1mm;
}
.paper.template-techno .paper-items thead th{background:#0f172a;color:#fff}
.paper.template-techno .paper-items td{border-color:#e5e9f0}
.paper.template-techno .paper-total{background:#0f172a;color:#fff;border-radius:0}
.paper.template-techno .paybox{border:1px solid #0f172a;background:#fff}

/* ---------- 18. SERIF – klasická pätková, formálna ---------- */
.paper.template-serif{border-top:0;font-family:Georgia,"Times New Roman",serif}
.paper.template-serif .inv-title{font-size:20pt;letter-spacing:.02em;text-align:center}
.paper.template-serif h3{
  text-align:center;font-weight:400;font-size:11pt;letter-spacing:.1em;
  border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:1.5mm 0;
}
.paper.template-serif .paper-items thead th{background:transparent;border-bottom:2px solid #333}
.paper.template-serif .paper-total{background:transparent;border:1px solid #333}
.paper.template-serif .paybox{border:1px solid #ccc;background:transparent}

/* ---------- 19. BAND – široký farebný pruh cez celú šírku ---------- */
.paper.template-band{border-top:0;padding-top:0}
.paper.template-band .inv-title{
  margin:0 -15mm 9mm;padding:11mm 15mm 9mm;
  background:var(--invoice-accent);color:#fff;
}
.paper.template-band .inv-title *{color:#fff}
.paper.template-band h3{
  color:#fff;background:var(--invoice-accent);display:inline-block;
  padding:1mm 3mm;font-size:8.5pt;letter-spacing:.1em;border:0;
}
.paper.template-band .paper-items thead th{background:#f5f5fa}
.paper.template-band .paper-total{background:var(--invoice-accent);color:#fff}
.paper.template-band .paybox{border:0;background:#f7f7fc}

/* ---------- 20. GRID – prehľadná mriežka, veľa položiek ---------- */
.paper.template-grid{border-top:2mm solid var(--invoice-accent)}
.paper.template-grid h3{color:var(--invoice-accent);font-size:9pt;letter-spacing:.08em}
.paper.template-grid .paper-items{border-collapse:collapse}
.paper.template-grid .paper-items th,
.paper.template-grid .paper-items td{border:1px solid #dde3ec;padding:1.6mm 2mm}
.paper.template-grid .paper-items thead th{
  background:color-mix(in srgb,var(--invoice-accent) 10%,#fff);color:#1f2937;
}
.paper.template-grid .paper-items tbody tr:nth-child(even) td{background:#fafbfd}
.paper.template-grid .paper-total{background:var(--invoice-accent);color:#fff;border-radius:1mm}
.paper.template-grid .paybox{border:1px solid #dde3ec;background:#fcfdff}

/* ===========================================================================
   Náhľady vo výbere šablóny. Základ (.template-thumb) je v index.php,
   tu sú varianty pre nové šablóny, aby sa dali od seba rozoznať na prvý pohľad.
   =========================================================================== */
.template-thumb.executive{border-top:11px solid #101828}
.template-thumb.executive:before{background:#101828}
.template-thumb.aurora{border-top:9px solid #7c3aed;background:linear-gradient(180deg,#f7f5ff,#fff)}
.template-thumb.aurora:before{background:linear-gradient(90deg,#4f46e5,#7c3aed)}
.template-thumb.studio{padding-top:14px;border:0;box-shadow:inset 0 0 0 1px #e4e8ee}
.template-thumb.studio:before{width:30px;height:7px;background:#111}
.template-thumb.corporate{border-top:6px solid #4f46e5;border-bottom:4px solid #101828}
.template-thumb.corporate i{background:#c9d1de;height:4px}
.template-thumb.compact{padding:4px;gap:2px}
.template-thumb.compact:before{width:16px;height:4px}
.template-thumb.compact i{height:2px}
.template-thumb.nordic{border:0;box-shadow:inset 0 0 0 1px #eef1f5;padding-top:16px}
.template-thumb.nordic:before{width:22px;height:3px;background:#93a0b5}
.template-thumb.mono{border:1px solid #111}
.template-thumb.mono:before{background:#111}
.template-thumb.mono i{background:#bbb}
.template-thumb.contrast{position:relative;overflow:hidden}
.template-thumb.contrast:after{content:"";position:absolute;right:0;top:0;width:22px;height:18px;background:#4f46e5}
.template-thumb.slate{border-top:8px solid #475569}
.template-thumb.slate:before{background:#475569}
.template-thumb.sunrise{border-top:9px solid #f97316}
.template-thumb.sunrise:before{background:#f97316}
.template-thumb.ledger{background:repeating-linear-gradient(#fff 0 6px,#e8edf4 6px 7px)}
.template-thumb.ledger:before{background:#1f2937}
.template-thumb.boutique{border:0;box-shadow:inset 0 0 0 1px #eee}
.template-thumb.boutique:before{width:26px;height:1px;background:#4f46e5}
.template-thumb.techno{border-left:9px solid #0f172a}
.template-thumb.techno:before{background:#0f172a}
.template-thumb.serif{border:0;box-shadow:inset 0 0 0 1px #d9dee7}
.template-thumb.serif:before{width:28px;height:2px;background:#333;margin:0 auto}
.template-thumb.band{padding-top:0;overflow:hidden}
.template-thumb.band:before{width:100%;height:16px;background:#4f46e5;margin:-7px -7px 5px}
.template-thumb.grid{background:
  repeating-linear-gradient(90deg,transparent 0 12px,#dde3ec 12px 13px),
  repeating-linear-gradient(#fff 0 8px,#dde3ec 8px 9px)}
.template-thumb.grid:before{background:#4f46e5}