/* TIR yükleme planı — yönetim panelinin "föy ve beton" dili.
   Kâğıt yüzeyler, beton zemin; arayüz tek renkli, seçili olan siyah.
   Renk yalnız DURAK (teslimat noktası) ve durum (yeşil/sarı/kırmızı) için.
   Yazı tipleri yerel (Barlow); fabrika ağında internet gerekmez.

   Düzen: sol dar panel (kaynak, konveyör, birimler) + geniş plan alanı.
   Panel gizlenebilir, plan kartı tam ekrana alınabilir; sahne yüksekliği
   pencereye göre (projeksiyonda yük büyük görünsün). */

:root{
  color-scheme: light;
  --zemin:#DEDCD5; --kagit:#FBFAF6; --kagit2:#F2F0EA; --kagit3:#E8E5DD;
  --ink:#16181B; --ink2:#3A3F45; --soluk:#6F747B; --cizgi:#CDC8BD; --ince:#E1DDD3;
  --kraft:#B4793A; --kraft-koyu:#7E5322; --kraft-acik:#F3E6D3;
  --yesil:#159A4A; --sari:#EFB000; --kirmizi:#D5252A; --gri:#9A9890;
  --yesil-acik:#E3F3E9; --sari-acik:#FBF1CF; --kirmizi-acik:#F9E1E1; --gri-acik:#ECEBE7;
  --durak1:#2A78D6; --durak2:#B4793A; --durak3:#159A4A; --durak4:#8E44AD; --durak5:#E07B00; --durak6:#0E8C8C;
  --ekran:"Barlow Condensed","Bahnschrift","Avenir Next Condensed","Arial Narrow",system-ui,sans-serif;
  --govde:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --golge:0 1px 0 rgba(22,24,27,.06), 0 6px 18px -12px rgba(22,24,27,.25);
  --r:4px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--zemin);-webkit-text-size-adjust:100%}
body{background:var(--zemin);color:var(--ink);font:15px/1.45 var(--govde);min-height:100vh}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
button:disabled{cursor:default;opacity:.5}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.kucuk{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.kucuk-metin{font-size:12px;line-height:1.4}
.soluk{color:var(--soluk)}
.sayi{font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono);font-size:.92em}
[hidden]{display:none !important}

/* ---------- iskelet ---------- */
.uygulama{max-width:1920px;margin:0 auto;padding:0 20px 30px}
.ust{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:14px 0 10px;border-bottom:2px solid var(--ink);margin-bottom:14px}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none}
.marka i{width:8px;height:38px;background:var(--kraft);display:block;flex:none}
.marka b{font-family:var(--ekran);font-size:21px;font-weight:700;letter-spacing:.05em;line-height:1;display:block}
.marka small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);font-weight:600;margin-top:4px}
.ust h1{font-family:var(--ekran);font-size:30px;font-weight:700;letter-spacing:.03em;line-height:1;text-transform:uppercase}
.altbaslik{color:var(--soluk);margin-top:4px;font-size:13px;max-width:760px}
.ust-sag{display:flex;align-items:center;gap:16px}
.saat{font-family:var(--ekran);font-size:30px;font-weight:700;letter-spacing:.03em;line-height:1}
.baglanti{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2)}
.nokta{width:9px;height:9px;border-radius:50%;background:var(--yesil);flex:none}
.nokta.kopuk{background:var(--kirmizi)}
@media (prefers-reduced-motion:no-preference){.nokta:not(.kopuk){animation:nabiz 2.4s ease-in-out infinite}@keyframes nabiz{50%{opacity:.35}}}
.demo-etiket{font-family:var(--ekran);font-weight:700;letter-spacing:.14em;font-size:13px;padding:5px 9px;border:1.5px solid var(--ink);border-radius:3px}
.uyari-bant{background:var(--ink);color:var(--kagit);padding:10px 14px;border-radius:var(--r);margin-bottom:14px;font-weight:500;display:flex;gap:10px;align-items:center}
.uyari-bant::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kirmizi);flex:none}
.duzen{display:grid;grid-template-columns:minmax(380px,450px) minmax(0,1fr);gap:16px;align-items:start}
.duzen.dar{grid-template-columns:minmax(0,1fr)}
.duzen.dar .sutun-sol{display:none}
.sutun-sol,.sutun-sag{display:flex;flex-direction:column;gap:14px;min-width:0}
.alt{margin-top:22px;font-size:12px;text-align:center}

/* ---------- kartlar ---------- */
.kart{background:var(--kagit);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge)}
.kart-baslik{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 0;flex-wrap:wrap}
.kart-baslik h2{font-family:var(--ekran);font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.kart .govde{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}
.satir{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.satir-icerik{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2)}
.aciklama{font-size:13px}
.cip{padding:6px 11px;border:1px solid var(--cizgi);background:var(--kagit);border-radius:999px;font-size:13px;font-weight:600;color:var(--ink2);line-height:1.2;white-space:nowrap}
.cip:hover{border-color:var(--ink)}
.cip[aria-pressed="true"]{background:var(--ink);color:var(--kagit);border-color:var(--ink)}
.cip.islem{border-color:var(--kraft);color:var(--kraft-koyu)}
.cip.islem:hover{background:var(--kraft-acik)}
.grup{display:inline-flex;gap:4px;flex-wrap:wrap}
select.secim,input[type=number],input[type=text],input:not([type]),input[type=file]{padding:7px 10px;border:1px solid var(--cizgi);background:var(--kagit);border-radius:var(--r);font-size:14px;min-width:0}
select.secim{flex:1}
input.dar{width:64px}
input:focus{border-color:var(--ink);outline:none}
.katlanir{border-top:1px solid var(--ince);padding-top:8px}
.katlanir summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ink2);list-style:none;display:flex;align-items:center;gap:6px}
.katlanir summary::before{content:"▸";font-size:11px;color:var(--soluk)}
.katlanir[open] summary::before{content:"▾"}
.katlanir > *:not(summary){margin-top:8px}
.form-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.form-izgara.bes{grid-template-columns:repeat(5,minmax(0,1fr))}
.form-izgara.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-izgara label,label.blok{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--soluk);font-weight:600}
.form-izgara input,.form-izgara select,label.blok input{width:100%;padding:6px 8px;border:1px solid var(--cizgi);border-radius:var(--r);background:var(--kagit);font-size:14px;color:var(--ink);font-weight:400}
label.blok{margin-top:8px}
.dis{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);text-decoration:none}
.dis:hover{color:var(--ink)}

/* ---------- tablo ---------- */
.tablo{width:100%;border-collapse:collapse;font-size:13px}
.tablo th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);padding:9px 10px;border-bottom:1px solid var(--cizgi);background:var(--kagit2);white-space:nowrap;position:sticky;top:0;z-index:1}
.tablo td{padding:6px 10px;border-bottom:1px solid var(--ince);vertical-align:middle}
.tablo tr:last-child td{border-bottom:0}
.tablo td.sag,.tablo th.sag{text-align:right}
.tablo .sessiz{color:var(--soluk)}
.tablo-kaydir{overflow:auto}
.birim-tablo{max-height:560px}
.adim-tablo{max-height:460px}
.tablo tbody tr.beklemede td{color:var(--soluk)}
.tablo tbody tr.secili td{background:var(--kagit3)}
.tablo tbody tr.vurgu td{background:#FFF3C4;box-shadow:inset 3px 0 0 var(--ink)}
.tablo tbody tr.tikla{cursor:pointer}
.tablo tbody tr.tikla:hover td{background:var(--kagit3)}
.kod{font-family:var(--ekran);font-weight:700;font-size:15px;letter-spacing:.03em;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.kod i{display:inline-block;width:6px;height:14px;border-radius:1px;background:var(--gri);flex:none}
.kod svg{width:22px;height:18px;flex:none}
.tur-etiket{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);display:block;margin-top:1px;white-space:nowrap}
.tur-etiket i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.birim-tablo .tablo td{padding:5px 5px}
.birim-tablo .tablo th{padding:8px 5px}
.birim-tablo .tablo td:first-child,.birim-tablo .tablo th:first-child{padding-left:8px;padding-right:2px}
.birim-tablo .kod{font-size:14px}
.birim-tablo .tur-etiket{font-size:9.5px;letter-spacing:.04em}
.birim-tablo td.urun{max-width:104px}
.birim-tablo td.karar{white-space:nowrap}
.birim-tablo .kes{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.birim-tablo td.olcu{white-space:nowrap}
.birim-tablo td.olcu .kucuk-metin{display:block}
.birim-tablo .durum{padding:2px 7px 2px 5px;font-size:10.5px}
.ozellik{display:inline-flex;gap:3px;flex-wrap:wrap}
.ozellik span{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 5px;border-radius:3px;background:var(--gri-acik);color:var(--ink2);white-space:nowrap}
.ozellik span.kirilgan{background:var(--kirmizi-acik);color:#8A1518}
.ozellik span.istif-yok{background:var(--sari-acik);color:#6B4E00}
.durum{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px 3px 6px;border-radius:999px;background:var(--gri-acik);color:var(--ink2);white-space:nowrap}
.durum::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gri);flex:none}
.durum.yesil{background:var(--yesil-acik)}.durum.yesil::before{background:var(--yesil)}
.durum.sari{background:var(--sari-acik)}.durum.sari::before{background:var(--sari)}
.durum.kirmizi{background:var(--kirmizi-acik)}.durum.kirmizi::before{background:var(--kirmizi)}

/* ---------- konveyör ---------- */
.konveyor{width:100%;height:130px;display:block;background:var(--kagit2);border:1px solid var(--ince);border-radius:var(--r)}
.konveyor-kontrol .grup{margin-left:auto}
.operator{border:1.5px solid var(--ink);border-radius:var(--r);padding:10px 14px 12px;background:var(--kagit);display:flex;flex-direction:column;gap:6px}
.operator-ust{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.operator-birim{font-family:var(--ekran);font-size:26px;font-weight:700;letter-spacing:.02em;line-height:1.05}
.operator-birim small{font-size:14px;font-weight:600;color:var(--soluk);font-family:var(--govde);letter-spacing:0;margin-left:8px}
.operator-talimat{font-size:16px;font-weight:600;line-height:1.3}
.operator-talimat .durum{font-size:12px;vertical-align:2px;margin-left:4px}
.operator-ek{font-size:13px;color:var(--ink2)}
.operator-ek b{font-weight:700}
.operator.dogrudan{border-color:var(--yesil);background:var(--yesil-acik)}
.operator.tampon{border-color:var(--sari);background:var(--sari-acik)}

/* ---------- araç çipleri ---------- */
.arac-cipler{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:8px}
.arac-cip{display:grid;grid-template-columns:52px 1fr;gap:2px 10px;align-items:center;text-align:left;padding:8px 10px;border:1px solid var(--cizgi);border-radius:var(--r);background:var(--kagit);position:relative}
.arac-cip:hover{border-color:var(--ink)}
.arac-cip[aria-pressed="true"]{background:var(--ink);color:var(--kagit);border-color:var(--ink)}
.arac-cip svg{grid-row:1 / span 2;width:52px;height:30px;display:block}
.arac-cip svg .govde-renk{fill:#D9D4C8;stroke:#16181B}
.arac-cip svg .kabin-renk{fill:#F4F1EA;stroke:#16181B}
.arac-cip svg .teker{fill:#16181B}
.arac-cip[aria-pressed="true"] svg .govde-renk{fill:#555B63;stroke:#FBFAF6}
.arac-cip[aria-pressed="true"] svg .kabin-renk{fill:#8E949B;stroke:#FBFAF6}
.arac-cip[aria-pressed="true"] svg .teker{fill:#FBFAF6}
.arac-cip b{font-family:var(--ekran);font-size:16px;font-weight:700;letter-spacing:.03em;line-height:1.1}
.arac-cip small{font-size:11.5px;color:var(--soluk);line-height:1.25}
.arac-cip[aria-pressed="true"] small{color:rgba(255,255,255,.72)}
.arac-cip.otomatik{border-style:dashed}
.arac-cip .sil{position:absolute;top:4px;right:6px;font-size:14px;color:var(--soluk);padding:0 4px}
.arac-cip .sil:hover{color:var(--kirmizi)}
.planla-satir{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:4px}
.planla{font-family:var(--ekran);font-size:20px;font-weight:700;letter-spacing:.14em;padding:11px 34px;background:var(--ink);color:var(--kagit);border-radius:var(--r)}
.planla:hover{background:#000}
.planla:disabled{background:var(--gri)}

/* ---------- KPI ---------- */
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.kutu{display:flex;flex-direction:column;gap:2px;padding:10px 12px 10px 16px;position:relative;background:var(--kagit);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge)}
.kutu::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--gri);border-radius:var(--r) 0 0 var(--r)}
.kutu.yesil::before{background:var(--yesil)}
.kutu.sari::before{background:var(--sari)}
.kutu.kirmizi::before{background:var(--kirmizi)}
.kutu.kraft::before{background:var(--kraft)}
.kutu .deger{font-family:var(--ekran);font-size:32px;font-weight:700;line-height:1}
.kutu .deger small{font-size:15px;color:var(--soluk);margin-left:3px}
.kutu .ad{font-size:13px;font-weight:600;color:var(--ink2)}
.kutu .aciklama{font-size:12px;color:var(--soluk)}

/* ---------- plan kartı ---------- */
.plan-baslik{padding-top:8px;border-bottom:1px solid var(--ince);padding-bottom:0}
.plan-govde{gap:8px}
.sekmeler{display:flex;gap:2px;flex-wrap:wrap}
.sekme{padding:8px 14px;font-family:var(--ekran);font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);border-bottom:3px solid transparent;margin-bottom:-1px}
.sekme:hover{color:var(--ink)}
.sekme[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.sekme .rozet{font:600 12px/1 var(--govde);letter-spacing:0;text-transform:none;color:var(--soluk);margin-left:6px}
.sekmeler.gorunum .sekme{font-size:14px}
.sahne-arac{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sahne-sarmal{position:relative;background:linear-gradient(180deg,#F4F2EC 0%,#ECEAE3 100%);border:1px solid var(--ince);border-radius:var(--r);overflow:hidden}
.sahne{display:block;width:100%;height:clamp(460px,66vh,900px);cursor:grab}
.sahne:active{cursor:grabbing}
.sahne-not{position:absolute;right:10px;bottom:8px;font-size:11px;pointer-events:none;background:rgba(251,250,246,.75);padding:2px 6px;border-radius:3px}
.ipucu{position:absolute;pointer-events:none;background:var(--ink);color:var(--kagit);padding:8px 10px;border-radius:var(--r);font-size:12px;line-height:1.4;min-width:150px;box-shadow:0 8px 20px -10px rgba(0,0,0,.5);z-index:3}
.ipucu b{font-size:15px;font-weight:700;font-family:var(--ekran);letter-spacing:.03em}
.secim-kart{position:absolute;left:12px;top:12px;width:300px;max-width:calc(100% - 24px);background:var(--kagit);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:0 14px 30px -14px rgba(0,0,0,.5);padding:12px 14px;z-index:2;font-size:13px}
.secim-kapat{position:absolute;right:6px;top:4px;font-size:20px;line-height:1;color:var(--soluk);padding:2px 6px}
.secim-kapat:hover{color:var(--ink)}
.secim-baslik{font-family:var(--ekran);font-size:22px;font-weight:700;letter-spacing:.02em;line-height:1.1;display:flex;align-items:center;gap:8px;padding-right:24px}
.secim-baslik i{width:8px;height:22px;border-radius:2px;flex:none}
.secim-baslik small{font-family:var(--govde);font-size:12px;font-weight:600;color:var(--soluk);letter-spacing:.06em;text-transform:uppercase}
.secim-govde{margin-top:8px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;color:var(--ink2)}
.secim-govde span{color:var(--soluk);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-top:2px}
.secim-govde b{font-weight:600}
.secim-dugmeler{display:flex;gap:6px;margin-top:10px}
.adim-kontrol{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adim-kontrol input[type=range]{flex:1;min-width:160px;accent-color:var(--ink)}
.adim-etiket{font-size:13px;font-weight:600;color:var(--ink2);white-space:nowrap}
.adim-aciklama{font-size:14px;min-height:20px;color:var(--ink2)}
.adim-aciklama b{font-family:var(--ekran);font-size:17px;letter-spacing:.03em}
.gosterge{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--ink2);align-items:center}
.gosterge button{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;border:1px solid var(--cizgi);border-radius:999px;background:var(--kagit);font-size:12px;font-weight:600;color:var(--ink2)}
.gosterge button:hover{border-color:var(--ink)}
.gosterge button[aria-pressed="true"]{background:var(--ink);color:var(--kagit);border-color:var(--ink)}
.gosterge i{display:inline-block;width:12px;height:12px;border-radius:2px}
.gosterge .cizgili{background:repeating-linear-gradient(45deg,#fff 0 2px,#999 2px 4px)}
.gosterge .ayrac{width:1px;height:16px;background:var(--cizgi);margin:0 4px}
.gosterge .sade{display:inline-flex;align-items:center;gap:6px;color:var(--soluk)}
.arac-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px 16px;font-size:12.5px;color:var(--soluk);padding:8px 0;border-top:1px solid var(--ince);border-bottom:1px solid var(--ince)}
.arac-ozet b{display:block;color:var(--ink);font-family:var(--ekran);font-size:19px;font-weight:700;letter-spacing:.02em}
.arac-ozet b small{font-size:12px;font-family:var(--govde);font-weight:500;color:var(--soluk)}
.uyarilar{list-style:none;display:flex;flex-direction:column;gap:6px}
.uyarilar li{font-size:13px;padding:7px 10px;background:var(--sari-acik);border-left:3px solid var(--sari);border-radius:3px}
.uyarilar li.kirmizi{background:var(--kirmizi-acik);border-left-color:var(--kirmizi)}
.uyarilar li.yesil{background:var(--yesil-acik);border-left-color:var(--yesil)}
.liste{list-style:none}
.liste li{padding:7px 0;border-bottom:1px solid var(--ince);font-size:14px;display:flex;gap:12px;align-items:center}
.liste li:last-child{border-bottom:0}
.liste .sag{margin-left:auto;color:var(--soluk);font-size:13px}
.onerilen{font-weight:700;color:var(--yesil)}

/* ---------- statik önizleme (sunucu yok) ve fuar modu ---------- */
.statik .yalniz-sunucu{display:none !important}
.fuar .gelismis{display:none !important}
.fuar body{font-size:16.5px}
.fuar .altbaslik{font-size:14px}
.fuar .cip{font-size:14.5px;padding:7px 13px}
.fuar .tablo{font-size:14.5px}
.fuar .tablo th{font-size:12px}
.fuar .kod{font-size:16px}
.fuar .kutu .deger{font-size:40px}
.fuar .kutu .ad{font-size:14.5px}
.fuar .kutu .aciklama{font-size:13px}
.fuar .arac-cip b{font-size:17.5px}
.fuar .arac-cip small{font-size:12.5px}
.fuar .sekme{font-size:18px}
.fuar .sekmeler.gorunum .sekme{font-size:16px}
.fuar .gosterge,.fuar .gosterge button{font-size:13.5px}
.fuar .adim-aciklama{font-size:16px}
.fuar .adim-etiket{font-size:14.5px}
.fuar .arac-ozet{font-size:14px}
.fuar .arac-ozet b{font-size:22px}
.fuar .uyarilar li{font-size:14.5px}
.fuar .operator-birim{font-size:32px}
.fuar .operator-talimat{font-size:19px}
.fuar .operator-ek{font-size:14.5px}
.fuar .secim-kart{font-size:14.5px;width:340px}
.fuar .secim-baslik{font-size:25px}
.fuar .ipucu{font-size:13.5px}
.fuar .sahne{height:clamp(500px,70vh,1000px)}
.fuar .duzen{grid-template-columns:minmax(410px,480px) minmax(0,1fr)}

/* ---------- tam ekran ---------- */
#plan-kart:fullscreen{background:var(--zemin);padding:12px 18px;overflow:auto;border:0;border-radius:0}
#plan-kart:fullscreen .sahne{height:calc(100vh - 215px)}
#plan-kart:fullscreen .arac-ozet,#plan-kart:fullscreen .uyarilar,#plan-kart:fullscreen .satir:last-child{display:none}

/* ---------- dialog & bildirim ---------- */
.dialog{border:1px solid var(--cizgi);border-radius:var(--r);padding:20px 22px;max-width:640px;width:calc(100% - 32px);background:var(--kagit);box-shadow:0 20px 50px -20px rgba(0,0,0,.4)}
.dialog::backdrop{background:rgba(22,24,27,.45)}
.dialog h2{font-family:var(--ekran);font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.dialog .soluk{font-size:13px;margin-bottom:10px}
.tur-secim{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.tur-secim label{display:block;cursor:pointer}
.tur-secim input{position:absolute;opacity:0;width:0;height:0}
.tur-secim span{display:block;padding:8px 10px;border:1px solid var(--cizgi);border-radius:var(--r);background:var(--kagit)}
.tur-secim b{font-family:var(--ekran);font-size:16px;letter-spacing:.03em;display:block}
.tur-secim small{font-size:11.5px;color:var(--soluk);line-height:1.2;display:block}
.tur-secim input:checked + span{background:var(--ink);color:var(--kagit);border-color:var(--ink)}
.tur-secim input:checked + span small{color:rgba(255,255,255,.72)}
.tur-secim input:focus-visible + span{outline:2px solid var(--ink);outline-offset:2px}
.onay-satir{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:14px}
.onay-satir label{display:inline-flex;align-items:center;gap:6px}
.onay-satir input{accent-color:var(--ink);width:16px;height:16px}
.dialog-dugmeler{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.dialog-hata{margin-top:10px;font-size:13px;color:var(--kirmizi);font-weight:600}
.bildirimler{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:10}
.bildirim{background:var(--ink);color:var(--kagit);padding:10px 14px;border-radius:var(--r);font-size:14px;box-shadow:0 10px 24px -12px rgba(0,0,0,.6);max-width:360px}
.bildirim.hata{background:var(--kirmizi)}

/* ---------- küçük ekranlar ---------- */
@media (max-width:1180px){
  .duzen{grid-template-columns:1fr}
  .ust{grid-template-columns:1fr auto}
  .ust-orta{grid-column:1 / -1;order:3}
  .sahne{height:clamp(400px,56vh,700px)}
}
@media (max-width:720px){
  .uygulama{padding:0 12px 20px}
  .form-izgara,.form-izgara.bes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sahne{height:360px}
  .ust h1{font-size:26px}
  .secim-kart{left:6px;top:6px;width:240px}
}

/* ---------- yazdırma: yalnız yükleme talimatı ---------- */
.yazdir{display:none}
@media print{
  @page{size:A4;margin:14mm}
  html,body{background:#fff}
  .uygulama,.bildirimler,.dialog{display:none !important}
  .yazdir{display:block;color:#000;font:11pt/1.4 var(--govde)}
  .yazdir .sayfa{page-break-after:always}
  .yazdir .sayfa:last-child{page-break-after:auto}
  .yazdir .talimat-ust{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #000;padding-bottom:6px;margin-bottom:10px}
  .yazdir .talimat-ust h1{font-family:var(--ekran);font-size:22pt;letter-spacing:.04em;text-transform:uppercase;line-height:1}
  .yazdir .talimat-ust .marka-yazi{font-family:var(--ekran);font-weight:700;font-size:13pt;letter-spacing:.06em}
  .yazdir .alanlar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 14px;font-size:10pt;margin-bottom:10px}
  .yazdir .alanlar div{border-bottom:1px solid #999;padding:3px 0}
  .yazdir .alanlar span{display:block;font-size:8pt;letter-spacing:.1em;text-transform:uppercase;color:#555}
  .yazdir .alanlar b{font-family:var(--ekran);font-size:13pt}
  .yazdir .uyari{font-size:9.5pt;padding:4px 8px;border-left:3px solid #000;margin:3px 0}
  .yazdir table{width:100%;border-collapse:collapse;font-size:9.5pt;margin-top:8px}
  .yazdir th,.yazdir td{border:1px solid #999;padding:3px 5px;text-align:left;vertical-align:top}
  .yazdir th{background:#eee;font-size:8pt;letter-spacing:.08em;text-transform:uppercase}
  .yazdir td.sira{font-family:var(--ekran);font-weight:700;font-size:12pt;text-align:center;width:9mm}
  .yazdir td.kod{font-family:var(--ekran);font-weight:700;font-size:11pt}
  .yazdir .cizimler{display:grid;grid-template-columns:2fr 2fr 1fr;gap:5mm;margin:8px 0;align-items:flex-start}
  .yazdir .cizimler img{max-width:100%;border:1px solid #999}
  .yazdir .imza{display:grid;grid-template-columns:repeat(3,1fr);gap:10mm;margin-top:14mm;font-size:9pt}
  .yazdir .imza div{border-top:1px solid #000;padding-top:3px}
  .yazdir .dipnot{font-size:8pt;color:#555;margin-top:6px}
  .yazdir .renk{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}