/* Consora Kantar Yönetim Sistemi — arayüz stilleri */
:root {
  --bg:#f1f4f8; --kart:#fff; --yazi:#17202b; --soluk:#64748b; --cizgi:#e2e8f0; --tablo-baslik:#f8fafc; --satir-hover:#f6f9fc;
  --ana:#1d4f91; --ana-koyu:#153d73; --link:#1d4f91; --ok:#15803d; --uyari:#b45309; --hata:#b91c1c;
  --yan:#0b1f36; --yan-yazi:#b6c4d6; --yan-hover:rgba(255,255,255,.07); --yan-aktif:rgba(74,163,255,.16); --vurgu:#4aa3ff;
  --gol:0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.04); --zebra:#fafcfe; --ok-pasif:#cbd5e1;
  --r-ok-bg:#dcfce7; --r-ok:#166534; --r-bekle-bg:#fef3c7; --r-bekle:#92400e; --r-pasif-bg:#e5e7eb; --r-pasif:#374151; --r-rol-bg:#dbeafe; --r-rol:#1e40af;
  --b-ok-bg:#f0fdf4; --b-ok:#166534; --b-ok-c:#bbf7d0; --b-hata-bg:#fef2f2; --b-hata:#991b1b; --b-hata-c:#fecaca;
}
@media (prefers-color-scheme: dark) { :root {
  --bg:#0b1320; --kart:#121c2b; --yazi:#e5ebf3; --soluk:#8b9bb0; --cizgi:#243247; --tablo-baslik:#0f1927; --satir-hover:#16233a;
  --ana:#2f6fc4; --ana-koyu:#2860ab; --link:#7db3f5; --ok:#4ade80; --uyari:#fbbf24; --hata:#f87171;
  --yan:#07111f; --gol:0 1px 2px rgba(0,0,0,.4); --zebra:#0f1a2a; --ok-pasif:#3a4b66;
  --r-ok-bg:#12351f; --r-ok:#86efac; --r-bekle-bg:#3a2b0c; --r-bekle:#fcd34d; --r-pasif-bg:#273244; --r-pasif:#cbd5e1; --r-rol-bg:#17315a; --r-rol:#93c5fd;
  --b-ok-bg:#10281a; --b-ok:#86efac; --b-ok-c:#1f4d31; --b-hata-bg:#331616; --b-hata:#fca5a5; --b-hata-c:#5b2323;
} }

* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font:14.5px/1.55 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif; background:var(--bg); color:var(--yazi); }
a { color:var(--link); }
h1 { font-size:21px; font-weight:700; letter-spacing:-.01em; margin:0 0 16px; }
h2 { font-size:15px; font-weight:700; margin:0 0 14px; }
.ikon { flex:none; vertical-align:-3px; }

/* ---------- Kabuk: sol menü + içerik ---------- */
.kabuk { min-height:100vh; }
.yan { position:fixed; inset:0 auto 0 0; width:236px; background:var(--yan); color:var(--yan-yazi); display:flex; flex-direction:column; z-index:30; transition:transform .2s ease; }
.yan-marka { display:flex; align-items:center; gap:12px; padding:18px 18px 16px; text-decoration:none; color:#fff; border-bottom:1px solid rgba(255,255,255,.07); }
.yan-marka strong { display:block; font-size:17px; letter-spacing:.02em; line-height:1.1; }
.yan-marka small { display:block; font-size:11.5px; color:var(--yan-yazi); margin-top:2px; }
.logo { width:40px; height:40px; border-radius:10px; background:linear-gradient(145deg,#2f7be0,#1d4f91); color:#fff; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(29,79,145,.5); }

.menu { flex:1; overflow-y:auto; padding:14px 10px; }
.m-grup { font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#6f84a0; padding:16px 12px 6px; }
.m { display:flex; align-items:center; gap:11px; padding:9px 12px; margin:2px 0; border-radius:8px; color:var(--yan-yazi); text-decoration:none; font-weight:500; position:relative; }
.m:hover { background:var(--yan-hover); color:#fff; }
.m.aktif { background:var(--yan-aktif); color:#fff; }
.m.aktif::before { content:""; position:absolute; left:-10px; top:8px; bottom:8px; width:3px; border-radius:0 3px 3px 0; background:var(--vurgu); }

.yan-alt { border-top:1px solid rgba(255,255,255,.07); padding:12px 12px 14px; }
.kisi { display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; padding:6px; border-radius:8px; }
.kisi:hover { background:var(--yan-hover); }
.kisi strong { display:block; font-size:13.5px; line-height:1.2; } .kisi small { display:block; font-size:11.5px; color:var(--yan-yazi); }
.avatar { width:36px; height:36px; border-radius:50%; background:#1f4d7a; color:#fff; font-weight:700; font-size:13px; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.cikis { width:100%; margin-top:8px; display:flex; align-items:center; gap:10px; padding:8px 12px; background:transparent; border:1px solid rgba(255,255,255,.12); border-radius:8px; color:var(--yan-yazi); font:inherit; cursor:pointer; }
.cikis:hover { background:var(--yan-hover); color:#fff; }

.ana { margin-left:236px; min-height:100vh; display:flex; flex-direction:column; min-width:0; }
.ust { height:58px; background:var(--kart); border-bottom:1px solid var(--cizgi); display:flex; align-items:center; gap:14px; padding:0 28px; position:sticky; top:0; z-index:20; }
.yol { display:flex; align-items:center; gap:8px; font-size:14px; min-width:0; }
.yol .firma { color:var(--soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .yol .ayrac { color:var(--cizgi); } .yol strong { white-space:nowrap; }
.ust-sag { margin-left:auto; display:flex; align-items:center; gap:16px; }
.tarih { font-size:13px; color:var(--soluk); white-space:nowrap; }
.chip { display:inline-flex; align-items:center; gap:7px; padding:4px 11px; border-radius:99px; border:1px solid var(--cizgi); font-size:12.5px; font-weight:600; color:var(--soluk); white-space:nowrap; }
.chip.ok { color:var(--ok); border-color:var(--ok); } .chip.hata { color:var(--hata); border-color:var(--hata); }
.chip.ok .nokta { background:var(--ok); } .chip.hata .nokta { background:var(--hata); }
.menu-ac { display:inline-flex; background:none; border:0; color:var(--soluk); cursor:pointer; padding:6px; border-radius:8px; } .menu-ac:hover { background:var(--bg); color:var(--yazi); }
.yan-ortu { display:none; }

.icerik { padding:26px 24px 32px; max-width:1360px; width:100%; margin:0 auto; flex:1; }
.alt-bilgi { padding:16px 28px; font-size:12.5px; color:var(--soluk); border-top:1px solid var(--cizgi); background:var(--kart); display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px 28px; }
.alt-bilgi strong { color:var(--yazi); } .ab-surum { display:inline-block; margin-left:6px; padding:0 7px; border:1px solid var(--cizgi); border-radius:99px; font-size:11px; }
.ab-sag { display:flex; flex-wrap:wrap; gap:6px 22px; } .ab-sag a { color:var(--soluk); text-decoration:none; display:inline-flex; align-items:center; gap:6px; } .ab-sag a:hover { color:var(--link); } .ab-sag strong { font-weight:600; }

/* Raporlar akordiyonu */
.m-ust { width:100%; color:var(--yan-yazi); background:none; border:0; font:inherit; cursor:pointer; text-align:left; }
.m-ust .chev { margin-left:auto; transition:transform .18s ease; opacity:.7; }
.m-akor.acik .m-ust .chev { transform:rotate(180deg); }
.m-ust.aktif-ust { color:#fff; }
.m-alt { display:none; margin:2px 0 6px 21px; padding-left:12px; border-left:1px solid rgba(255,255,255,.12); }
.m-akor.acik .m-alt { display:block; }
.m.alt { padding:7px 12px; font-size:13.5px; margin:1px 0; }
.m.alt.aktif::before { left:-13px; top:6px; bottom:6px; }

/* Daralmış menü: ikon şeridi */
.yan, .ana { transition:width .2s ease, margin-left .2s ease, transform .2s ease; }
@media (min-width: 981px) {
  .menu-dar .yan { width:68px; }
  .menu-dar .ana { margin-left:68px; }
  .menu-dar .mt { display:none; }
  .menu-dar .m-alt { display:none !important; }
  .menu-dar .yan-marka { justify-content:center; padding:18px 0 16px; }
  .menu-dar .m { justify-content:center; padding:10px 0; }
  .menu-dar .m.aktif::before { left:-10px; }
  .menu-dar .m-grup { height:1px; background:rgba(255,255,255,.08); margin:10px 12px; padding:0; }
  .menu-dar .kisi { justify-content:center; padding:6px 0; }
  .menu-dar .cikis { justify-content:center; padding:8px 0; }
  .menu-dar .yan-alt { padding:12px 8px 14px; }
}
@media (max-width: 980px) {
  .yan { transform:translateX(-100%); box-shadow:none; }
  .menu-acik .yan { transform:none; box-shadow:0 0 40px rgba(0,0,0,.4); }
  .menu-acik .yan-ortu { display:block; position:fixed; inset:0; background:rgba(8,15,26,.55); z-index:25; }
  .ana { margin-left:0; }
  .ust { padding:0 14px; } .icerik { padding:18px 14px 26px; } .tarih { display:none; }
  .yol .firma, .yol .ayrac { display:none; }
}

/* ---------- Bileşenler ---------- */
.kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:12px; padding:20px; margin-bottom:16px; box-shadow:var(--gol); }
.kart:has(.kpi) { border-top:3px solid var(--ana); }
.grid { display:grid; gap:16px; }
.g2 { grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); }
.g3 { grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); }
.g4 { grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); }
.grid > * { min-width:0; }

label { display:block; font-weight:600; font-size:12.5px; margin-bottom:5px; color:var(--soluk); }
input,select,textarea { width:100%; padding:9px 12px; font:inherit; color:var(--yazi); background:var(--kart); border:1px solid #cbd5e1; border-radius:8px; transition:border-color .12s, box-shadow .12s; }
@media (prefers-color-scheme: dark) { input,select,textarea { border-color:#33455f; } }
input:focus,select:focus,textarea:focus { outline:0; border-color:var(--ana); box-shadow:0 0 0 3px rgba(47,111,196,.22); }
input[readonly] { background:var(--bg); }
.form-satir { margin-bottom:14px; } .ipucu { font-size:12px; color:var(--soluk); margin-top:4px; }
.kontrol { display:flex; gap:8px; align-items:center; font-weight:400; color:var(--yazi); font-size:14px; margin:0; }
.kontrol input, input[type=checkbox], input[type=radio] { width:auto; }

.btn { display:inline-flex; align-items:center; gap:7px; padding:9px 16px; border:1px solid var(--ana); border-radius:8px; background:var(--ana); color:#fff; font:inherit; font-weight:600; cursor:pointer; text-decoration:none; line-height:1.2; transition:background .12s; }
.btn:hover { background:var(--ana-koyu); border-color:var(--ana-koyu); }
.btn.ikincil { background:var(--kart); color:var(--yazi); border-color:#cbd5e1; } .btn.ikincil:hover { background:var(--bg); }
@media (prefers-color-scheme: dark) { .btn.ikincil { border-color:#33455f; } }
.btn.tehlike { background:transparent; color:var(--hata); border-color:var(--hata); } .btn.tehlike:hover { background:var(--b-hata-bg); }
.btn.sm { padding:5px 11px; font-size:13px; border-radius:7px; }
.btn[disabled] { opacity:.45; cursor:not-allowed; }

table { width:100%; border-collapse:collapse; }
th,td { padding:10px 12px; text-align:left; border-bottom:1px solid var(--cizgi); vertical-align:middle; white-space:nowrap; }
td.sarmal { white-space:normal; }
td.satir { display:table-cell; } td.satir > * { display:inline-block; margin-right:6px; vertical-align:middle; } td.satir form { display:inline-block; }
th { font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--soluk); font-weight:700; background:var(--tablo-baslik); white-space:nowrap; }
tbody tr:hover td, table > tr:hover td { background:var(--satir-hover); }
tbody tr:last-child td, tfoot td { border-bottom:0; }
tfoot td { border-top:2px solid var(--cizgi); background:var(--tablo-baslik); }
td.say, th.say { text-align:right; font-variant-numeric:tabular-nums; }
table.kucuk th, table.kucuk td { padding:8px 14px; font-size:13.5px; }
.kart > table:first-child thead th:first-child { border-top-left-radius:11px; } .kart > table:first-child thead th:last-child { border-top-right-radius:11px; }

.rozet { display:inline-block; padding:2px 10px; border-radius:99px; font-size:12px; font-weight:600; line-height:1.6; }
.rozet.bekliyor { background:var(--r-bekle-bg); color:var(--r-bekle); } .rozet.tamam { background:var(--r-ok-bg); color:var(--r-ok); }
.rozet.pasif { background:var(--r-pasif-bg); color:var(--r-pasif); } .rozet.rol { background:var(--r-rol-bg); color:var(--r-rol); }

.bildirim { padding:12px 16px; border-radius:10px; margin-bottom:16px; border:1px solid; font-weight:500; }
.bildirim.basari { background:var(--b-ok-bg); color:var(--b-ok); border-color:var(--b-ok-c); } .bildirim.hata { background:var(--b-hata-bg); color:var(--b-hata); border-color:var(--b-hata-c); }
.hata-yazi { color:var(--hata); font-size:13px; margin-top:4px; }
.soluk { color:var(--soluk); } .sag { margin-left:auto; } .satir { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.plaka { font-weight:700; letter-spacing:.04em; white-space:nowrap; }
.buyuk { font:700 24px/1.25 ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-variant-numeric:tabular-nums; }
.kpi { font:700 24px/1.25 ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-variant-numeric:tabular-nums; margin-top:2px; }
.kpi-etiket { font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--soluk); font-weight:600; }
.nokta { width:9px; height:9px; border-radius:50%; background:var(--soluk); display:inline-block; flex:none; }

/* Anasayfa: bekleyen araçlar paneli */
.bekleyen-panel { background:var(--kart); border:1px solid var(--cizgi); border-left:5px solid var(--uyari); border-radius:12px; box-shadow:var(--gol); margin-bottom:16px; overflow:hidden; }
.bekleyen-panel.bos { border-left-color:var(--ok); }
.bekleyen-baslik { display:flex; align-items:center; gap:14px; padding:14px 18px; flex-wrap:wrap; }
.bekleyen-baslik strong { font-size:15px; } .bekleyen-ikon { width:38px; height:38px; border-radius:10px; background:var(--r-bekle-bg); color:var(--r-bekle); display:inline-flex; align-items:center; justify-content:center; flex:none; }
.bekleyen-panel.bos .bekleyen-ikon { background:var(--r-ok-bg); color:var(--r-ok); }
.bekleyen-panel .dg-kaydir { border-top:1px solid var(--cizgi); }

/* Rapor sayfaları */
.sekmeler { display:flex; gap:6px; flex-wrap:wrap; margin:14px 0 16px; padding:4px; background:var(--kart); border:1px solid var(--cizgi); border-radius:11px; width:fit-content; max-width:100%; }
.sekme { display:inline-flex; align-items:center; gap:7px; padding:7px 14px; border-radius:8px; color:var(--soluk); text-decoration:none; font-weight:600; font-size:13.5px; }
.sekme:hover { background:var(--bg); color:var(--yazi); } .sekme.aktif { background:var(--ana); color:#fff; }
.hizli { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:14px; }
.hizli-dugme { padding:4px 12px; border:1px solid var(--cizgi); border-radius:99px; font-size:12.5px; color:var(--yazi); text-decoration:none; background:var(--kart); }
.hizli-dugme:hover { border-color:var(--ana); } .hizli-dugme.aktif { background:var(--ana); border-color:var(--ana); color:#fff; }
.rapor-iki { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:16px; align-items:start; }
.rapor-iki > .kart { margin:0; }
@media (max-width:1100px) { .rapor-iki { grid-template-columns:minmax(0,1fr); } }
.g-alan.orta { height:340px; }
.pay { height:7px; background:var(--cizgi); border-radius:99px; overflow:hidden; margin-bottom:3px; } .pay span { display:block; height:100%; background:var(--ana); border-radius:99px; } td small { color:var(--soluk); }

/* Anasayfa: KPI kartları ve grafikler */
.kpi-seri { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr)); gap:16px; margin-bottom:16px; }
.kpi-kart { display:flex; gap:14px; align-items:flex-start; background:var(--kart); border:1px solid var(--cizgi); border-radius:12px; box-shadow:var(--gol); padding:18px; position:relative; overflow:hidden; }
.kpi-kart::after { content:""; position:absolute; right:-28px; top:-28px; width:96px; height:96px; border-radius:50%; background:var(--tonu); opacity:.07; }
.kpi-kart .kpi { margin-top:2px; } .kpi small { font:500 13px/1 "Segoe UI",sans-serif; color:var(--soluk); }
.kpi-alt { font-size:12.5px; margin-top:4px; }
.kpi-ikon { width:44px; height:44px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; background:var(--tonu); color:#fff; flex:none; }
.kpi-kart.mavi { --tonu:#1d4f91; } .kpi-kart.yesil { --tonu:#15803d; } .kpi-kart.mor { --tonu:#7c3aed; } .kpi-kart.turuncu { --tonu:#d97706; }
.trend { font-weight:700; } .trend.yukari { color:var(--ok); } .trend.asagi { color:var(--hata); }
.grafik-izgara { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.grafik-izgara .kart { margin:0; } .grafik-izgara .g-genis { grid-column:1 / -1; }
@media (min-width:1200px) { .grafik-izgara { grid-template-columns:repeat(3,minmax(0,1fr)); } .grafik-izgara .g-genis:first-child { grid-column:span 3; } .grafik-izgara .g-genis:last-child { grid-column:span 1; } }
@media (max-width:760px) { .grafik-izgara { grid-template-columns:minmax(0,1fr); } }
.g-baslik { display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:10px; } .g-baslik h2 { margin:0; } .g-baslik .soluk { font-size:12.5px; }
.g-alan { position:relative; height:300px; } .g-alan.kisa { height:240px; }

/* Canlı kantar paneli (koyu dijital gösterge) */
.kantar { background:linear-gradient(150deg,#0a1b30 0%,#10325a 100%); color:#fff; border-radius:14px; padding:16px 20px 18px; border:1px solid #1d4f91; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 6px 18px rgba(11,31,54,.25); }
.kantar-ust { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:12px; }
.kantar-etiket { display:inline-flex; align-items:center; gap:7px; text-transform:uppercase; letter-spacing:.1em; font-weight:700; color:#9fb6d3; }
.kantar-durum { display:inline-flex; align-items:center; gap:7px; color:#b6c4d6; }
.kantar-deger { margin:10px 0 6px; display:flex; align-items:baseline; gap:10px; }
.kantar-deger span { font:700 clamp(40px,5.2vw,60px)/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-variant-numeric:tabular-nums; color:#5eead4; text-shadow:0 0 18px rgba(94,234,212,.35); letter-spacing:.01em; }
.kantar-deger small { font-size:18px; color:#9fb6d3; font-weight:600; }
.kantar-alt { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.kantar-port { font-size:12px; color:#8aa0bc; }
.kantar .btn { background:#2f7be0; border-color:#2f7be0; } .kantar .btn:hover { background:#256bc8; border-color:#256bc8; }
.kantar .btn[disabled] { background:#2a4668; border-color:#2a4668; color:#8aa0bc; }
.kantar .nokta { background:#8aa0bc; }
.kantar.canli .nokta { background:#4ade80; box-shadow:0 0 8px #4ade80; }
.kantar.hata { border-color:#7f2a2a; } .kantar.hata .nokta { background:#f87171; } .kantar.hata .kantar-deger span { color:#fca5a5; text-shadow:none; }

/* Adım göstergesi */
.stepper { list-style:none; display:flex; gap:10px; margin:14px 0 18px; padding:0; flex-wrap:wrap; }
.stepper li { display:flex; align-items:center; gap:10px; padding:8px 16px 8px 8px; background:var(--kart); border:1px solid var(--cizgi); border-radius:99px; color:var(--soluk); font-weight:600; font-size:13.5px; }
.s-no { width:26px; height:26px; border-radius:50%; background:var(--bg); border:1px solid var(--cizgi); display:inline-flex; align-items:center; justify-content:center; font-size:12.5px; }
.stepper li.aktif { color:var(--yazi); border-color:var(--ana); box-shadow:0 0 0 3px rgba(47,111,196,.15); } .stepper li.aktif .s-no { background:var(--ana); border-color:var(--ana); color:#fff; }
.stepper li.tamam { color:var(--yazi); } .stepper li.tamam .s-no { background:var(--ok); border-color:var(--ok); color:#fff; }

/* Yeni tartım düzeni */
.olustur-izgara { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:18px; align-items:start; }
.olustur-izgara.ic { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.olustur-izgara .kart { margin-bottom:16px; }
.sabit-panel { position:sticky; top:76px; }
@media (max-width:1100px) { .olustur-izgara, .olustur-izgara.ic { grid-template-columns:minmax(0,1fr); } .sabit-panel { position:static; } }
.baslik-no { display:inline-flex; width:22px; height:22px; border-radius:50%; background:var(--ana); color:#fff; font-size:12px; align-items:center; justify-content:center; margin-right:8px; vertical-align:1px; }
.tip-sec { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
@media (max-width:520px) { .tip-sec { grid-template-columns:1fr; } }
.tip-kart { position:relative; display:flex; gap:11px; align-items:center; padding:11px 13px; border:2px solid var(--cizgi); border-radius:11px; cursor:pointer; margin:0; font-weight:400; color:var(--yazi); background:var(--kart); transition:border-color .12s, background .12s; }
.tip-kart:hover { border-color:#9db4d3; }
.tip-kart input { position:absolute; opacity:0; pointer-events:none; }
.tip-kart strong { display:block; font-size:14px; } .tip-kart small { display:block; font-size:12px; color:var(--soluk); }
.tip-ikon { width:36px; height:36px; border-radius:9px; background:var(--bg); color:var(--soluk); display:inline-flex; align-items:center; justify-content:center; flex:none; }
.tip-kart:has(input:checked) { border-color:var(--ana); background:rgba(47,111,196,.07); }
.tip-kart:has(input:checked) .tip-ikon { background:var(--ana); color:#fff; }
.tip-kart:has(input:focus-visible) { box-shadow:0 0 0 3px rgba(47,111,196,.3); }
.agirlik-giris { font:700 22px/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace !important; padding:11px 14px; text-align:right; }
.buyuk-dugme { padding:12px 20px; font-size:15px; }
.plaka-kutu { position:relative; }
.plaka-kutu::before { content:"TR"; position:absolute; left:0; top:0; bottom:0; width:40px; background:#1d4f91; color:#fff; font:700 12px/1 "Segoe UI",sans-serif; display:flex; align-items:flex-end; justify-content:center; padding-bottom:6px; border-radius:9px 0 0 9px; z-index:1; }
.plaka-kutu input { padding:10px 14px 10px 54px; font:800 22px/1.2 "Segoe UI",system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; border:2px solid #17202b; border-radius:10px; background:#fff; color:#111; }
.plaka-kutu input::placeholder { color:#b5bcc6; font-weight:600; }

/* Yönetim sayfaları */
.izin-grup { border:1px solid var(--cizgi); border-radius:10px; padding:12px 16px; margin-bottom:12px; } .izin-grup h3 { margin:0 0 8px; font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:var(--soluk); }
.izin-grup .kontrol { padding:4px 0; }
.gereksinim { font-size:14px; margin:4px 0; } .gereksinim .ok { color:var(--ok); } .gereksinim .yok { color:var(--hata); }

/* ---------- Giriş / kurulum ---------- */
.misafir-govde { background:linear-gradient(160deg,#0b1f36 0%,#12365c 60%,#1d4f91 130%); min-height:100vh; }
.misafir { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:28px 16px; }
.misafir .kutu { width:100%; max-width:440px; } .misafir .kutu.genis { max-width:680px; }
.misafir-marka { display:flex; align-items:center; gap:14px; justify-content:center; color:#fff; margin-bottom:22px; }
.misafir-marka strong { display:block; font-size:24px; letter-spacing:.03em; line-height:1.1; } .misafir-marka small { display:block; color:#b6c4d6; font-size:13px; }
.misafir-marka .logo { width:52px; height:52px; border-radius:13px; }
.misafir h1 { text-align:center; color:#fff; margin-bottom:4px; } .misafir .alt { text-align:center; color:#b6c4d6; margin:0 0 20px; }
.misafir .kart { box-shadow:0 10px 30px rgba(0,0,0,.25); border:0; border-top:0; }
.misafir-alt { text-align:center; color:#8aa0bc; font-size:12px; margin-top:20px; line-height:1.8; } .misafir-alt a { color:#b6c4d6; }
.adimlar { display:flex; gap:8px; justify-content:center; margin-bottom:18px; font-size:13px; }
.adimlar span { padding:4px 14px; border-radius:99px; border:1px solid rgba(255,255,255,.25); color:#b6c4d6; } .adimlar span.aktif { background:#fff; color:#0b1f36; border-color:#fff; font-weight:600; }
.misafir .bildirim { margin-bottom:12px; }

/* ---------- Kurumsal veri tablosu (x-grid.*) ---------- */
.dg { background:var(--kart); border:1px solid var(--cizgi); border-radius:12px; box-shadow:var(--gol); margin-bottom:16px; overflow:hidden; }
.dg-araclar { padding:14px 16px; border-bottom:1px solid var(--cizgi); }
.dg-kaydir { overflow-x:auto; }
.dg-tablo { width:100%; border-collapse:separate; border-spacing:0; }
.dg-tablo thead th { background:var(--tablo-baslik); border-bottom:1px solid var(--cizgi); }
.dg-tablo tbody tr:nth-child(even) td { background:var(--zebra); }
.dg-tablo tbody tr:hover td { background:var(--satir-hover); }
.dg-tablo tbody td { border-bottom:1px solid var(--cizgi); }
.dg-tablo tbody tr:last-child td { border-bottom:0; }
.dg-tablo tfoot td { background:var(--tablo-baslik); border-top:2px solid var(--cizgi); border-bottom:0; }
.dg-kompakt th, .dg-kompakt td { padding:7px 14px; font-size:13.5px; }
.dg-siralanabilir a { color:inherit; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.dg-siralanabilir a:hover { color:var(--yazi); }
.dg-siralanabilir.dg-aktif { color:var(--yazi); }
.dg-ok path { fill:var(--ok-pasif); } .dg-ok path.on { fill:var(--link); }
.dg-bos td { text-align:center; white-space:normal; padding:0; border-bottom:0; }
.dg-bos-kutu { padding:44px 16px; color:var(--soluk); display:flex; flex-direction:column; align-items:center; gap:10px; }
.dg-alt { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:10px 16px; border-top:1px solid var(--cizgi); background:var(--tablo-baslik); font-size:13px; color:var(--soluk); }
.dg-bilgi { margin-right:auto; } .dg-bilgi strong { color:var(--yazi); }
.dg-sayfabasi { display:flex; align-items:center; gap:8px; margin:0; } .dg-sayfabasi label { margin:0; font-weight:500; }
.dg-sayfabasi select { width:auto; padding:5px 26px 5px 9px; font-size:13px; }
.dg-sayfalar { display:flex; gap:4px; }
.dg-sayfa { min-width:32px; height:32px; padding:0 8px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--cizgi); border-radius:7px; background:var(--kart); color:var(--yazi); text-decoration:none; font-size:13px; font-variant-numeric:tabular-nums; }
a.dg-sayfa:hover { background:var(--satir-hover); border-color:var(--ana); }
.dg-sayfa.aktif { background:var(--ana); border-color:var(--ana); color:#fff; font-weight:700; }
.dg-sayfa.pasif { opacity:.45; }
.dg-filtre { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; }
.dg-filtre > div { flex:1 1 150px; min-width:140px; } .dg-filtre > .dg-filtre-dugme { flex:0 0 auto; display:flex; gap:8px; }
.dg-ikili { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; align-items:start; }
@media (max-width:1000px) { .dg-ikili { grid-template-columns:minmax(0,1fr); } }
.dg-islem { display:flex; gap:6px; flex-wrap:nowrap; }

@media print {
  .yan, .ust, .alt-bilgi, .no-print, .btn { display:none !important; }
  .ana { margin-left:0; } body { background:#fff; color:#000; }
  .kart, .dg { border:1px solid #999; box-shadow:none; break-inside:avoid; } .dg-alt { display:none; } .dg-kaydir { overflow:visible; } .icerik { max-width:none; padding:0; }
}

[hidden] { display:none !important; }

/* Kantar servisi sayfası */
.uyari-kutu { border-left:4px solid var(--uyari); background:var(--r-bekle-bg); color:var(--r-bekle); padding:10px 14px; border-radius:0 8px 8px 0; }
.ipucu-kutu { border-left:4px solid var(--ana); background:rgba(47,111,196,.08); padding:10px 14px; border-radius:0 8px 8px 0; font-size:13.5px; }
.kurulum-adim { margin:6px 0 10px; padding-left:20px; } .kurulum-adim li { margin-bottom:8px; }