/* Servis Takip ve Servis Randevusu vitrin sayfaları (yalnız modül açıkken yüklenir). Tema değişkenleri vitrin.css'ten gelir. */
.sv-v-kap { max-width: 640px; margin: 0 auto; padding: 8px 0 32px; }
.sv-v-kap .sayfa-baslik { font-weight: 500; }
.sv-v-form { display: grid; gap: 14px; }
.sv-v-ya { margin: 0; text-align: center; color: var(--yazi-2); font-size: 14px; }
.sv-v-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.sv-v-ust p { margin: 0; }
.sv-v-hap { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; background: #e5e7eb; color: #374151; }
.sv-v-mavi { background: #dbeafe; color: #1e40af; }
.sv-v-mor { background: #ede9fe; color: #5b21b6; }
.sv-v-sari { background: #fef3c7; color: #854d0e; }
.sv-v-turuncu { background: #ffedd5; color: #9a3412; }
.sv-v-pembe { background: #fce7f3; color: #9d174d; }
.sv-v-yesil { background: #dcfce7; color: #166534; }
.sv-v-kirmizi { background: #fee2e2; color: #991b1b; }
.sv-v-bilgi { margin: 14px 0; padding: 12px 16px; border-radius: var(--kose); background: #dcfce7; color: #166534; }
.sv-v-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px 24px; margin: 18px 0; padding: 16px; border: 1px solid var(--kenar); border-radius: 12px; background: var(--yuzey); }
.sv-v-ozet div { display: grid; gap: 2px; }
.sv-v-ozet dt { font-size: 13px; color: var(--yazi-2); }
.sv-v-ozet dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.sv-v-teklif { margin: 18px 0; padding: 16px; border: 1px solid #f59e0b; border-radius: 12px; background: #fffbeb; color: #1c2430; }
.sv-v-teklif h2 { margin: 0 0 6px; font-size: 18px; font-weight: 500; }
.sv-v-butonlar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.sv-v-sonuc h2 { font-size: 18px; font-weight: 500; margin: 22px 0 10px; }
.sv-v-zaman { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.sv-v-zaman li { display: grid; grid-template-columns: 14px 1fr; gap: 12px; }
.sv-v-nokta { width: 12px; height: 12px; margin-top: 5px; border-radius: 50%; background: var(--ana); box-shadow: 0 0 0 4px rgba(31, 95, 214, .15); }
.sv-v-zaman b, .sv-v-zaman time { display: block; }
.sv-v-zaman p { margin: 2px 0; }
.sv-v-zaman time { font-size: 13px; color: var(--yazi-2); }
.sv-v-kvkk { font-size: 13px; color: var(--yazi-2); }
.sv-v-kap .alan, .sv-v-kap .iki-alan > * { min-width: 0; }
.sv-v-kap select, .sv-v-kap input, .sv-v-kap textarea { max-width: 100%; box-sizing: border-box; }
@media (max-width: 560px) { .sv-v-kap .iki-alan { display: grid; grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .sv-v-butonlar .dugme { flex: 1 1 100%; } }
@media print {
  header, footer, .alt, .ust, .sv-v-butonlar, .alt-nav { display: none !important; }
  .sv-v-kap { max-width: none; }
}