/* Sakin ekranları — yönetim paneliyle aynı kimlik (orman yeşili, pirinç), telefon öncelikli */
:root{ --kagit:#eef1ea; --yazi:#1c2b22; --yazi-2:#4a5a4f; --soluk:#7b8a7f; --cizgi:#d9ded4; --orman:#1f3a2e; --orman-2:#2b4d3d; --pirinc:#b7862f; --pirinc-acik:#f5ead2; --yesil:#2f7d4f; --kirmizi:#b3412e; --serif:"Fraunces", Georgia, serif; --mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:"Manrope", system-ui, sans-serif; background:var(--kagit); color:var(--yazi); font-size:15px; line-height:1.5; -webkit-font-smoothing:antialiased; }
a{ color:var(--orman); }
.s-ust{ background:var(--orman); color:#e9efe8; border-bottom:3px solid var(--pirinc); position:sticky; top:0; z-index:10; }
.s-ust-ic{ max-width:1100px; margin:0 auto; padding:12px 18px; display:flex; align-items:center; gap:12px; }
.s-ust-ic small{ display:block; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#a9bcae; font-weight:700; }
.s-ust-ic b{ font-family:var(--serif); font-weight:600; font-size:18px; color:#fff; }
.s-isaret{ width:40px; height:40px; flex:none; border:1.5px solid var(--pirinc); border-radius:4px; display:grid; place-items:center; color:var(--pirinc); }
.s-isaret svg{ width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.cikis{ margin-left:auto; color:#e9efe8; text-decoration:none; font-weight:700; font-size:13.5px; border:1px solid rgba(255,255,255,.25); padding:7px 12px; border-radius:6px; }
.sekmeler{ max-width:1100px; margin:0 auto; display:flex; gap:2px; overflow-x:auto; padding:0 12px; scrollbar-width:none; }
.sekmeler::-webkit-scrollbar{ display:none; }
.sekmeler a{ color:#cfdcd2; text-decoration:none; font-size:13.5px; font-weight:700; padding:9px 12px; white-space:nowrap; border-bottom:3px solid transparent; margin-bottom:-3px; }
.sekmeler a:hover{ color:#fff; border-bottom-color:var(--pirinc); }

.kart{ background:#fff; border:1px solid var(--cizgi); border-radius:8px; padding:22px; margin-bottom:16px; }
h1, h2{ font-family:var(--serif); font-weight:600; margin:0 0 8px; }
h1{ font-size:28px; } h2{ font-size:22px; }
h3{ font-family:var(--serif); font-weight:600; font-size:17px; margin:20px 0 8px; }
.etiket{ display:block; font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--soluk); margin-bottom:6px; }
.soluk{ color:var(--yazi-2); } .kucuk{ font-size:13px; }
.yesil{ color:var(--yesil); } .kirmizi{ color:var(--kirmizi); }
label{ display:block; font-size:12.5px; font-weight:700; color:var(--yazi-2); margin:12px 0 6px; }
input, select, textarea{ width:100%; font:inherit; color:var(--yazi); background:#fff; border:1px solid #c3cabd; border-radius:6px; padding:10px 12px; min-height:46px; }
textarea{ resize:vertical; }
input:focus, select:focus, textarea:focus{ outline:0; border-color:var(--orman); box-shadow:0 0 0 3px rgba(31,58,46,.12); }
.pin-girdi{ font-family:var(--mono); font-size:24px; letter-spacing:.5em; text-align:center; }
.kod-girdi{ font-family:var(--mono); text-transform:uppercase; letter-spacing:.15em; }
.dugme{ display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 18px; border:1px solid #c3cabd; border-radius:6px; background:#fff; color:var(--yazi); font:inherit; font-weight:700; cursor:pointer; text-decoration:none; margin-top:14px; }
.dugme.ana{ width:100%; background:var(--orman); border-color:var(--orman); color:#fff; height:50px; font-size:16px; }
.dugme.ana:hover{ background:var(--orman-2); }
.dugme.kucuk{ height:32px; padding:0 10px; font-size:12.5px; margin:0; }
.uyari{ padding:12px 14px; border-radius:6px; margin:0 0 14px; font-weight:600; font-size:14px; background:#e3efe5; color:#1d5434; border-left:4px solid var(--yesil); }
.uyari.hata{ background:#f6e1dc; color:#7c2a1c; border-left-color:var(--kirmizi); }
.rozet{ display:inline-block; font-size:11.5px; font-weight:800; padding:2px 8px; border-radius:3px; white-space:nowrap; font-family:"Manrope", sans-serif; vertical-align:middle; }
.rozet.sari{ background:var(--pirinc-acik); color:#6d4d12; } .rozet.kirmizi{ background:#f6e1dc; color:var(--kirmizi); }
.rozet.yesil{ background:#e3efe5; color:var(--yesil); } .rozet.gri{ background:#eceee9; color:var(--yazi-2); }

/* Giriş + pano */
.giris-duzen{ max-width:1100px; margin:0 auto; padding:24px 18px 50px; display:grid; grid-template-columns:minmax(0, 400px) minmax(0, 1fr); gap:22px; align-items:start; }
.giris-kart{ border-top:4px solid var(--pirinc); position:sticky; top:90px; }
.pano{ min-width:0; }
.pano-bas{ margin-bottom:12px; }
.pano-bas h2{ font-size:26px; }
.pano-bos{ background:#fff; border:1px dashed #c3cabd; border-radius:8px; padding:22px; color:var(--yazi-2); }
.kod-form{ display:flex; gap:8px; margin-top:12px; max-width:340px; }
.kod-form .dugme{ margin:0; height:46px; }
.duyuru{ background:#fff; border:1px solid var(--cizgi); border-radius:8px; padding:18px 20px; margin-bottom:12px; }
.duyuru.onemli{ border-top:4px solid var(--pirinc); }
.duyuru-ust{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; }
.duyuru h3{ margin:0; font-size:19px; }
.duyuru time{ font-family:var(--mono); font-size:12px; color:var(--soluk); }
.duyuru p{ margin:8px 0 0; color:var(--yazi-2); line-height:1.65; }
.kart .duyuru{ border-left:0; border-right:0; border-bottom:0; border-radius:0; padding:14px 0 4px; margin:0; }

/* Sakin paneli */
.panel-duzen{ max-width:860px; margin:0 auto; padding:20px 16px 50px; }
section[id]{ scroll-margin-top:120px; }
.ozet{ border-top:4px solid var(--pirinc); }
.buyuk{ font-family:var(--serif); font-size:32px; font-weight:600; line-height:1.15; margin:2px 0 6px; }
.buyuk small{ font-family:"Manrope", sans-serif; font-size:14px; font-weight:600; color:var(--yazi-2); }
.satirlar{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); border:1px solid var(--cizgi); border-radius:6px; margin-top:14px; }
.satirlar > div{ padding:12px 14px; border-right:1px solid var(--cizgi); }
.satirlar > div:last-child{ border-right:0; }
.satirlar span, .iban span, .araclar > .baslik{ display:block; font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk); }
.satirlar b{ font-family:var(--serif); font-size:19px; font-weight:600; }
.iban{ margin-top:14px; background:var(--pirinc-acik); border-radius:6px; padding:10px 14px; }
.iban b{ font-family:var(--mono); font-size:13.5px; overflow-wrap:anywhere; }
.araclar{ margin-top:14px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.araclar > .baslik{ width:100%; }
.plaka{ display:inline-flex; align-items:stretch; border:2px solid #0f1712; border-radius:4px; overflow:hidden; font-family:var(--mono); font-weight:600; letter-spacing:.06em; background:#fff; padding-right:8px; }
.plaka i{ font-style:normal; background:#1f4fbf; color:#fff; font-size:9px; padding:0 4px 2px; display:flex; align-items:flex-end; margin-right:7px; }
.tablo-kap{ overflow-x:auto; margin:0 -22px; padding:0 22px; }
table{ width:100%; border-collapse:collapse; font-size:14px; }
th{ text-align:left; font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk); padding:8px; border-bottom:2px solid var(--yazi); white-space:nowrap; }
td{ padding:10px 8px; border-bottom:1px solid #e6e9e2; }
.sag{ text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.talep-form .dugme.ana{ width:auto; }
.iki{ display:grid; grid-template-columns:160px 1fr; gap:12px; }
.uc{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
.talep{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #e6e9e2; }
.talep small{ display:block; color:var(--soluk); font-size:12.5px; }
.talep small.cozum{ color:var(--yesil); }
.alt-not{ text-align:center; color:var(--soluk); font-size:12.5px; }

@media (max-width: 860px){
  .giris-duzen{ grid-template-columns:1fr; }
  .giris-kart{ position:static; }
}
@media (max-width: 560px){
  .satirlar{ grid-template-columns:1fr; }
  .satirlar > div{ border-right:0; border-bottom:1px solid var(--cizgi); }
  .satirlar > div:last-child{ border-bottom:0; }
  .iki, .uc{ grid-template-columns:1fr; gap:0; }
  .buyuk{ font-size:27px; }
  .kart{ padding:18px; }
  .tablo-kap{ margin:0 -18px; padding:0 18px; }
}