/* Auto servis - javna provera istorije */
.sr-provera { max-width:760px; margin:0 auto; font-size:16px; line-height:1.6; }
.sr-provera h2 { margin-bottom:.4em; }
.sr-provera .sr-uvod { color:#555; }
.sr-provera-forma { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end;
  background:#f6f6f4; border:1px solid #e0dfdb; padding:16px; border-radius:6px; margin:16px 0 24px; }
.sr-provera .sr-polje { display:flex; flex-direction:column; gap:4px; }
.sr-provera label { font-size:13px; font-weight:600; color:#444; }
.sr-provera input[type=text] { padding:10px 12px; font-size:18px; border:1px solid #c9c7c2;
  border-radius:4px; text-transform:uppercase; letter-spacing:1px; min-width:200px; }
.sr-provera .sr-dugme { padding:11px 22px; font-size:16px; font-weight:600; cursor:pointer;
  background:#1e5a8a; color:#fff; border:0; border-radius:4px; }
.sr-provera .sr-dugme:hover { background:#174a73; }
.sr-provera .sr-greska { background:#fdecea; border-left:4px solid #b3261e;
  padding:10px 14px; margin:12px 0; }

.sr-rezultat { margin-top:8px; }
.sr-vozilo { display:flex; flex-wrap:wrap; align-items:center; gap:14px;
  padding:14px 16px; background:#fff; border:1px solid #e0dfdb; border-left:4px solid #1e5a8a; }
.sr-vozilo .sr-tablice { font-size:22px; font-weight:800; letter-spacing:2px;
  border:2px solid #111; padding:2px 10px; border-radius:4px; }
.sr-vozilo .sr-naziv { font-size:18px; font-weight:600; }
.sr-vozilo .sr-km { margin-left:auto; color:#666; }

.sr-lista { list-style:none; margin:18px 0 0; padding:0; }
.sr-lista > li { border-left:3px solid #d8d6d1; padding:0 0 18px 18px; margin:0; position:relative; }
.sr-lista > li::before { content:''; position:absolute; left:-8px; top:6px; width:13px; height:13px;
  border-radius:50%; background:#1e5a8a; border:3px solid #fff; box-shadow:0 0 0 1px #d8d6d1; }
.sr-red-glava { display:flex; flex-wrap:wrap; gap:14px; align-items:baseline; }
.sr-red-glava .sr-datum { font-weight:700; font-size:17px; }
.sr-red-glava .sr-km-mali { color:#777; font-size:14px; }
.sr-red-glava .sr-cena { margin-left:auto; font-weight:700; }
.sr-kvar { font-weight:600; margin-top:2px; }
.sr-nalaz { color:#555; font-size:15px; }
.sr-stavke { margin:8px 0 0; padding-left:18px; font-size:15px; color:#444; }
.sr-stavke .sr-deo { color:#1e5a8a; }
.sr-garancija { display:inline-block; margin-top:8px; font-size:13px; font-weight:600;
  background:#e4ede6; color:#2e6b3f; padding:2px 10px; border-radius:10px; }
.sr-ukupno { margin-top:18px; padding-top:14px; border-top:2px solid #111; font-size:18px; text-align:right; }
.sr-napomena { color:#666; font-size:14px; }

@media (max-width:600px) {
  .sr-vozilo .sr-km { margin-left:0; }
  .sr-provera input[type=text] { min-width:100%; }
  .sr-provera .sr-polje { width:100%; }
}

/* ---------- zakazivanje ---------- */
.sr-zakazivanje { max-width:820px; margin:0 auto; font-size:16px; line-height:1.6; }
.sr-zakazivanje .sr-uvod { color:#555; }
.sr-korak { display:flex; align-items:center; gap:12px; margin:28px 0 10px; }
.sr-korak-broj { width:30px; height:30px; border-radius:50%; background:#1e5a8a; color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; flex:none; }
.sr-korak h3 { margin:0; font-size:19px; }

.sr-usluge-lista { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; }
.sr-usluga { display:block; position:relative; border:1px solid #dcdad5; border-radius:6px;
  padding:12px 14px 12px 40px; cursor:pointer; background:#fff; transition:border-color .15s, box-shadow .15s; }
.sr-usluga:hover { border-color:#1e5a8a; }
.sr-usluga input { position:absolute; left:14px; top:16px; }
.sr-usluga:has(input:checked) { border-color:#1e5a8a; box-shadow:0 0 0 2px rgba(30,90,138,.15); }
.sr-usluga-naziv { display:block; font-weight:600; }
.sr-usluga-meta { display:block; font-size:13px; color:#777; margin-top:2px; }
.sr-usluga-drogo, .sr-usluga-drugo { background:#f6f6f4; }

.sr-slotovi { margin:14px 0; }
.sr-slotovi-naslov { font-size:13px; font-weight:600; color:#444; margin:0 0 8px; }
.sr-slot-lista { display:flex; flex-wrap:wrap; gap:8px; }
.sr-slot { padding:9px 16px; border:1px solid #c9c7c2; background:#fff; border-radius:4px;
  cursor:pointer; font-size:16px; font-variant-numeric:tabular-nums; }
.sr-slot:hover { border-color:#1e5a8a; }
.sr-slot.izabran { background:#1e5a8a; border-color:#1e5a8a; color:#fff; font-weight:600; }
.sr-ucitavanje, .sr-nema-termina { color:#777; font-size:15px; margin:6px 0; }

.sr-mreza { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.sr-forma-zakazivanje .sr-polje { display:flex; flex-direction:column; gap:4px; margin-bottom:12px; }
.sr-forma-zakazivanje label { font-size:13px; font-weight:600; color:#444; }
.sr-forma-zakazivanje input[type=text], .sr-forma-zakazivanje input[type=tel],
.sr-forma-zakazivanje input[type=email], .sr-forma-zakazivanje input[type=date],
.sr-forma-zakazivanje textarea {
  padding:10px 12px; font-size:16px; border:1px solid #c9c7c2; border-radius:4px; width:100%; }
.sr-radio { font-weight:400 !important; margin-right:14px; }
.sr-deo-dana label:first-child { display:block; margin-bottom:6px; }
.sr-cek { display:block; font-size:14px; font-weight:400 !important; color:#555; margin:10px 0; }
.sr-dugme-veliko { margin-top:16px; padding:14px 32px; font-size:17px; }
.sr-uspeh { background:#e4ede6; border-left:4px solid #2e6b3f; padding:14px 18px; margin:14px 0; }
.sr-info { background:#e3edf5; border-left:4px solid #1e5a8a; padding:12px 16px; margin:14px 0; }

/* ---------- moj nalog ---------- */
.sr-nalog-korisnika { max-width:860px; margin:0 auto; font-size:16px; line-height:1.6; }
.sr-nalog-glava { border-bottom:2px solid #111; padding-bottom:10px; margin-bottom:20px; }
.sr-nalog-glava h2 { margin:0 0 4px; }
.sr-sekcija { margin:0 0 34px; }
.sr-sekcija h3 { font-size:19px; border-left:4px solid #1e5a8a; padding-left:10px; margin:0 0 12px; }
.sr-sekcija-ponude h3 { border-left-color:#8a5f13; }
.sr-ponuda { background:#fdf6e8; border:1px solid #e6d9be; border-radius:6px; padding:14px 16px; margin-bottom:12px; }
.sr-ponuda-glava { display:flex; flex-wrap:wrap; gap:10px; align-items:baseline; font-size:17px; }
.sr-ponuda-glava .sr-cena { margin-left:auto; font-weight:700; }
.sr-ponuda-dugmad { margin:12px 0 0; }
.sr-dugme, a.sr-dugme { display:inline-block; padding:10px 20px; background:#1e5a8a; color:#fff;
  border:0; border-radius:4px; text-decoration:none; font-weight:600; cursor:pointer; }
.sr-dugme:hover, a.sr-dugme:hover { background:#174a73; color:#fff; }
.sr-dugme-slabo, a.sr-dugme-slabo { display:inline-block; padding:10px 18px; color:#8a2f2a;
  text-decoration:none; border:1px solid #ddc9c7; border-radius:4px; }
.sr-link-dugme { background:none; border:0; color:#8a2f2a; cursor:pointer; padding:0; text-decoration:underline; }
.sr-inline { display:inline; }

.sr-tabela { width:100%; border-collapse:collapse; }
.sr-tabela th { text-align:left; font-size:12px; text-transform:uppercase; color:#666;
  border-bottom:1px solid #ccc; padding:6px 8px; }
.sr-tabela td { padding:8px; border-bottom:1px solid #eee; }
.sr-oznaka { display:inline-block; font-size:12px; font-weight:600; padding:2px 10px; border-radius:10px; background:#eee; }
.sr-oznaka-nov { background:#fdf0d5; color:#8a5f13; }
.sr-oznaka-potvrdjen { background:#e4ede6; color:#2e6b3f; }
.sr-oznaka-odbijen, .sr-oznaka-otkazan { background:#f0eeec; color:#777; }
.sr-oznaka-realizovan { background:#e3edf5; color:#1e5a8a; }

.sr-vozilo-karta { background:#fff; border:1px solid #e0dfdb; border-radius:6px; padding:16px 18px; margin-bottom:16px; }
.sr-rokovi { font-size:14px; color:#666; margin:8px 0 0; }
.sr-prijava { max-width:380px; background:#f6f6f4; border:1px solid #e0dfdb; padding:18px; border-radius:6px; }
.sr-prijava input[type=text], .sr-prijava input[type=password] { width:100%; padding:9px 11px; font-size:16px; }
.sr-prijava .button, .sr-prijava input[type=submit] { padding:10px 20px; background:#1e5a8a; color:#fff;
  border:0; border-radius:4px; font-weight:600; cursor:pointer; }
.sr-sitno { font-size:13px; color:#777; }