/* DIŞ DEPO (17 Eyl 2026) — kabuk-bağımsız ekran stili. tank-yeni.css yalnız body.ya-acik kapsamlı
   kurallar taşıyabildiği için ayrı dosya (yeni-yikama-pano.css ile aynı karar). Renk/ölçüler
   tasarim-sistemi.css token'larından, yedek değerlerle; tasarım kanvası (2026-09-17-dis-depo) birebir. */
#tankDepoModule{font-family:"Space Grotesk",system-ui,sans-serif;color:var(--ya-metin,#2B1F14)}
.ytd-kok{display:flex;flex-direction:column;height:100%;min-height:100vh;background:var(--ya-kagit,#FDFBF6)}
.ytd-ust{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kar,#FFFEFB);flex-wrap:wrap}
.ytd-baslik{font-size:15px;font-weight:600}
.ytd-sekmeler{display:flex;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:8px;overflow:hidden;background:var(--ya-kar,#FFFEFB)}
.ytd-sekme{border:0;background:transparent;padding:8px 14px;font:inherit;font-size:12.5px;color:var(--ya-metin2,#6A5642);cursor:pointer;display:flex;gap:6px;align-items:center;border-right:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.ytd-sekme:last-child{border-right:0}
.ytd-sekme.aktif{background:var(--ya-dis-koyu,#A9530E);color:#fff;font-weight:600}
.ytd-sayi{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;opacity:.8}
.ytd-senkron{margin-left:auto;font-size:12px;color:var(--ya-metin3,#8C7660)}
.ytd-icerik{display:flex;flex:1;min-height:0}
.ytd-ana{flex:1;min-width:0;padding:16px 20px;display:flex;flex-direction:column;gap:12px;overflow:auto}
.ytd-panel{width:310px;flex:0 0 310px;border-left:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kar,#FFFEFB);padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto}
.ytd-panel h2{margin:2px 0 4px;font-size:16px;font-weight:600}
.ytd-panel-bos{color:var(--ya-metin3,#8C7660);font-size:13px;line-height:1.5}
.ytd-filtre{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ytd-girdi{height:34px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:8px;background:var(--ya-kar,#FFFEFB);padding:0 10px;font:inherit;font-size:13px;color:var(--ya-metin,#2B1F14);box-sizing:border-box}
/* Süzgeç şeridinde girdiler yan yana durur: kabuğun genel select/input{width:100%} kuralı ezilir. */
.ytd-filtre .ytd-girdi{width:auto;max-width:280px}
.ytd-girdi--genis{min-width:220px;flex:1;max-width:none}
.ytd-filtre .ytd-girdi--genis{width:auto;max-width:none}
.ytd-sag{margin-left:auto}
.ytd-buton{height:34px;border:1px solid var(--ya-dis-koyu,#A9530E);border-radius:100px;background:var(--ya-dis,#E07B2A);color:#fff;padding:0 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.ytd-buton--ikincil{background:var(--ya-kar,#FFFEFB);color:var(--ya-metin,#2B1F14);border-color:var(--ya-hair,rgba(63,44,27,.25))}
.ytd-buton:disabled{opacity:.5;cursor:default}
.ytd-baglanti{border:0;background:none;padding:0;font:inherit;color:var(--ya-dis-koyu,#A9530E);text-decoration:underline;cursor:pointer}
.ytd-kart{background:var(--ya-kar,#FFFEFB);border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;overflow:hidden}
.ytd-tablo-sar{overflow:auto}
.ytd-tablo{width:100%;border-collapse:collapse;font-size:12.5px}
.ytd-tablo th{text-align:left;font-size:11px;font-weight:600;text-transform:none;letter-spacing:.02em;color:var(--ya-metin3,#8C7660);padding:8px 9px;background:var(--ya-krem,#F7F1E6);white-space:nowrap;position:sticky;top:0}
.ytd-tablo td{padding:7px 9px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));white-space:nowrap;vertical-align:middle}
/* Müşteri/tank adları uzun olabilir: on kolon 880px'e sığsın diye bu iki hücre sarar (mali kolonlar sağa taşmasın). */
.ytd-tablo td.sar{white-space:normal;max-width:170px;line-height:1.3}
.ytd-tablo-sar{scrollbar-width:thin}
.ytd-tablo tr[data-id],.ytd-tablo tr[data-norm]{cursor:pointer}
.ytd-tablo tr[data-id]:hover td{background:rgba(224,123,42,.05)}
.ytd-tablo tr.secili td{background:rgba(224,123,42,.12)}
.ytd-tablo tr.silinmis td{opacity:.55;text-decoration:line-through}
.ytd-tablo .sag,.ytd-kv .sag{text-align:right}
.ytd-mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500}
.ytd-soluk{color:var(--ya-metin3,#8C7660);font-size:12.5px;line-height:1.5}
.ytd-bos{color:var(--ya-metin3,#8C7660);padding:22px 14px !important;white-space:normal !important}
.ytd-not{font-size:12px;color:var(--ya-metin3,#8C7660);line-height:1.5}
.ytd-uyari{font-size:12.5px;color:#7a3a10;background:#fff4e8;border:1px solid #f1cfa8;border-radius:10px;padding:10px 12px;line-height:1.5}
.ytd-cip{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:100px;line-height:1.6;white-space:nowrap}
.ytd-cip--notr{background:var(--ya-krem,#F7F1E6);color:var(--ya-metin2,#6A5642)}
.ytd-cip--yesil{background:#e6f4ea;color:#1e6b3a}
.ytd-cip--turuncu{background:#fdebd9;color:#a9530e}
.ytd-cip--kirmizi{background:#fbe6df;color:#a83a1e}
.ytd-cip--bekliyor{background:#fdebd9;color:#a9530e}
.ytd-etiket{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ya-metin3,#8C7660)}
.ytd-kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13));font-size:13px}
.ytd-kv span{color:var(--ya-metin2,#6A5642)}
.ytd-toplam{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 14px;border-radius:10px;background:var(--ya-krem,#F7F1E6);font-size:13px}
.ytd-toplam b{font-size:18px}
.ytd-panel-alt{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}
.ytd-satir-form{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.ytd-form{display:flex;flex-direction:column;gap:8px}
.ytd-form label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ya-metin2,#6A5642)}
.ytd-form .ytd-girdi{width:100%}
@media (max-width:1100px){.ytd-icerik{flex-direction:column}.ytd-panel{width:auto;flex:0 0 auto;border-left:0;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13))}}