/* ===== Arabanın Nesi Var - Servis | gri tasarım sistemi ===== */
:root{
  --asfalt:#202327;
  --grafit:#3A3F45;
  --celik:#565C63;
  --beton:#CDD1D5;
  --sis:#E6E8EA;
  --kagit:#F6F7F8;
  --mavi:#1F47A5;
  --kirmizi:#A3342C;
  --cizgi:#868C94;
  --font:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --tarih-g:5.5rem;
  --ray-g:2.5rem;
  /* tema değişkenleri (koyu tema aşağıda geçersiz kılar) */
  --metin:#202327;
  --kirmizi-metin:#fff;
  --alan-bg:#fff;
  --hover:#eceef0;
  --hover2:#EEF0F1;
  --acent:#2b2f33;
  --acent-metin:#fff;
  --acent-hover:#3A3F45;
  --kenar:#c4c8cd;
  --pasif-bg:#e4e6e8;
  --soluk:#6a7075;
  --soluk2:#8a9096;
  --yuzey2:#f5f6f7;
  --hata-bg:#F6E7E5;
  --hata-metin:#74231C;
  --basari-bg:#E5EFE8;
  --basari-metin:#1D4A2A;
  --basari-kenar:#2F7A45;
  --yakin-bg:#d9dcdf;
  --yakin-kenar:#8a9096;
  --golge:rgba(32,35,39,.18);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sis);color:var(--metin);font-family:var(--font);font-size:1rem;line-height:1.55;font-stretch:100%}
h1,h2,p{margin-top:0}
a{color:var(--mavi)}
:focus-visible{outline:3px solid var(--mavi);outline-offset:2px}

.sayfa{width:100%;max-width:1040px;margin:0 auto;padding:0 1.25rem}
.icerik{padding-top:2rem;padding-bottom:3rem;min-height:70vh}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:1rem;top:-4rem;z-index:10;background:#fff;color:var(--asfalt);padding:.6rem 1rem;border-radius:6px;font-weight:600}
.atla:focus{top:1rem}

/* ----- üst çubuk ----- */
.ust{background:var(--asfalt);color:#D5D8DB}
.ust :focus-visible{outline-color:#fff}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;min-height:3.75rem;padding-top:.5rem;padding-bottom:.5rem}
.logo{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;text-decoration:none;color:#fff}
.logo-ad{font-stretch:70%;font-weight:800;font-size:1.5rem;letter-spacing:.01em}
.logo-ust{font-stretch:85%;font-weight:500;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#A4AAB1}
.menu{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.25rem}
.menu a{color:#D5D8DB;text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.menu a:hover{color:#fff}
.menu a[aria-current="page"]{color:#fff;border-bottom-color:#fff}
.menu .menu-ana{background:#E6E8EA;color:var(--asfalt);padding:.4rem .9rem;border-radius:6px;border-bottom:0;font-weight:600}
.menu .menu-ana:hover{background:#fff;color:var(--asfalt)}
.kullanici{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}
.kullanici-bas{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--grafit);border:1px solid #5B6168;font-size:.8125rem}

/* ----- plaka bileşeni ----- */
.plaka{display:inline-flex;align-items:stretch;height:3.25rem;background:#fff;border:2px solid var(--asfalt);border-radius:8px;overflow:hidden;color:var(--asfalt);font-stretch:68%;font-weight:700}
.plaka-tr{display:flex;align-items:center;justify-content:center;padding:0 .55rem;background:#1F47A5;color:#fff;font-stretch:100%;font-size:.75rem;font-weight:700;letter-spacing:.05em;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.plaka-no{display:flex;align-items:center;padding:0 1rem;font-size:1.75rem;line-height:1;letter-spacing:.06em;white-space:nowrap}
.plaka-buyuk{height:5rem}
.plaka-buyuk .plaka-tr{padding:0 .8rem;font-size:1rem}
.plaka-buyuk .plaka-no{padding:0 1.5rem;font-size:3rem}
.plaka-girdi{display:flex;width:100%;max-width:34rem}
.plaka-girdi:focus-within{outline:3px solid var(--mavi);outline-offset:3px}
.plaka-girdi input{flex:1;min-width:0;border:0;border-radius:0;background:transparent;color:var(--asfalt);font:inherit;font-size:2.5rem;font-stretch:68%;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:0 1.25rem;outline:0}
.plaka-girdi input::placeholder{color:#AEB3B9;opacity:1}

/* ----- başlıklar ----- */
.hero{padding:clamp(1.5rem,6vw,4.5rem) 0 clamp(1.5rem,4vw,2.5rem)}
.hero-baslik{max-width:16ch;margin-bottom:1rem;font-stretch:68%;font-weight:800;font-size:clamp(2.75rem,8vw,5rem);line-height:.98;letter-spacing:-.005em}
.hero-metin{max-width:46ch;margin-bottom:2rem;color:var(--celik);font-size:1.125rem}
.hero-kucuk{padding-top:.5rem}
.hero-kucuk .hero-baslik{max-width:none;margin-bottom:1.25rem;font-size:clamp(1.75rem,4vw,2.5rem)}
.ara{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.ipucu{margin:1rem 0 0;color:var(--celik);font-size:.9375rem}
.sayfa-baslik{margin-bottom:.25rem;font-stretch:70%;font-weight:800;font-size:clamp(2rem,5vw,2.75rem);line-height:1}
.bolum-baslik{margin:0;font-stretch:70%;font-weight:800;font-size:1.875rem;line-height:1.1}
.baslik-satir{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1.5rem}
.sayi{margin:0;color:var(--celik);font-size:.9375rem}
.bolum{margin-bottom:2.5rem}
.geri{display:inline-block;margin-bottom:1rem;color:var(--celik)}
.bos{padding:1.5rem 0;color:var(--celik)}

/* ----- araç kimliği ----- */
.kimlik{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem 2.5rem;margin-bottom:2.5rem;padding:1.5rem;background:var(--kagit);border:1px solid var(--beton);border-radius:14px}
.kimlik-alt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--beton)}
.kimlik-alt form{margin:0}
.kimlik-alt .ipucu{flex:0 0 100%;margin:0}
.ozellik{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1rem 1.5rem;margin:0}
.ozellik dt{margin-bottom:.125rem;color:var(--celik);font-size:.8125rem}
.ozellik dd{margin:0;font-size:1.0625rem;font-weight:600;overflow-wrap:anywhere}

/* ----- servis geçmişi: yol üzerinde zaman çizelgesi ----- */
.zaman{list-style:none;margin:0;padding:0;animation:yol-ciz .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes yol-ciz{
  from{clip-path:inset(0 -1rem 100% -1rem)}
  to{clip-path:inset(0 -1rem -1rem -1rem)}
}
.kayit{position:relative;display:grid;grid-template-columns:var(--tarih-g) var(--ray-g) 1fr;padding-bottom:2rem}
.kayit:last-child{padding-bottom:0}
.kayit::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--tarih-g) + var(--ray-g)/2 - 2px);border-left:4px dashed var(--cizgi)}
.kayit:first-child::before{top:1rem}
.kayit:last-child::before{bottom:auto;height:1rem}
.kayit:only-child::before{display:none}
.kayit::after{content:"";position:absolute;top:.4rem;left:calc(var(--tarih-g) + var(--ray-g)/2 - 8px);width:16px;height:16px;border-radius:50%;background:var(--sis);border:4px solid var(--metin)}
.kayit-tarih{display:block;grid-column:1}
.kayit-tarih strong{display:block;white-space:nowrap;font-stretch:70%;font-weight:800;font-size:1.5rem;line-height:1.1}
.kayit-tarih span{color:var(--celik);font-size:.875rem;font-variant-numeric:tabular-nums}
.kayit-icerik{grid-column:3;min-width:0}
.kayit-aciklama{max-width:65ch;margin:0 0 .75rem;font-size:1.0625rem;white-space:pre-wrap;overflow-wrap:anywhere}
.kayit-meta{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin:0}
.kayit-meta dt{color:var(--celik);font-size:.8125rem}
.kayit-meta dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.kayit-islem{display:flex;align-items:center;gap:1.25rem;margin-top:.75rem;font-size:.9375rem}
.kayit-islem form{margin:0}
.baglanti-tehlike{padding:0;border:0;background:none;color:var(--kirmizi);font:inherit;text-decoration:underline;cursor:pointer}

/* ----- butonlar ----- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.875rem;padding:0 1.25rem;border:1px solid transparent;border-radius:6px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}
.btn svg{flex:none}
.btn-ana{background:var(--acent);color:var(--acent-metin)}
.btn-ana:hover{background:var(--acent-hover)}
.btn-ikincil{background:transparent;color:var(--metin);border-color:var(--cizgi)}
.btn-ikincil:hover{background:var(--hover)}
.btn-tehlike{background:transparent;color:var(--kirmizi);border-color:var(--kirmizi)}
.btn-tehlike:hover{background:var(--kirmizi);color:var(--kirmizi-metin)}
.btn-buyuk{min-height:5rem;padding:0 2rem;font-size:1.125rem}
.btn-tam{width:100%;margin-top:1.5rem}

/* ----- formlar ----- */
.form-panel{padding:1.5rem;background:var(--kagit);border:1px solid var(--beton);border-radius:14px}
.form-dar{max-width:44rem}
.form-panel h2{margin-bottom:1rem;font-stretch:70%;font-weight:800;font-size:1.5rem;line-height:1.1}
.form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}
.form-alt{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}
.etiket{display:block;margin:0 0 .375rem;font-size:.875rem;font-weight:600}
.etiket-bosluk{margin-top:1rem}
.istege{margin-left:.35rem;color:var(--celik);font-weight:400}
.alan{width:100%;min-height:2.875rem;padding:.6rem .8rem;border:1px solid var(--cizgi);border-radius:6px;background:var(--alan-bg);color:var(--metin);font:inherit}
.alan:focus{outline:0;border-color:var(--mavi);box-shadow:0 0 0 3px rgba(31,71,165,.28)}
.alan-plaka{font-weight:600;letter-spacing:.04em;text-transform:uppercase}
textarea.alan{min-height:9rem;resize:vertical}
.islem-yapan{margin:.75rem 0 0;color:var(--celik);font-size:.9375rem}
.liste-ara{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.liste-ara .alan{flex:1;min-width:14rem}

.bildirim{margin:0 0 1.25rem;padding:.75rem 1rem;border-left:4px solid;border-radius:6px;font-size:.9375rem}
.bildirim-hata{background:var(--hata-bg);border-color:var(--kirmizi);color:var(--hata-metin)}
.bildirim-basari{background:var(--basari-bg);border-color:var(--basari-kenar);color:var(--basari-metin)}

/* ----- araç listesi ----- */
.tablo-kap{overflow-x:auto;background:var(--kagit);border:1px solid var(--beton);border-radius:14px}
.liste{width:100%;border-collapse:collapse}
.liste th{padding:.75rem 1rem;border-bottom:1px solid var(--beton);color:var(--celik);font-size:.8125rem;font-weight:500;text-align:left;white-space:nowrap}
.liste td{padding:.875rem 1rem;border-bottom:1px solid var(--beton);vertical-align:middle}
.liste tbody tr:last-child td{border-bottom:0}
.liste tbody tr:hover{background:var(--hover2)}
.liste .plaka{text-decoration:none}
.liste .sase{font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* ----- giriş ----- */
.giris{display:grid;grid-template-columns:1fr minmax(0,24rem);align-items:center;gap:2rem 4rem;padding:clamp(1.5rem,6vw,4rem) 0}

.alt{margin-top:2rem;padding:1.5rem 0 9rem;border-top:1px solid var(--beton);color:var(--celik);font-size:.875rem}

/* ----- WhatsApp iletişim kutusu ----- */
.iletisim{position:fixed;right:1rem;bottom:1rem;z-index:20;display:flex;flex-direction:column;gap:.625rem;max-width:17rem;padding:1rem;background:var(--kagit);border:1px solid var(--beton);border-radius:14px;box-shadow:0 6px 24px rgba(32,35,39,.18)}
.iletisim-metin{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}
.iletisim-dugme{width:100%;min-height:2.75rem}

/* yalnızca yazdırmada görünen başlık */
.yazdir-ust{display:none}
.yazdir-dogrulama{display:none}

@media (prefers-reduced-motion:reduce){
  .zaman{animation:none}
  .btn{transition:none}
}

@media (max-width:760px){
  .kimlik{grid-template-columns:1fr}
  .giris{grid-template-columns:1fr}
}

@media (max-width:640px){
  .iletisim{max-width:none;padding:0;background:none;border:0;box-shadow:none}
  .iletisim-metin{display:none}
  .iletisim-dugme{width:auto;padding:0 1.25rem;border-radius:999px;box-shadow:0 6px 24px rgba(32,35,39,.3)}
  :root{--tarih-g:4.5rem;--ray-g:1.75rem}
  .kayit-tarih strong{font-size:1.25rem}
  .plaka-girdi{height:4rem}
  .plaka-girdi input{font-size:1.875rem;padding:0 .9rem}
  .plaka-buyuk{height:4rem}
  .plaka-buyuk .plaka-no{padding:0 1rem;font-size:2.25rem}
  .plaka-buyuk .plaka-tr{padding:0 .6rem;font-size:.875rem}
  .btn-buyuk{width:100%;min-height:3.5rem}
  .form-izgara{grid-template-columns:1fr}
  .logo-ad{font-size:1.25rem}
}

/* ----- yazdırma / PDF: sade, renksiz ----- */
@media print{
  @page{size:A4;margin:14mm}
  body{background:#fff;color:#000;font-size:11pt;font-stretch:100%}
  .ust,.alt,.no-print,.atla{display:none !important}
  .sayfa{max-width:none;padding:0}
  .icerik{min-height:0;padding:0}
  a{color:#000;text-decoration:none}

  .yazdir-ust{display:block;margin-bottom:1.25rem}
  .yazdir-ust h1{margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:3px solid #000;font-size:30pt;font-weight:700;line-height:1.1}
  .yazdir-ust p{display:flex;justify-content:space-between;margin:0;color:#444;font-size:9pt}
  .yazdir-dogrulama{display:flex;align-items:center;gap:5mm;margin-top:8mm;padding-top:4mm;border-top:1px solid #000;break-inside:avoid}
  .yazdir-dogrulama svg{width:28mm;height:28mm;flex:none}
  .yazdir-dogrulama p{margin:1mm 0 0;font-size:9pt;color:#222}
  .yazdir-dogrulama .kod{font-size:14pt;font-weight:700;letter-spacing:.08em;color:#000}

  .kimlik{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1rem 1.5rem;margin:0 0 1.5rem;padding:1rem 0;background:none;border:0;border-top:1px solid #000;border-bottom:1px solid #000;border-radius:0;break-inside:avoid}
  .plaka{height:2.6rem;background:#fff;border:2px solid #000;border-radius:0}
  .plaka-tr{background:#fff;color:#000;border-right:2px solid #000}
  .plaka-buyuk{height:3.2rem}
  .plaka-buyuk .plaka-no{font-size:2rem}
  .ozellik dt{color:#444}

  .baslik-satir{margin-bottom:.75rem}
  .bolum-baslik{font-stretch:100%;font-size:16pt}
  .sayi{color:#444}

  .zaman{animation:none;clip-path:none}
  .kayit{grid-template-columns:30mm 1fr;padding:.6rem 0;border-bottom:1px solid #999;break-inside:avoid}
  .kayit:last-child{padding-bottom:.6rem}
  .kayit::before,.kayit::after{display:none}
  .kayit-icerik{grid-column:2}
  .kayit-tarih strong{font-stretch:100%;font-size:12pt}
  .kayit-tarih span,.kayit-meta dt{color:#444}
}

/* ---- Bakım şablonları ve yaklaşan bakımlar ---- */
.sablonlar, .bakim-grup { border: 0; margin: 1.1rem 0 0; padding: 0; min-width: 0; }
.sablon-liste { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .35rem; }
.sablon { font: inherit; font-size: .85rem; font-weight: 600; padding: .45rem .8rem; border: 1px solid var(--cizgi, #c4c8cd); border-radius: 999px; background: var(--alan-bg); color: inherit; cursor: pointer; min-height: 2.4rem; }
.sablon:hover { background: var(--hover); }
.sablon-secili { background: var(--acent); color: var(--acent-metin); border-color: var(--acent); }
.secenekler { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .35rem; }
.secenek { position: relative; cursor: pointer; }
.secenek input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.secenek span { display: inline-block; padding: .6rem 1rem; border: 1px solid var(--cizgi, #c4c8cd); border-radius: .6rem; background: var(--alan-bg); font-weight: 600; font-size: .92rem; min-height: 2.6rem; }
.secenek input:checked + span { background: var(--acent); color: var(--acent-metin); border-color: var(--acent); }
.secenek input:focus-visible + span { outline: 3px solid #7a828a; outline-offset: 2px; }
.ozel-alan { margin-top: .8rem; max-width: 16rem; }
.ozel-alan[hidden] { display: none; }
.bakim-onizleme { margin: .9rem 0 0; padding: .7rem .9rem; background: var(--hover); border-left: 4px solid var(--acent); border-radius: .3rem; font-weight: 600; }
.hucre-alt { display: block; font-size: .8rem; color: var(--soluk); }
.durum { display: inline-block; padding: .2rem .65rem; border-radius: 999px; font-size: .8rem; font-weight: 700; white-space: nowrap; background: var(--hover); color: var(--metin); }
.durum-yakin { background: var(--yakin-bg); border: 1px solid var(--yakin-kenar); }
.durum-gecikti { background: var(--acent); color: var(--acent-metin); }
.rozet { display: inline-block; min-width: 1.35rem; padding: 0 .4rem; margin-left: .25rem; border-radius: 999px; background: #565C63; color: #fff; font-size: .75rem; font-weight: 700; line-height: 1.35rem; text-align: center; }
.menu a[aria-current="page"] .rozet { background: #fff; color: #2b2f33; }
.yaklasan { margin-bottom: 2rem; }
@media print { .sablonlar, .bakim-grup { display: none; } }

/* ---- "Bilinmiyor" işaretleri ---- */
.onay{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;font-weight:600;cursor:pointer}
.onay input{width:1.15rem;height:1.15rem;accent-color:var(--acent)}
.bilinmiyor{color:var(--soluk);font-style:italic}
.alan:disabled{background:var(--pasif-bg);color:var(--soluk2);cursor:not-allowed}

/* ---- İşlem fotoğrafları ---- */
.foto-alan{border:0;margin:1.1rem 0 0;padding:0;min-width:0}
.foto-liste{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.foto-kutu{display:block;position:relative;width:5.5rem;height:5.5rem;border:1px solid var(--kenar);border-radius:.5rem;overflow:hidden;background:var(--pasif-bg);cursor:pointer}
.foto-kutu img{width:100%;height:100%;object-fit:cover;display:block}
a.foto-kutu:hover{border-color:var(--acent)}
.foto-duzenle{margin:0 0 .75rem}
.foto-sil{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.3rem;padding:.2rem .35rem;background:rgba(32,35,39,.82);color:#fff;font-size:.75rem;font-weight:600}
.foto-sil input{accent-color:#fff}
@media print{.foto-liste{display:none}.foto-alan{display:none}}
.liste tr.kaldirildi td{color:var(--soluk2);text-decoration:line-through}.liste tr.kaldirildi td:last-child,.liste tr.kaldirildi td:nth-child(3){text-decoration:none}

/* ---- Geri sayım, doğrulama, randevu, alt bilgi ---- */
.geri-sayim{display:grid;grid-template-columns:auto 1fr;gap:1.25rem 1.75rem;align-items:center;margin:0 0 1.75rem;padding:1.25rem 1.5rem;background:var(--yuzey2);border:1px solid var(--kenar);border-left:6px solid var(--acent);border-radius:12px}
.geri-sayim-yakin{border-left-color:var(--yakin-kenar);background:var(--hover)}
.geri-sayim-gecikti{background:var(--acent);border-color:var(--acent);color:var(--acent-metin)}
.gs-sayi{display:flex;flex-direction:column;align-items:center;min-width:5.5rem;line-height:1}
.gs-sayi strong{font-stretch:75%;font-weight:800;font-size:3.5rem;letter-spacing:-.02em}
.gs-sayi span{margin-top:.35rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.8}
.gs-baslik{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}
.gs-aciklama{margin:0 0 .9rem;color:inherit;opacity:.85;max-width:38rem}
.geri-sayim-gecikti .btn-ana{background:var(--acent-metin);color:var(--acent);border-color:var(--acent-metin)}
.alan-kod{letter-spacing:.12em;text-transform:uppercase;max-width:20rem}
.bal-tuzagi{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.randevu-islem form{display:flex;flex-wrap:wrap;gap:.4rem}
.randevu-islem .btn{padding:.45rem .8rem;font-size:.85rem;min-height:2.3rem}
.kod-kutu{margin:.75rem 0;padding:.8rem 1rem;background:#202327;color:#e8e9ea;border-radius:8px;overflow-x:auto;font-size:.85rem;white-space:pre-wrap;word-break:break-all}
.alt-ic{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;align-items:center}
.alt-baglanti{display:flex;gap:1.25rem;flex-wrap:wrap}
.alt-baglanti a,.baglanti-dugme{font:inherit;color:inherit;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
.alt-not{flex-basis:100%;margin:0;font-size:.875rem;color:var(--celik)}
.alt-not[hidden]{display:none}
@media (max-width:560px){
  .geri-sayim{grid-template-columns:1fr;text-align:left}
  .gs-sayi{align-items:flex-start;flex-direction:row;gap:.6rem;align-items:baseline}
  .gs-sayi strong{font-size:2.75rem}
  .gs-sayi span{margin:0}
}


/* ===== Koyu tema: sistem ayarına uyar; altbilgideki düğmeyle açık/koyu/otomatik seçilir. Yazdırmada her zaman açık. ===== */
@media screen and (prefers-color-scheme:dark){
:root:not([data-tema="light"]){
  --sis:#121417;
  --kagit:#1B1E22;
  --beton:#32373D;
  --celik:#A7ADB4;
  --cizgi:#6A7179;
  --mavi:#8EB0FF;
  --kirmizi:#EE9189;
  --kirmizi-metin:#14161A;
  --metin:#E6E8EA;
  --alan-bg:#121417;
  --hover:#262A2F;
  --hover2:#22262B;
  --acent:#E6E8EA;
  --acent-metin:#14161A;
  --acent-hover:#FFFFFF;
  --kenar:#3C4249;
  --pasif-bg:#262A2F;
  --soluk:#9AA1A8;
  --soluk2:#7B828A;
  --yuzey2:#1B1E22;
  --hata-bg:#3B2220;
  --hata-metin:#F5C3BE;
  --basari-bg:#1E3426;
  --basari-metin:#B5DDC1;
  --basari-kenar:#4FA56A;
  --yakin-bg:#2C3036;
  --yakin-kenar:#6A7179;
  --golge:rgba(0,0,0,.5);
  color-scheme:dark;
}
}
@media screen{
:root[data-tema="dark"]{
  --sis:#121417;
  --kagit:#1B1E22;
  --beton:#32373D;
  --celik:#A7ADB4;
  --cizgi:#6A7179;
  --mavi:#8EB0FF;
  --kirmizi:#EE9189;
  --kirmizi-metin:#14161A;
  --metin:#E6E8EA;
  --alan-bg:#121417;
  --hover:#262A2F;
  --hover2:#22262B;
  --acent:#E6E8EA;
  --acent-metin:#14161A;
  --acent-hover:#FFFFFF;
  --kenar:#3C4249;
  --pasif-bg:#262A2F;
  --soluk:#9AA1A8;
  --soluk2:#7B828A;
  --yuzey2:#1B1E22;
  --hata-bg:#3B2220;
  --hata-metin:#F5C3BE;
  --basari-bg:#1E3426;
  --basari-metin:#B5DDC1;
  --basari-kenar:#4FA56A;
  --yakin-bg:#2C3036;
  --yakin-kenar:#6A7179;
  --golge:rgba(0,0,0,.5);
  color-scheme:dark;
}
}

/* ===== Yetkili paneli: filtre, sayfalama, istatistik, iç not, mobil ===== */
.menu .kullanici{color:#fff}
.menu .kullanici:hover{color:#fff}
.dil-sec{display:inline-flex;border:1px solid #5B6168;border-radius:6px;overflow:hidden}
.menu .dil-sec a{padding:.2rem .6rem;border-bottom:0;font-size:.8rem;font-weight:700;letter-spacing:.04em}
.menu .dil-sec a[aria-current="true"]{background:#E6E8EA;color:#202327}

.filtre{display:grid;gap:.9rem;margin-bottom:1.5rem;padding:1rem;background:var(--kagit);border:1px solid var(--beton);border-radius:14px}
.filtre-ara{display:flex;flex-wrap:wrap;gap:.6rem}
.filtre-ara .alan{flex:1;min-width:12rem}
.filtre-secimler{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}
.filtre-secimler .etiket{margin-bottom:.25rem;color:var(--celik);font-weight:500;font-size:.8125rem}
.filtre-alt{display:flex;flex-wrap:wrap;gap:.6rem}

.sayfalama{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem}
.sayfa-baglanti{padding:.5rem 1rem;border:1px solid var(--cizgi);border-radius:6px;color:var(--metin);font-weight:600;text-decoration:none}
a.sayfa-baglanti:hover{background:var(--hover)}
.sayfa-pasif{opacity:.45}
.sayfa-bilgi{color:var(--celik);font-variant-numeric:tabular-nums}

.alt-menu{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.5rem}
.alt-menu a{padding:.45rem .95rem;border:1px solid var(--cizgi);border-radius:999px;color:var(--metin);font-size:.9rem;font-weight:600;text-decoration:none}
.alt-menu a:hover{background:var(--hover)}
.alt-menu a[aria-current="page"]{background:var(--acent);color:var(--acent-metin);border-color:var(--acent)}

.ozet-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.9rem;margin-bottom:1.5rem}
.ozet-kutu{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;background:var(--kagit);border:1px solid var(--beton);border-radius:12px}
.ozet-kutu strong{font-stretch:75%;font-weight:800;font-size:2.4rem;line-height:1;font-variant-numeric:tabular-nums}
.ozet-kutu span{color:var(--celik);font-size:.875rem}
.ozet-kutu em{font-style:normal;opacity:.85}
.istatistik-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem}
.istatistik-izgara .form-panel h2{font-size:1.2rem}
.cubuklar{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.cubuklar li{display:grid;grid-template-columns:minmax(4.5rem,9rem) 1fr 2.75rem;gap:.6rem;align-items:center;font-size:.9rem}
.cubuk-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cubuk-yol{display:block;height:.9rem;background:var(--hover);border-radius:999px;overflow:hidden}
.cubuk-yol i{display:block;height:100%;background:var(--acent);border-radius:999px}
.cubuk-sayi{text-align:right;font-variant-numeric:tabular-nums}

.ic-not{max-width:65ch;margin-top:.75rem;padding:.6rem .85rem;background:var(--hover);border-left:4px solid var(--soluk2);border-radius:6px}
.ic-not-etiket{display:block;margin-bottom:.15rem;color:var(--soluk);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ic-not p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
textarea.alan-kisa{min-height:5.5rem}
@media print{.ic-not{display:none !important}}

.ses-dugme{display:inline-flex;align-items:center;gap:.4rem;margin:.4rem 0 0;padding:.4rem .85rem;border:1px solid var(--cizgi);border-radius:999px;background:transparent;color:var(--metin);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}
.ses-dugme[hidden]{display:none}
.ses-dugme[aria-pressed="true"]{background:var(--kirmizi);color:var(--kirmizi-metin);border-color:var(--kirmizi)}

/* Alt sekme çubuğu yalnızca dar ekranda */
.sekmeler{display:none}

@media (max-width:720px){
  /* tablolar kart görünümüne dönüşür */
  .liste-kart,.liste-kart tbody,.liste-kart tr,.liste-kart td{display:block;width:100%}
  .liste-kart thead{display:none}
  .liste-kart tr{padding:.85rem 1rem;border-bottom:1px solid var(--beton)}
  .liste-kart tbody tr:last-child{border-bottom:0}
  .liste-kart td{padding:.2rem 0;border:0}
  .liste-kart td[data-etiket]{position:relative;min-height:1.6rem;padding-left:6.25rem}
  .liste-kart td[data-etiket]::before{content:attr(data-etiket);position:absolute;left:0;top:.2rem;color:var(--celik);font-size:.8125rem}
  .liste-kart td.h-plaka{padding-bottom:.45rem}
  .liste-kart td.h-baglanti{padding-top:.45rem}
  .liste-kart td.randevu-islem{padding-top:.5rem}
  .liste-kart tr:hover{background:transparent}

  /* üst menü sadeleşir, ana gezinme altta */
  .menu-masaustu{display:none !important}
  .ust-ic{min-height:3.25rem}
  body.yetkili-alani{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}
  body.yetkili-alani .alt{padding-bottom:1.5rem}
  .sekmeler{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:var(--kagit);border-top:1px solid var(--beton);box-shadow:0 -4px 18px var(--golge)}
  .sekmeler a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:3.6rem;padding:.35rem .2rem;color:var(--celik);font-size:.72rem;font-weight:600;text-decoration:none}
  .sekmeler a[aria-current="page"]{color:var(--metin)}
  .sekmeler a[aria-current="page"] span{border-bottom:2px solid var(--metin)}
  .sekmeler .sekme-ekle svg{box-sizing:content-box;padding:.3rem;border-radius:50%;background:var(--acent);color:var(--acent-metin)}
  .sekmeler .rozet{margin-left:.1rem;min-width:1.15rem;line-height:1.15rem;background:var(--acent);color:var(--acent-metin)}
  .sekmeler a[aria-current="page"] .rozet{background:var(--acent);color:var(--acent-metin)}

  /* uzun formlarda gönder düğmesi ekranın altında sabit kalır */
  body.yetkili-alani .form-panel .form-alt{position:sticky;bottom:calc(3.6rem + env(safe-area-inset-bottom));z-index:5;margin-top:1rem;padding:.75rem 0;background:var(--kagit);border-top:1px solid var(--beton)}
  body.yetkili-alani .form-alt .btn{flex:1}
  .btn{min-height:3rem}
  .alan{min-height:3rem;font-size:1rem}
  .ses-dugme{min-height:2.6rem}
  .filtre-secimler{grid-template-columns:1fr 1fr}
  .cubuklar li{grid-template-columns:minmax(4rem,7rem) 1fr 2.5rem}
}
@media (max-width:420px){
  .filtre-secimler{grid-template-columns:1fr}
}

/* ===== iPhone çentik / Dynamic Island ve alt çubuk güvenli alanları ===== */
.ust{padding-top:env(safe-area-inset-top)}
.sayfa{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}
.iletisim{bottom:calc(1rem + env(safe-area-inset-bottom));right:max(1rem,env(safe-area-inset-right))}
.alt{padding-bottom:max(9rem,calc(9rem + env(safe-area-inset-bottom)))}
@media (max-width:720px){body.yetkili-alani .alt{padding-bottom:1.5rem}}

/* ===== Araç durumu, özet kutuları, canlı arama, ajanda ===== */
a.ozet-kutu{color:inherit;text-decoration:none;transition:border-color .15s,background-color .15s}
a.ozet-kutu:hover{border-color:var(--acent);background:var(--hover2)}
a.ozet-kutu.ozet-secili{border-color:var(--acent);box-shadow:inset 0 0 0 1px var(--acent)}
.ozet-baglanti{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
.ozet-baglanti .ozet-kutu strong{font-size:2rem}
@media (max-width:720px){.ozet-baglanti{grid-template-columns:repeat(2,1fr)}}
.btn-kucuk{padding:.35rem .8rem;font-size:.85rem;min-height:2.3rem}
#panel-sonuc[aria-busy="true"]{opacity:.55}

.arac-durum-serviste{background:var(--acent);color:var(--acent-metin)}
.arac-durum-parca{background:var(--yakin-bg);border:1px solid var(--yakin-kenar);color:var(--metin)}
.arac-durum-hazir{background:var(--basari-bg);border:1px solid var(--basari-kenar);color:var(--basari-metin)}

.durum-panel{padding:1rem 1.25rem;background:var(--kagit);border:1px solid var(--beton);border-radius:14px}
.durum-ust{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}
.durum-ust .bolum-baslik{margin:0}
.durum-dugmeler{display:flex;flex-wrap:wrap;gap:.5rem}
.durum-dugme[aria-pressed="true"]{background:var(--acent);color:var(--acent-metin);border-color:var(--acent)}
@media (max-width:720px){.durum-dugmeler .btn{flex:1 1 calc(50% - .5rem)}}

.arac-durum-kutu{margin:0 0 1.5rem;padding:1rem 1.25rem;background:var(--yuzey2);border:1px solid var(--kenar);border-left:6px solid var(--acent);border-radius:12px}
.arac-durum-kutu strong{display:block;font-size:1.25rem}
.arac-durum-kutu p{margin:.15rem 0 0}
.arac-durum-kutu small{display:block;margin-top:.4rem;color:var(--celik)}
.arac-durum-kutu-hazir{background:var(--basari-bg);border-color:var(--basari-kenar);color:var(--basari-metin)}
.arac-durum-kutu-hazir small{color:inherit;opacity:.8}
.arac-durum-kutu-parca{border-left-style:dashed}

.ajanda-liste{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.ajanda-gun{display:grid;grid-template-columns:3.5rem 9rem auto 1fr;gap:.25rem 1rem;align-items:baseline;padding:.6rem .9rem;background:var(--kagit);border:1px solid var(--beton);border-radius:10px}
.ajanda-gun strong{font-stretch:75%;font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums}
.ajanda-gun em{font-style:normal;color:var(--celik);font-size:.875rem}
.ajanda-plaka{color:var(--celik);font-size:.875rem;overflow-wrap:anywhere}
@media (max-width:720px){.ajanda-gun{grid-template-columns:3.5rem 1fr auto}.ajanda-plaka{grid-column:1/-1}}
@media print{.durum-panel,.arac-durum-kutu,.ozet-kutular{display:none !important}}

.kayit-cagri{max-width:38rem;margin-top:2rem;padding:1.25rem 1.5rem;background:var(--kagit);border:1px solid var(--beton);border-left:6px solid var(--acent);border-radius:12px}
.kayit-cagri h2{margin:0 0 .4rem;font-size:1.2rem}
.kayit-cagri p{margin:0 0 1rem;color:var(--celik)}

/* ===== Altbilgi düğmeleri: tema + ana ekrana ekle ===== */
.alt-baglanti{align-items:center;gap:.6rem}
.alt-baglanti a{padding:.5rem .9rem}
.alt-dugme{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-weight:600;font-size:.92rem;line-height:1.2;min-height:2.6rem;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--cizgi);background:var(--kagit);color:var(--metin);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}
.alt-dugme:hover{background:var(--hover);border-color:var(--celik)}
.alt-dugme:active{transform:scale(.97)}
.alt-dugme:focus-visible{outline:3px solid var(--celik);outline-offset:2px}
.alt-dugme .simge{display:inline-flex;width:1.25rem;height:1.25rem}
.alt-dugme svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.alt-tema svg{display:none}
.alt-tema[data-mod="auto"] .s-auto,.alt-tema[data-mod="light"] .s-light,.alt-tema[data-mod="dark"] .s-dark{display:block}
.alt-kur{background:var(--acent);color:var(--acent-metin);border-color:var(--acent);box-shadow:0 2px 8px rgba(32,35,39,.28);padding:.5rem 1.15rem}
.alt-kur:hover{background:var(--acent);border-color:var(--acent);filter:brightness(1.18);box-shadow:0 4px 14px rgba(32,35,39,.35)}
.alt-kur[hidden]{display:none}
@media (max-width:560px){
  .alt-baglanti{width:100%}
  .alt-kur{flex:1 1 100%;justify-content:center;min-height:3rem;font-size:1rem}
  .alt-tema{flex:1 1 auto;justify-content:center}
}

/* ===== Üst menü tema düğmesi + ana sayfa hızlı işlem kartları ===== */
.gorsel-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tema-ust{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border-radius:50%;border:1px solid #5B6168;background:transparent;color:inherit;cursor:pointer;transition:background .15s}
.tema-ust:hover{background:rgba(255,255,255,.14)}
.tema-ust:focus-visible{outline:3px solid #E6E8EA;outline-offset:2px}
.tema-ust .simge{display:inline-flex;width:1.3rem;height:1.3rem}
.tema-ust svg{display:none;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tema-ust[data-mod="auto"] .s-auto,.tema-ust[data-mod="light"] .s-light,.tema-ust[data-mod="dark"] .s-dark{display:block}
.hizli{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:44rem;margin-top:1.25rem;margin-bottom:2rem;margin-left:0;padding-left:0;padding-right:0}
.hizli-kart{display:flex;align-items:center;gap:.9rem;text-align:left;font:inherit;padding:1rem 1.15rem;border-radius:12px;border:1.5px solid var(--cizgi);background:var(--kagit);color:var(--metin);text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .15s,border-color .15s}
.hizli-kart:hover{border-color:var(--celik);box-shadow:0 4px 14px rgba(32,35,39,.16);transform:translateY(-1px)}
.hizli-kart:focus-visible{outline:3px solid var(--celik);outline-offset:2px}
.hizli-kart .simge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:10px;background:var(--acent);color:var(--acent-metin)}
.hizli-kart svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hizli-metin{display:flex;flex-direction:column;gap:.15rem}
.hizli-metin strong{font-size:1rem}
.hizli-metin small{font-size:.85rem;color:var(--celik);line-height:1.35}
.hizli-kur[hidden]{display:none}
.hizli .alt-not{grid-column:1/-1}
@media (max-width:640px){.hizli{grid-template-columns:1fr;margin-left:0}}
.alt-baglanti a{padding:.5rem 0}

/* ===== Mobil iyileştirmeler: dokunma hedefleri, taşmalar, açılır filtre ===== */
.filtre-ozet{display:none}
.filtre-detay>.filtre-secimler{margin-bottom:.9rem}
@media (max-width:720px){
  .filtre-ozet{display:flex;align-items:center;justify-content:space-between;min-height:2.9rem;padding:.4rem .2rem;font-weight:700;cursor:pointer;list-style:none}
  .filtre-ozet::-webkit-details-marker{display:none}
  .filtre-ozet::after{content:"";width:.6rem;height:.6rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s;margin-right:.3rem}
  .filtre-detay[open]>.filtre-ozet::after{transform:rotate(-135deg)}
  .filtre-detay[open]>.filtre-ozet{margin-bottom:.4rem}
  .filtre-detay>.filtre-secimler{grid-template-columns:1fr 1fr}
  /* dokunma hedefleri en az 44px */
  .ust .logo{display:inline-flex;flex-direction:column;justify-content:center;min-height:2.75rem}
  .tema-ust{width:2.75rem;height:2.75rem}
  .menu>a,.menu .kullanici{display:inline-flex;align-items:center;min-height:2.75rem}
  .alt-baglanti a{display:inline-flex;align-items:center;min-height:2.75rem}
  a.geri,.geri{display:inline-flex;align-items:center;min-height:2.75rem}
  .liste td a,.liste-kart td a{min-height:2.75rem;display:inline-flex;align-items:center}
  .liste .plaka,.liste-kart .plaka{min-height:0}
  td a[href^="tel:"],td a[href*="wa.me"],td a[href^="/yetkili/hatirlat"]{min-height:2.75rem;display:inline-flex;align-items:center;padding-right:.35rem}
  .btn{min-height:2.9rem}
  .btn-kucuk{min-height:2.75rem}
  /* plaka kartın dışına taşmasın */
  .plaka{max-width:100%}
  .liste-kart .plaka-no,.h-plaka .plaka-no{font-size:1.45rem;padding:0 .65rem}
  .liste-kart .plaka,.h-plaka .plaka{height:2.75rem}
  .liste-kart .plaka-tr,.h-plaka .plaka-tr{padding:0 .4rem;font-size:.7rem}
  /* iOS yakınlaştırmayı önlemek için alanlar 16px */
  .alan,select.alan,textarea.alan,input.alan{font-size:1rem}
}
@media (max-width:720px){
  .menu>a{padding-left:.4rem;padding-right:.4rem}
  .sablon{min-height:2.75rem;padding:.55rem .9rem}
  .alt-menu a{min-height:2.75rem;display:inline-flex;align-items:center}
  .randevu-islem .btn{min-height:2.75rem;font-size:.95rem}
  .baglanti-tehlike,.islem-eylem a,.islem-eylemler a,.kayit-eylem a,td a,.kart a:not(.btn):not(.plaka-baglanti){min-height:2.75rem}
  .hucre a:not(.btn),.kimlik a:not(.btn),.musteri-satir a,p a[href^="tel:"],p a[href*="wa.me"],span a[href^="tel:"],span a[href*="wa.me"],dd a[href^="tel:"],dd a[href*="wa.me"]{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .25rem}
}
@media (max-width:720px){
  .kayit-islem{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}
  .kayit-islem a,.kayit-islem button{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .25rem}
  .kayit-islem form{margin:0}
}
@media (max-width:720px){
  .ust-ic{flex-wrap:nowrap}
  .menu{gap:.15rem}
  .menu .kullanici-ad{display:none}
}