@font-face{
  font-family:"DejaVu Sans";
  src: url('DejaVuSans.ttf') format('truetype');
  font-weight:normal;font-style:normal;font-display:swap;
}
:root{
  --blue:#0066cc;      /* Aktual */
  --green:#77b300;     /* Veseljak */
  --orange:#ff7a00;    /* Celje akcent */
  --bg:#f5f7fb; --card:#fff; --line:#e6e8ef; --text:#111; --text-2:#555;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--text);font-family:"DejaVu Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1320px;margin:0 auto;padding:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 10px 24px rgba(0,20,60,.04), 0 2px 6px rgba(0,20,60,.06)}
.h2{margin:0 0 8px 0;font-size:20px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.span2{grid-column:span 2}
.label{font-size:12px;color:var(--text-2);margin-bottom:6px;display:block}
.input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:#fff}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.btn{padding:10px 14px;border:none;border-radius:10px;color:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.btn-green{background:var(--green)} .btn-orange{background:var(--orange)}
.btn-ghost{padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--text);cursor:pointer}

.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:12px}
table{width:100%;min-width:940px;border-collapse:collapse;background:#fff;font-size:9px;color:#000} /* 9px */
th{position:sticky;top:0;z-index:2;background:#fafbff;border:1px solid var(--line);padding:4px 4px;text-align:left}
td{border:1px solid var(--line);padding:0;background:#fff}
.thSticky{position:sticky;left:0;z-index:3;background:#fff}
.tdSticky{position:sticky;left:0;z-index:1;background:#fff;padding:4px;font-weight:600;white-space:nowrap}
.tdNum{padding:4px;text-align:right;font-weight:700}
.cell{width:100%;border:none;outline:none;background:transparent;text-align:center;font-size:9px;padding:2px 2px;color:#000}
.cell.invalid{border:1px solid #f5b5b5;background:#fff5f5}
tfoot td{background:#fafbff}
.metaBar{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin:6px 0}
.metaLine{font-size:11px;margin-top:3px}
.pdfTop{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}
.banner{width:100%;max-height:58px;object-fit:contain;display:block;margin:0 auto}
.note{margin-top:8px;color:#666;font-size:12px}

/* Print: A4 landscape, tanke margine */
@media print{
  @page{size:A4 landscape;margin:10mm}
  body{background:#fff}
  .card{box-shadow:none;border:none;padding:0;margin:0}
  .wrap{max-width:none;padding:0}
  .btn,.input,label, .row{display:none !important}
  .tableWrap{border:none}
}