/* KRD — premium katman (style.css'in üstüne biner).
   Yön: koyu lüks + sıcak zemin. Grafit siyah gezinme, şampanya altın ince çizgiler, marka turuncusu yalnızca ana eylemde. */
:root{
  --bg:#f3f1ec;--ink:#15171c;--mut:#6b6f7a;--line:#e7e2d8;--nav:#0c0f15;--nav2:#171c27;
  --altin:#c9a45c;--altin-koyu:#8a6d2f;--krem:#faf7f1;--r:18px;
  --sh:0 1px 2px rgba(20,22,28,.04),0 14px 34px -20px rgba(20,22,28,.22);
  --sh2:0 2px 4px rgba(20,22,28,.06),0 24px 48px -22px rgba(20,22,28,.34);
}
body{background:var(--bg);color:var(--ink)}
h1{letter-spacing:-.03em}h2{letter-spacing:-.015em}

/* Üst çubuk ve gezinme */
.top{background:linear-gradient(100deg,var(--nav),var(--nav2))}
.top::after{height:2px;background:linear-gradient(90deg,transparent,var(--altin) 18%,var(--pri) 50%,var(--altin) 82%,transparent)}
.top .brand b{letter-spacing:.14em}
.top .brand small{letter-spacing:.06em;text-transform:uppercase;font-size:.64rem;opacity:.62}
.splash{background:radial-gradient(900px 500px at 50% -10%,#c9a45c22 0,transparent 60%),var(--nav);color:#d9c9a3;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
nav.side{background:#fffdf9;border-right-color:var(--line)}
nav.side a{color:#3a3e48}
nav.side a:hover{background:var(--krem)}
nav.side a.on{background:var(--ink);color:#fff}
nav.side a.on svg{color:var(--altin)}

/* Yüzeyler */
.card{border-color:var(--line);box-shadow:var(--sh)}
.sec-h h2{display:flex;align-items:center;gap:.5rem}
.hero{background:radial-gradient(620px 280px at 92% -20%,#c9a45c38 0,transparent 70%),linear-gradient(125deg,var(--nav),#1b212d);border:1px solid #ffffff12;border-radius:24px;padding:1.7rem 1.6rem}
.hero::after{border-color:#c9a45c14}
.hero h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.3rem);font-weight:800}
.hero-k{color:var(--altin);opacity:1;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}
.kpi{border-color:var(--line);border-radius:var(--r)}
.kpi::before{width:3px;background:var(--altin)}
.kpi .l{color:var(--altin-koyu);letter-spacing:.1em;font-size:.7rem}
.kpi .v{font-size:1.75rem;letter-spacing:-.03em}

/* Düğmeler ve alanlar */
.btn{border-color:var(--line);border-radius:13px}
.btn:hover{background:var(--krem);border-color:#d9d2c3}
.btn.pri{box-shadow:inset 0 1px 0 #ffffff59,0 8px 20px -8px rgba(242,106,27,.55)}
.btn.pri:hover{transform:translateY(-1px)}
.btn.pri:active{transform:translateY(0) scale(.98)}
input,select,textarea{border-color:#d9d2c3;border-radius:12px;background:#fffdf9}
#k-plaka-oku{flex:none;white-space:nowrap}

/* Tablolar */
.tw th{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);font-weight:700}
.tw tbody tr{transition:background .15s}
.tw tbody tr.click:hover{background:var(--krem)}

/* Plaka: gerçek plaka görünümü (mavi TR şeridi) */
.plate{position:relative;display:inline-flex;align-items:center;background:#fff;color:#15171c;border:1.5px solid #15171c;border-radius:6px;padding:.08rem .5rem .08rem 1.45rem;font-weight:800;font-size:.84rem;line-height:1.5;letter-spacing:.07em;font-variant-numeric:tabular-nums;white-space:nowrap}
.plate::before{content:"TR";position:absolute;left:0;top:0;bottom:0;width:1.05rem;display:grid;place-items:end center;padding-bottom:1px;background:#0a3fa8;color:#fff;font-size:.44rem;letter-spacing:0;border-radius:4px 0 0 4px}

/* Müşteri listesi: isim, altında plakalar */
.musteri-ad b{font-size:1.02rem;font-weight:750}
.plakalar{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}
.ms-oge .plate{margin-right:.4rem}

/* İşlem özeti */
.ozet-kart{border-top:3px solid var(--altin)}
table.ozet .adet{display:inline-block;min-width:2.5rem;text-align:center;padding:.1rem .6rem;border-radius:99px;background:var(--ink);color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
table.ozet tfoot td{font-weight:800;border-top:2px solid var(--ink);background:var(--krem)}

/* Fotoğraflar: rapor satırında doğrudan görünen küçük resimler */
.photo img,.rs-kucuk{background:#ebe6dc}
.rs-fotolar{display:flex;gap:.5rem;overflow-x:auto;padding:.1rem .9rem .85rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.rs-kucuk{flex:none;width:88px;height:88px;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;scroll-snap-align:start}
.rs-kucuk img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease)}
.rs-kucuk:hover img{transform:scale(1.05)}
.rs-kucuk:focus-visible{outline:3px solid #ffb27a;outline-offset:2px}

@media (prefers-reduced-motion:reduce){.btn.pri:hover{transform:none}.rs-kucuk img,.tw tbody tr{transition:none}}
@media print{.plate{border-width:1px}.ozet-kart{border-top-width:1px}}