/* Originalni stilovi prijave */
.prijava-wrap { max-width: 900px; margin: 0 auto; padding: 20px; }
.page-header { background:white; border-radius:12px; padding:30px; margin-bottom:30px; box-shadow:0 4px 6px rgba(0,0,0,0.05); text-align:center; border-bottom:3px solid #ffd700; }
.page-header h1 { font-size:2.5rem; color:#002B5C; font-weight:700; margin-bottom:0.5rem; }
.page-header p { color:#64748b; font-size:1.1rem; margin:0; }
.stepper { display:flex; align-items:center; background:white; border-radius:12px; padding:20px 30px; margin-bottom:30px; box-shadow:0 4px 6px rgba(0,0,0,0.05); border:1px solid #e2e8f0; }
.step { display:flex; align-items:center; gap:10px; flex:1; }
.step-num { width:34px; height:34px; border-radius:50%; background:#e2e8f0; color:#94a3b8; font-weight:700; font-size:0.85rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.step.active .step-num { background:#002B5C; color:white; }
.step.done .step-num { background:#ffd700; color:#002B5C; }
.step-lbl { font-size:0.82rem; color:#94a3b8; font-weight:500; }
.step.active .step-lbl { color:#002B5C; font-weight:600; }
.step.done .step-lbl { color:#64748b; }
.step-line { flex:1; height:2px; background:#e2e8f0; margin:0 8px; }
.step-line.done { background:#ffd700; }
.card { background:white; border-radius:12px; box-shadow:0 4px 6px rgba(0,0,0,0.05); border:1px solid #e2e8f0; overflow:hidden; margin-bottom:20px; }
.card-hdr { padding:18px 22px; background:#f8fafc; border-bottom:1px solid #e2e8f0; }
.card-hdr h2 { font-size:1.1rem; font-weight:600; color:#002B5C; margin:0; display:flex; align-items:center; gap:8px; }
.card-body { padding:22px; }
.nat-card { background:white; border-radius:12px; border:1px solid #e2e8f0; overflow:hidden; margin-bottom:14px; transition:all 0.3s; box-shadow:0 2px 4px rgba(0,0,0,0.04); }
.nat-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,0.1); border-color:#002B5C; }
.nat-card-hdr { padding:16px 20px; background:#f8fafc; border-bottom:1px solid #e2e8f0; }
.nat-card-title { font-size:1.15rem; font-weight:600; color:#002B5C; margin-bottom:10px; }
.nat-card-meta { display:flex; gap:10px; flex-wrap:wrap; }
.mbadge { display:inline-flex; align-items:center; gap:5px; padding:3px 10px; background:white; border:1px solid #e2e8f0; border-radius:20px; font-size:0.82rem; color:#64748b; }
.nat-card-foot { padding:14px 20px; display:flex; justify-content:flex-end; }
.tabs-wrap { background:white; border-radius:12px; border:1px solid #e2e8f0; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.05); margin-bottom:20px; }
.tabs-nav { display:flex; background:#f8fafc; border-bottom:2px solid #e2e8f0; }
.tab-btn { flex:1; padding:14px 20px; border:none; background:transparent; color:#64748b; font-size:0.9rem; font-weight:500; cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-2px; transition:all 0.2s; }
.tab-btn:hover { color:#002B5C; background:white; }
.tab-btn.active { color:#002B5C; font-weight:600; background:white; border-bottom-color:#ffd700; }
.tab-pane { display:none; padding:22px; }
.tab-pane.active { display:block; }
.tab-btn-en { border-left:1px solid #e2e8f0; }
.tab-pane-en { background:#fafcff; }
.fg { margin-bottom:16px; }
.fg label { display:block; margin-bottom:5px; font-weight:600; font-size:0.85rem; color:#002B5C; }
.fc { width:100%; max-width:400px; padding:9px 12px; border:1px solid #cbd5e1; border-radius:8px; font-size:0.875rem; color:#1e293b; background:white; outline:none; box-sizing:border-box; transition:border-color 0.2s; }
.fc:focus { border-color:#002B5C; box-shadow:0 0 0 3px rgba(0,43,92,0.08); }
.fc-w { max-width:100%; }
.btn { display:inline-flex; align-items:center; gap:7px; padding:9px 20px; border:none; border-radius:8px; font-size:0.875rem; font-weight:600; cursor:pointer; transition:all 0.2s; text-decoration:none; }
.btn-p { background:#002B5C; color:white; }
.btn-p:hover { background:#ffd700; color:#002B5C; }
.btn-s { background:#16a34a; color:white; }
.btn-s:hover { background:#15803d; }
.btn-w { background:#ffd700; color:#002B5C; }
.btn-w:hover { background:#e6c200; }
.btn-d { background:#fee2e2; color:#991b1b; border:1px solid #fca5a5; }
.btn-d:hover { background:#fecaca; }
.btn-sm { padding:5px 10px; font-size:0.8rem; }
.btn-lnk { background:transparent; color:#64748b; padding:9px 14px; }
.btn-lnk:hover { color:#002B5C; }
.alert { padding:12px 16px; border-radius:8px; margin-bottom:16px; display:flex; align-items:flex-start; gap:10px; font-size:0.875rem; }
.alert-ok   { background:#dcfce7; color:#166534; border-left:4px solid #16a34a; }
.alert-warn { background:#fefce8; color:#854d0e; border-left:4px solid #ffd700; }
.alert-err  { background:#fee2e2; color:#991b1b; border-left:4px solid #ef4444; }
.alert-info { background:#eff6ff; color:#1e40af; border-left:4px solid #3b82f6; }
.info-sum { background:#f0f6ff; border:1px solid #bfdbfe; border-radius:10px; padding:14px 18px; margin-bottom:20px; display:flex; flex-wrap:wrap; gap:12px 24px; }
.info-si { display:flex; align-items:center; gap:7px; font-size:0.85rem; color:#334155; }
.info-si strong { color:#002B5C; }
.add-card { background:white; border-radius:12px; border:2px dashed #cbd5e1; overflow:hidden; margin-bottom:20px; }
.add-card:focus-within { border-color:#002B5C; border-style:solid; }
.frow { display:grid; grid-template-columns:repeat(auto-fill, minmax(170px,1fr)); gap:14px; }
.frow .fg { margin-bottom:0; }
.frow .fc { max-width:100%; }
.qs-row { background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:12px 16px; margin-bottom:18px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.qs-row label { font-size:0.82rem; font-weight:600; color:#002B5C; white-space:nowrap; display:flex; align-items:center; gap:5px; margin:0; }
.qs-row select { flex:1; min-width:200px; }
.cnt-badge { display:inline-flex; align-items:center; justify-content:center; background:#ffd700; color:#002B5C; width:24px; height:24px; border-radius:50%; font-weight:700; font-size:0.8rem; }
.tbl-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
thead tr { background:#002B5C; color:white; }
thead th { padding:11px 13px; text-align:left; font-size:0.8rem; font-weight:600; white-space:nowrap; }
tbody td { padding:10px 13px; border-bottom:1px solid #f1f5f9; font-size:0.85rem; color:#334155; vertical-align:middle; }
tbody tr:hover { background:#f8fafc; }
tbody tr:last-child td { border-bottom:none; }
.empty-row td { text-align:center; color:#94a3b8; padding:28px; }
.bdg { display:inline-flex; align-items:center; gap:3px; padding:2px 9px; border-radius:20px; font-size:0.76rem; font-weight:600; }
.bdg-ok  { background:#dcfce7; color:#166534; }
.bdg-exp { background:#fee2e2; color:#991b1b; }
.bdg-unk { background:#f1f5f9; color:#64748b; }
.bdg-cat { background:#ffd700; color:#002B5C; padding:2px 9px; border-radius:20px; font-size:0.76rem; font-weight:600; }
.act-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:18px 22px; background:#f8fafc; border-top:1px solid #e2e8f0; }
.act-row .sp { flex:1; }
.spol-disp { padding:9px 12px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; font-size:0.875rem; color:#334155; display:inline-flex; align-items:center; gap:5px; }
.succ-pg { text-align:center; padding:50px 20px; }
.succ-ico { width:72px; height:72px; background:#dcfce7; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-size:2rem; color:#16a34a; }
.succ-pg h2 { font-size:1.7rem; color:#002B5C; margin-bottom:8px; }
.succ-pg p  { color:#64748b; margin-bottom:24px; }
.empty-st { text-align:center; padding:40px 20px; }
.empty-st h3 { color:#002B5C; font-size:1.2rem; margin-bottom:6px; }
.empty-st p  { color:#64748b; margin:0; }
.en-notice { background:#eff6ff; border:1px solid #bfdbfe; border-left:3px solid #3b82f6; border-radius:8px; padding:10px 14px; font-size:0.82rem; color:#1e40af; margin-bottom:18px; display:flex; align-items:center; gap:8px; }
#loading-indicator { background:#002B5C; color:#ffd700; padding:8px 15px; border-radius:30px; font-size:0.8rem; display:inline-flex; align-items:center; gap:8px; margin-left:10px; }
.verify-wait { text-align:center; padding:50px 20px; }
.verify-ico { width:72px; height:72px; background:#eff6ff; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-size:2rem; color:#3b82f6; }
.verify-wait h2 { font-size:1.5rem; color:#002B5C; margin-bottom:8px; }
.verify-wait p  { color:#64748b; margin-bottom:8px; line-height:1.7; }
.prev-reg-table th { background:#4a627a; }
@media(max-width:768px) {
    .prijava-wrap { padding:0 15px; margin:20px auto; }
    .page-header { padding:20px; }
    .page-header h1 { font-size:2rem; }
}
@media(max-width:640px) {
    .prijava-wrap { padding:12px; }
    .stepper { padding:14px; }
    .step-lbl { display:none; }
    .frow { grid-template-columns:1fr 1fr; }
    .act-row { flex-direction:column; align-items:stretch; }
    .act-row .btn { justify-content:center; }
}
@media(max-width:480px) {
    .page-header h1 { font-size:1.6rem; }
}