*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:#0a58ca;text-decoration:none}
a:hover{text-decoration:underline}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#111;color:#fff;position:sticky;top:0}
.topbar .nav a{margin:0 8px;color:#fff}
.wrap{padding:16px;max-width:1200px;margin:0 auto}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.grid{display:grid;gap:12px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.table{width:100%;border-collapse:collapse;table-layout:fixed}
.table th,.table td{border-bottom:1px solid #eee;padding:8px;text-align:left;vertical-align:top;word-wrap:break-word;overflow:hidden}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px}
.badge.green{background:#d1fae5;color:#065f46}
.badge.red{background:#fee2e2;color:#991b1b}
.controls{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.input,select,button{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}
button.primary{background:#0ea5e9;color:#fff;border-color:#0ea5e9}
button.warn{background:#ef4444;color:#fff;border-color:#ef4444}
.row{display:flex;gap:8px;align-items:center;margin:6px 0}
.loader{display:none;position:fixed;inset:0;background:rgba(255,255,255,0.7);z-index:999;align-items:center;justify-content:center}
.loader.show{display:flex}
.spinner{width:56px;height:56px;border:6px solid #e5e7eb;border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.warnnote{background:#fff7ed;border:1px solid #fed7aa;padding:8px;border-radius:8px}
.success{background:#ecfdf5;border:1px solid #a7f3d0;padding:8px;border-radius:8px}
.highlight-green{background:#ecfdf5}
.highlight-red{background:#fee2e2}

/* NOVO – za checkbox kontrole kolona */
.print-hidden{display:none !important}

/* ŠTAMPANJE OD IVICE DO IVICE + pune kolone */
@media print {
    @page {margin:0;size:A4 landscape}
    body{margin:0;padding:0}
    html,body{width:100%;height:100%}
    .wrap{padding:5mm 8mm}
    .card{border:none;box-shadow:none;padding:0;margin:0}
    .topbar,.controls,button,.success,#loader,.card > .controls{display:none !important}
    .table{table-layout:auto;width:100%}
    .table th,.table td{
        white-space:normal !important;
        overflow:visible !important;
        word-wrap:break-word;
        font-size:10pt;
        padding:4px 6px;
        border:1px solid #000;
    }
    /* Ukloni sve fiksne širine kolona pri štampi */
    td,th{ width:auto !important; min-width:30px }
}