:root{
  --bg:#f6f8fb; --card:#fff; --soft:#eef2f9; --text:#1d2330; --muted:#667085;
  --primary:#2563eb; --danger:#dc2626; --border:#e5e7eb;
  --fs:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:400 var(--fs)/1.45 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:16px}
.navbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10}
.navbar .brand{display:flex;align-items:center;gap:10px;padding:10px 16px;font-weight:700}
.row{display:flex;flex-wrap:wrap;gap:16px}
.col{flex:1 1 0}
.col-6{flex:0 0 calc(50% - 8px)}
.card{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:16px}
.hstack{display:flex;align-items:center;gap:8px}
.right{margin-left:auto}
.btn{display:inline-block;border:1px solid var(--border);padding:8px 12px;border-radius:8px;background:#fff;cursor:pointer}
.btn:hover{background:#f5f7fb}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn.outline{background:#fff;color:var(--primary);border-color:var(--primary)}
.btn.danger{background:#fff;color:var(--danger);border-color:var(--danger)}
.btn.soft{background:var(--soft);border-color:var(--soft)}
.btn.sm{padding:6px 10px;font-size:12px;border-radius:6px}
.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.form-grid .col-12{grid-column:span 12}
.form-grid .col-6{grid-column:span 6}
.form-grid .col-4{grid-column:span 4}
.form-grid .col-3{grid-column:span 3}
.form-grid .col-2{grid-column:span 2}
@media (max-width: 800px){
  .col-6{flex:1 1 100%}
  .form-grid .col-6,.form-grid .col-4,.form-grid .col-3,.form-grid .col-2{grid-column:span 12}
}
label{display:block;margin:4px 0;font-size:12px;color:var(--muted)}
input[type="text"],input[type="date"],input[type="email"],input[type="password"],input[type="number"],select,textarea{
  width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#fff;outline:none
}
input:focus,select:focus,textarea:focus{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.2)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:8px 10px;font-size:13px}
.table thead th{background:#f7f9fc;font-weight:600}
.table tr.clickable:hover{background:#f5f7fb;cursor:pointer}
.badge{display:inline-block;padding:2px 6px;border-radius:6px;background:#eef2ff;color:#3730a3;font-size:12px}
.help{font-size:12px;color:var(--muted)}
.list{list-style:none;margin:0;padding-left:0}
.list li{padding:4px 0}
.no-print{}
.export-hide{}
.logo-mini{height:42px}
/* Ispis - A4 */
#sheet{background:#fff;border:1px solid var(--border);border-radius:8px;padding:14mm;margin:0 auto; width:210mm; max-width:100%;}
@page{ size: A4; margin:10mm; }
@media print{
  body{background:#fff}
  .no-print, .export-hide{display:none!important}
  #sheet{border:none; padding:0; width:auto; }
}
/* minimalist dropdown substitute */
.inline-actions .btn{margin-left:6px}
/* simple collapse */
.collapse{display:none}
.collapse.show{display:block}
/* table totals */
.tfoot th,.tfoot td{font-weight:700}
.small{font-size:12px;color:var(--muted)}