/* TENTELİ (24 Eyl 2026, P1) — kabuk-bağımsız ekran stili (.ytl-*). Renkler tasarim-sistemi.css token'larından
   (yedek değerlerle); onaylı kanvas birebir. yeni-tank-depo.css kararı: ayrı dosya, sync-webapp.sh'ta elle cp. */
#tenteliPlanlamaModule, #tenteliYukModule, #tenteliSeferModule, .ytl-perde{font-family:"Space Grotesk",system-ui,sans-serif;color:var(--ya-metin,#2B1F14);font-size:13px}
.ytl-kok{display:flex;flex-direction:column;min-height:100vh;background:var(--ya-kagit,#FDFBF6)}
.ytl-ust{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kar,#FFFEFB);min-height:58px;box-sizing:border-box;flex-wrap:wrap}
.ytl-ust h1{font-size:16px;font-weight:700;margin:0;white-space:nowrap}
.ytl-yol{font-size:13px;color:var(--ya-metin3,#8C7660);display:flex;align-items:center;gap:6px;white-space:nowrap}
.ytl-yol b{color:var(--ya-metin,#2B1F14);font-family:"IBM Plex Mono",monospace}
.ytl-sag-ust{margin-left:auto;display:flex;gap:8px;align-items:center}
/* .num yalnız tenteli köklerinde — global bir .num kuralı diğer ekranları da boyardı */
#tenteliPlanlamaModule .num,#tenteliYukModule .num,#tenteliSeferModule .num,.ytl-perde .num{font-family:"IBM Plex Mono",monospace}
.ytl-sekmeler{display:flex;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;overflow:hidden}
.ytl-sekme{padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--ya-metin2,#6A5642);background:transparent;border:0;font-family:inherit;cursor:pointer;white-space:nowrap}
.ytl-sekme.aktif{background:var(--ya-dis-koyu,#A9530E);color:#fff}
.ytl-alt-sekmeler{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kar,#FFFEFB);flex-wrap:wrap}
.ytl-alt-sekme{padding:9px 12px;font-size:12.5px;color:var(--ya-metin3,#8C7660);border:0;border-bottom:2px solid transparent;background:none;font-family:inherit;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.ytl-alt-sekme.aktif{color:var(--ya-metin,#2B1F14);font-weight:600;border-bottom-color:var(--ya-dis,#E07B2A)}
.ytl-alt-sekme small{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--ya-metin3,#8C7660)}
.ytl-seg{display:flex;gap:4px}
.ytl-seg button{font-size:12px;padding:6px 11px;border-radius:99px;border:1px solid rgba(63,44,27,.22);color:var(--ya-kahve,#6E4A2A);background:transparent;font-family:inherit;cursor:pointer;white-space:nowrap}
.ytl-seg button.aktif{background:var(--ya-post2,#3F2C1B);color:var(--ya-krem,#F7F1E6);border-color:var(--ya-post2,#3F2C1B)}
.ytl-buton{background:var(--ya-dis,#E07B2A);border:0;color:var(--ya-metin-ters,#25150A);font-weight:600;padding:9px 16px;border-radius:99px;font-size:13px;font-family:inherit;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.ytl-buton2{background:var(--ya-kagit,#FDFBF6);border:1px solid var(--ya-hair,rgba(63,44,27,.13));color:var(--ya-metin,#2B1F14);padding:8px 14px;border-radius:99px;font-size:12.5px;font-family:inherit;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.ytl-buton3{background:transparent;border:1px solid rgba(168,58,30,.4);color:var(--ya-kirmizi,#A83A1E);padding:8px 14px;border-radius:99px;font-size:12.5px;font-family:inherit;cursor:pointer;white-space:nowrap}
.ytl-buton.kucuk,.ytl-buton2.kucuk{padding:5px 11px;font-size:12px}
.ytl-buton[disabled],.ytl-buton2[disabled],.ytl-buton3[disabled]{opacity:.45;cursor:default}
.ytl-bag{background:none;border:0;padding:0;color:var(--ya-dis-koyu,#A9530E);font-family:inherit;font-size:12px;text-decoration:underline;cursor:pointer;white-space:nowrap}
.ytl-girdi{height:32px;padding:0 10px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:8px;background:var(--ya-kar,#FFFEFB);font-size:12.5px;color:var(--ya-metin,#2B1F14);box-sizing:border-box;font-family:inherit}
.ytl-girdi.sayi{font-family:"IBM Plex Mono",monospace;text-align:right}
textarea.ytl-girdi{height:auto;min-height:64px;padding:7px 10px;resize:vertical}
.ytl-filtre{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 20px}
.ytl-filtre .ytl-girdi,.ytl-ust .ytl-girdi{width:auto;max-width:260px}
.ytl-girdi--genis{min-width:220px;flex:1}
.ytl-filtre .ytl-girdi--genis{max-width:none}
.ytl-onay{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ya-metin,#2B1F14)}
.ytl-onay input{accent-color:var(--ya-dis,#E07B2A);width:15px;height:15px;margin:0}
.ytl-not{font-size:11.5px;color:var(--ya-metin3,#8C7660);line-height:1.45;margin:0}
.ytl-etiket{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ya-metin3,#8C7660);font-weight:700}
.ytl-bos{padding:24px;color:var(--ya-metin3,#8C7660);font-size:13px;text-align:center}
.ytl-kirmizi{color:var(--ya-kirmizi,#A83A1E)}
/* çipler */
.ytl-cip{display:inline-block;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:600;white-space:nowrap;line-height:1.5}
.ytl-cip--notr{background:rgba(63,44,27,.09);color:var(--ya-metin2,#6A5642)}
.ytl-cip--turuncu{background:rgba(224,123,42,.15);color:var(--ya-dis-koyu,#A9530E)}
.ytl-cip--koyu{background:rgba(63,44,27,.12);color:var(--ya-post2,#3F2C1B)}
.ytl-cip--dolu{background:var(--ya-dis,#E07B2A);color:var(--ya-metin-ters,#25150A)}
.ytl-cip--yesil{background:rgba(62,122,78,.14);color:var(--ya-yesil,#3E7A4E)}
.ytl-cip--kirmizi{background:rgba(168,58,30,.13);color:var(--ya-kirmizi,#A83A1E)}
.ytl-cip--iptal{background:rgba(63,44,27,.07);color:var(--ya-metin3,#8C7660);text-decoration:line-through}
.ytl-cip--ulus{background:var(--ya-post2,#3F2C1B);color:var(--ya-krem,#F7F1E6)}
.ytl-cip--yurt{background:rgba(210,181,140,.38);color:var(--ya-kahve,#6E4A2A)}
.ytl-cip--cizgi{background:transparent;border:1px solid rgba(63,44,27,.25);color:var(--ya-metin2,#6A5642);padding:1px 8px}
.ytl-cip--eksik{background:transparent;border:1px dashed rgba(168,58,30,.55);color:var(--ya-kirmizi,#A83A1E);padding:1px 8px}
.ytl-ulke{font-family:"IBM Plex Mono",monospace;font-size:9.5px;font-weight:700;padding:1px 4px;border-radius:4px;background:rgba(63,44,27,.08);color:var(--ya-metin2,#6A5642);margin-right:4px;vertical-align:1px}
.ytl-ok{color:var(--ya-metin3,#8C7660);margin:0 5px}
.ytl-plaka{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:13px;padding:1px 7px 1px 0;border:1.5px solid var(--ya-metin,#2B1F14);border-radius:5px;background:#fff;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.5}
.ytl-plaka i{font-style:normal;font-size:8.5px;font-weight:700;background:var(--ya-post2,#3F2C1B);color:var(--ya-krem,#F7F1E6);padding:0 3px;align-self:stretch;display:inline-flex;align-items:center;border-radius:3px 0 0 3px}
.ytl-olc{display:inline-flex;font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ya-metin2,#6A5642);border:1px solid rgba(63,44,27,.1);border-radius:8px;overflow:hidden;vertical-align:middle}
.ytl-olc span{padding:3px 7px;border-right:1px solid rgba(63,44,27,.1);white-space:nowrap}
.ytl-olc span:last-child{border-right:0}
.ytl-olc b{color:var(--ya-metin,#2B1F14);font-weight:600}
.ytl-olc span.yok{color:var(--ya-kirmizi,#A83A1E);background:rgba(168,58,30,.05)}
/* doluluk çubukları */
.ytl-dols{display:flex;flex-direction:column;gap:4px;min-width:0}
.ytl-dol{display:grid;grid-template-columns:34px minmax(0,1fr) 96px 38px;align-items:center;gap:7px;font-size:10.5px;height:17px}
.ytl-dol .ad{color:var(--ya-metin3,#8C7660);font-weight:600}
.ytl-dol .cb{height:8px;background:rgba(63,44,27,.09);border-radius:99px;overflow:hidden;display:flex}
.ytl-dol .cb i{display:block;height:100%;background:var(--ya-bej2,#D2B58C);flex:0 0 auto}
.ytl-dol .cb i.on{background:repeating-linear-gradient(135deg,rgba(224,123,42,.75) 0 3px,rgba(224,123,42,.3) 3px 6px)}
.ytl-dol .d{font-family:"IBM Plex Mono",monospace;color:var(--ya-metin2,#6A5642);text-align:right;white-space:nowrap}
.ytl-dol .y{font-family:"IBM Plex Mono",monospace;font-weight:600;text-align:right;color:var(--ya-metin2,#6A5642)}
.ytl-dol.bag .ad,.ytl-dol.bag .y{color:var(--ya-dis-koyu,#A9530E);font-weight:700}
.ytl-dol.bag .cb i{background:var(--ya-dis,#E07B2A)}
/* veri yok ≠ sıfır: ölçüsü boş yük varsa çubuk kesikli çerçeve + ad yanında '?' */
.ytl-dol.eksik .cb{outline:1px dashed var(--ya-kirmizi,#A83A1E);outline-offset:1px}
.ytl-dol .eksik-isaret{color:var(--ya-kirmizi,#A83A1E);font-weight:700;margin-left:1px}
.ytl-dol.asim .ad,.ytl-dol.asim .y,.ytl-dol.asim .d{color:var(--ya-kirmizi,#A83A1E)}
.ytl-dol.asim .cb i{background:var(--ya-kirmizi,#A83A1E)}
.ytl-bagl{font-size:11px;color:var(--ya-dis-koyu,#A9530E);font-weight:600}
/* tablo + panel */
.ytl-icerik{display:flex;flex:1;min-height:0}
.ytl-ana{flex:1;min-width:0;display:flex;flex-direction:column;overflow:auto}
.ytl-tablo{width:100%;border-collapse:collapse;font-size:12px}
.ytl-tablo th{text-align:left;color:var(--ya-metin3,#8C7660);font-size:10.5px;padding:8px 9px;white-space:nowrap;font-weight:600;background:var(--ya-krem,#F7F1E6)}
.ytl-tablo td{padding:7px 9px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));white-space:nowrap;vertical-align:middle}
.ytl-tablo td .alt{display:block;font-size:10.5px;color:var(--ya-metin3,#8C7660);margin-top:1px}
.ytl-tablo .sag{text-align:right}
.ytl-tablo tbody tr[data-yuk-id],.ytl-tablo tbody tr[data-sefer-id]{cursor:pointer}
.ytl-tablo tr.secili td{background:rgba(224,123,42,.09)}
.ytl-tablo tr.soluk td{color:var(--ya-metin3,#8C7660)}
.ytl-tablo tr.suruk td{opacity:.5}
.ytl-tablo tr.hedef td{box-shadow:inset 0 2px 0 var(--ya-dis,#E07B2A)}
.ytl-tablo .tut{color:#B8A48C;cursor:grab;margin-right:4px}
.ytl-panel{width:360px;flex:0 0 360px;border-left:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kar,#FFFEFB);padding:18px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;overflow:auto}
.ytl-panel h2{font-size:17px;margin:2px 0 0;font-weight:700}
.ytl-kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.ytl-kv span{color:var(--ya-metin2,#6A5642)}
.ytl-kv b{font-family:"IBM Plex Mono",monospace;font-weight:600;text-align:right}
.ytl-toplam{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:10px;background:rgba(224,123,42,.1);font-weight:700;gap:10px}
.ytl-toplam b{font-family:"IBM Plex Mono",monospace;font-size:15px}
.ytl-serit{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border-left:4px solid var(--ya-kirmizi,#A83A1E);background:rgba(168,58,30,.08);font-size:12.5px;line-height:1.45;flex-wrap:wrap}
.ytl-serit.iyi{border-left-color:var(--ya-yesil,#3E7A4E);background:rgba(62,122,78,.09)}
.ytl-serit.notr{border-left-color:var(--ya-metin3,#8C7660);background:rgba(63,44,27,.06)}
.ytl-serit.turuncu{border-left-color:var(--ya-dis,#E07B2A);background:rgba(224,123,42,.09)}
.ytl-secim{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;background:var(--ya-post2,#3F2C1B);color:var(--ya-krem,#F7F1E6);font-size:12.5px;flex-wrap:wrap}
.ytl-secim .ytl-buton2{background:transparent;border-color:rgba(247,241,230,.25);color:var(--ya-krem,#F7F1E6)}
.ytl-secim .num{color:#F5C99A}
.ytl-kart{background:var(--ya-kar,#FFFEFB);border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
.ytl-kart-bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ytl-iki-kolon{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ytl-form{display:flex;flex-direction:column;gap:10px}
.ytl-form label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ya-metin2,#6A5642)}
.ytl-form label .ytl-girdi{width:100%}
.ytl-iki{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ytl-uc{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}
.ytl-dort{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ytl-sayfa-alt{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;gap:10px}
.ytl-sayfa{display:inline-flex;gap:8px;align-items:center;font-size:12px}
.ytl-detay{padding:16px 20px;display:flex;flex-direction:column;gap:14px}
/* yükler + yük formu (W2; kanvas Yukler · YukFormu) — ekrana özgü .ytl-yl-* */
.ytl-yl-tablo-kap{margin:0 20px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;overflow:hidden;background:var(--ya-kar,#FFFEFB)}
.ytl-yl-no{font-family:"IBM Plex Mono",monospace;font-weight:700}
.ytl-yl-aralik{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ya-metin2,#6A5642);white-space:nowrap}
.ytl-yl-soluk{color:var(--ya-metin3,#8C7660)}
.ytl-ana.ytl-yl-soluk-ana{opacity:.55}
.ytl-panel.ytl-yl-genis{width:500px;flex-basis:500px;box-shadow:-18px 0 40px rgba(18,12,7,.12);gap:16px}
.ytl-yl-olcu{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.ytl-yl-olcu span{font-size:10.5px;color:var(--ya-metin3,#8C7660);font-weight:600}
.ytl-yl-olcu b{font-family:"IBM Plex Mono",monospace;font-size:16px}
.ytl-yl-olcu.yok b{color:var(--ya-kirmizi,#A83A1E)}
.ytl-yl-alan{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--ya-metin2,#6A5642)}
.ytl-yl-alan .ytl-girdi{width:100%}
.ytl-yl-alan .ytl-seg{flex-wrap:wrap}
.ytl-yl-alan-bas{font-size:11.5px;color:var(--ya-metin2,#6A5642);margin-top:2px}
.ytl-yl-ucret{display:grid;grid-template-columns:100px minmax(0,1fr) 76px 66px 26px;gap:6px;align-items:center}
.ytl-yl-ucret .ytl-girdi{width:100%;min-width:0;padding:0 8px}
.ytl-yl-ucret .ytl-kapat{margin:0}
.ytl-yl-alt{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13))}
/* 30 Eyl: palet tipi kataloğu + "+ Yeni" müşteri (spec 2026-09-30-tenteli-palet-tipleri-hizli-musteri-design.md). Palet tipi seçicisi geniş
   sütunda — 22 uzun ad (ör. "Gitterbox (tel kafes) 124×83,5") 1fr'e sığmıyordu; minmax(0,…): seçicinin içerik genişliği ızgarayı taşırmaz.
   Müşteri kutusu + "+ Yeni" aynı satırda, düğme girdi yüksekliğinde. "Yeni müşteri" penceresi .ytl-ym-* (km pencereleriyle aynı dil). */
.ytl-yl-palet-izgara{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.8fr) minmax(0,1fr);gap:8px}
.ytl-yl-musteri{display:flex;align-items:flex-end;gap:8px}
.ytl-yl-musteri > label{flex:1;min-width:0}
.ytl-yl-musteri > .ytl-buton2{height:32px;flex:0 0 auto}
.ytl-ym-alan{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ya-metin2,#6A5642);min-width:0}
.ytl-form .ytl-ym-alan label.ytl-ym-etk{flex-direction:row;align-items:center;gap:7px}
.ytl-ym-etk b{font-weight:600;color:var(--ya-metin,#2B1F14);font-size:12.5px}
.ytl-ym-alan .ytl-girdi{width:100%}
.ytl-ym-zorunlu{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--ya-dis-koyu,#A9530E);background:rgba(224,123,42,.12);padding:1px 6px;border-radius:99px}
/* seferler + sefer detayı + atama (W3; kanvas Seferler · SeferDetay · Atama) */
.ytl-satir-bag{background:none;border:0;padding:0;cursor:pointer;color:var(--ya-metin,#2B1F14);font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:inherit;text-decoration:none}
.ytl-satir-bag:hover,.ytl-satir-bag:focus-visible{text-decoration:underline;color:var(--ya-dis-koyu,#A9530E)}
.ytl-h1-bag{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.ytl-mini{display:flex;align-items:center;gap:7px}
.ytl-mini .cb{width:64px;height:7px;background:rgba(63,44,27,.09);border-radius:99px;overflow:hidden}
.ytl-mini .cb i{display:block;height:100%;background:var(--ya-dis,#E07B2A)}
.ytl-mini.asim .cb i{background:var(--ya-kirmizi,#A83A1E)}
.ytl-mini span{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ya-metin2,#6A5642);white-space:nowrap}
.ytl-mini.asim span{color:var(--ya-kirmizi,#A83A1E)}
.ytl-aralik{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:8px;background:var(--ya-kar,#FFFEFB);font-size:12.5px;color:var(--ya-metin2,#6A5642);white-space:nowrap}
.ytl-aralik input{border:0;background:transparent;font:inherit;color:var(--ya-metin,#2B1F14);outline:none;padding:0;width:118px}
.ytl-sf-duzen{display:flex;align-items:stretch;min-height:calc(100vh - 58px)}
.ytl-sf-duzen > .ytl-detay{flex-grow:1;min-width:0}
.ytl-sf-bilgi{display:grid;grid-template-columns:1.2fr 1.4fr 1.4fr .75fr .75fr;gap:4px 18px;font-size:12.5px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));padding-top:10px}
.ytl-blok-bas{margin:0;font-size:10.5px;letter-spacing:.7px;color:var(--ya-metin3,#8C7660);font-weight:600;text-transform:uppercase}
.ytl-kart--duz{padding:0;overflow:hidden;gap:0}
.ytl-kart--duz > .ytl-kart-bas{padding:12px 14px}
.ytl-durak{display:grid;grid-template-columns:16px 26px 30px minmax(0,1fr) 128px 112px 150px;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));font-size:12px;background:var(--ya-kar,#FFFEFB)}
.ytl-durak.bas{font-size:10.5px;color:var(--ya-metin3,#8C7660);font-weight:600;padding:8px 14px;background:var(--ya-krem,#F7F1E6)}
.ytl-durak .sira{font-family:"IBM Plex Mono",monospace;font-weight:700;width:24px;height:24px;border-radius:50%;background:var(--ya-krem,#F7F1E6);display:inline-flex;align-items:center;justify-content:center;font-size:11.5px}
.ytl-durak.tamam .sira{background:rgba(62,122,78,.14);color:var(--ya-yesil,#3E7A4E)}
.ytl-durak .tip{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.ytl-durak .tip.y{background:rgba(224,123,42,.14);color:var(--ya-dis-koyu,#A9530E)}
.ytl-durak .tip.b{background:rgba(62,122,78,.13);color:var(--ya-yesil,#3E7A4E)}
.ytl-durak .yer{min-width:0}
.ytl-durak .yer b{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ytl-durak .yer span{font-size:11.5px;color:var(--ya-metin2,#6A5642)}
.ytl-durak .onay{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.ytl-durak .onay small{font-size:10.5px;color:var(--ya-metin3,#8C7660)}
.ytl-durak.hata{background:rgba(168,58,30,.05);box-shadow:inset 3px 0 0 var(--ya-kirmizi,#A83A1E)}
.ytl-durak.suruk{opacity:.5}
.ytl-durak.hedef{box-shadow:inset 0 2px 0 var(--ya-dis,#E07B2A)}
.ytl-tutamak{background:none;border:0;padding:0;color:var(--ya-metin3,#8C7660);cursor:grab;display:inline-flex;font-size:13px;line-height:1}
.ytl-ozet-kutu{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;padding:10px 12px;background:var(--ya-krem-acik,#FDFBF6);display:flex;flex-direction:column;gap:6px}
.ytl-toplam.iyi{background:rgba(62,122,78,.1)}
.ytl-toplam.iyi b{color:var(--ya-yesil,#3E7A4E)}
.ytl-toplam.kotu{background:rgba(168,58,30,.08)}
.ytl-toplam.kotu b{color:var(--ya-kirmizi,#A83A1E)}
.ytl-kapat{margin-left:auto;background:none;border:0;color:var(--ya-metin3,#8C7660);padding:4px;font-size:18px;line-height:1;cursor:pointer}
.ytl-modal-govde.ytl-tek{display:flex;flex-direction:column;gap:12px}
/* planlama panosu */
.ytl-pano{display:flex;min-height:calc(100vh - 58px)}
.ytl-havuz{width:392px;flex:0 0 392px;border-right:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-krem,#F7F1E6);padding:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}
.ytl-havuz-bas{display:flex;align-items:center;gap:8px}
.ytl-havuz-bas b{font-size:14px}
.ytl-havuz-liste{display:flex;flex-direction:column;gap:8px;overflow:auto}
.ytl-yk{background:var(--ya-kar,#FFFEFB);border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;padding:10px 12px 10px 8px;display:flex;gap:6px;box-sizing:border-box;cursor:pointer}
.ytl-yk .tut{color:#B8A48C;padding-top:1px;flex:0 0 14px;cursor:grab}
.ytl-yk .ic{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.ytl-yk .sat{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.ytl-yk .no{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:12px}
.ytl-yk .mus{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytl-yk .guz{font-size:12px;white-space:nowrap}
.ytl-yk .pen{font-size:11.5px;color:var(--ya-metin2,#6A5642);margin-left:auto;white-space:nowrap}
.ytl-yk.secili{border-color:var(--ya-dis,#E07B2A);box-shadow:0 0 0 2px rgba(224,123,42,.22)}
.ytl-yk.suruk{opacity:.45;border-style:dashed}
.ytl-yk:focus-visible{outline:2px solid var(--ya-dis,#E07B2A);outline-offset:2px}
.ytl-tirlar{flex-grow:1;min-width:0;padding:14px 18px;display:flex;flex-direction:column;gap:10px;overflow:auto}
.ytl-bolum{display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ya-metin3,#8C7660);font-weight:700;margin-top:2px}
.ytl-bolum .lej{margin-left:auto;display:flex;gap:12px;text-transform:none;letter-spacing:0;font-weight:500;font-size:11px}
.ytl-bolum .lej i{display:inline-block;width:14px;height:7px;border-radius:99px;margin-right:5px}
.ytl-bolum .l-dol{background:var(--ya-bej2,#D2B58C)} .ytl-bolum .l-bag{background:var(--ya-dis,#E07B2A)}
.ytl-bolum .l-on{background:repeating-linear-gradient(135deg,rgba(224,123,42,.75) 0 3px,rgba(224,123,42,.3) 3px 6px)} .ytl-bolum .l-asim{background:var(--ya-kirmizi,#A83A1E)}
.ytl-tir{display:grid;grid-template-columns:178px 260px minmax(0,1fr) 122px;gap:14px;align-items:center;background:var(--ya-kar,#FFFEFB);border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;padding:11px 14px;box-sizing:border-box}
.ytl-tir.hedef{border:2px solid var(--ya-dis,#E07B2A);background:#FFF8F0;padding:10px 13px}
.ytl-tir.asim{border-color:rgba(168,58,30,.5);box-shadow:inset 3px 0 0 var(--ya-kirmizi,#A83A1E)}
.ytl-tir--slot{grid-template-columns:auto minmax(0,1fr) auto;border-style:dashed;background:transparent}
.ytl-tir .kim{display:flex;flex-direction:column;gap:5px;min-width:0}
.ytl-tir .s{font-size:11.5px;color:var(--ya-metin2,#6A5642);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}
.ytl-tir-sefer{display:flex;flex-direction:column;gap:4px;min-width:0}
.ytl-tir-sefer .sat{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ytl-tir-sefer .no{font-family:"IBM Plex Mono",monospace}
.ytl-tir-eylem{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.ytl-tir-asim{grid-column:1 / -1}
/* planlama panosu — W1 ekleri (kanvas Main + PanoSurukleme; yalnız #tenteliPlanlamaModule'e kapsamlı) */
#tenteliPlanlamaModule .ytl-kok{height:100vh;min-height:0}
#tenteliPlanlamaModule #ytlPanoGovde{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}
#tenteliPlanlamaModule .ytl-pano{flex:1;min-height:0;position:relative}
#tenteliPlanlamaModule .ytl-pano-tarih{display:flex;align-items:center;gap:4px;margin-left:6px;position:relative}
#tenteliPlanlamaModule .ytl-pano-aralik{color:var(--ya-metin,#2B1F14);font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
#tenteliPlanlamaModule .ytl-pano-aralik svg{color:var(--ya-metin2,#6A5642)}
#tenteliPlanlamaModule .ytl-pano-tarih-girdi{position:absolute;left:34px;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
#tenteliPlanlamaModule .ytl-sec{position:relative;display:inline-flex;align-items:center;min-width:0}
#tenteliPlanlamaModule .ytl-sec select.ytl-girdi{appearance:none;-webkit-appearance:none;padding-right:28px;cursor:pointer}
#tenteliPlanlamaModule .ytl-sec svg{position:absolute;right:10px;pointer-events:none;color:var(--ya-metin2,#6A5642)}
#tenteliPlanlamaModule .ytl-havuz-bas .ytl-sec select.ytl-girdi{height:28px;font-size:12px}
#tenteliPlanlamaModule .ytl-ara{position:relative;display:flex;align-items:center;flex:0 0 32px}
#tenteliPlanlamaModule .ytl-ara svg{position:absolute;left:10px;pointer-events:none;color:var(--ya-metin2,#6A5642)}
#tenteliPlanlamaModule .ytl-ara .ytl-girdi{width:100%;padding-left:30px}
#tenteliPlanlamaModule .ytl-havuz{padding:14px 14px 0;overflow:hidden;min-height:0}
#tenteliPlanlamaModule .ytl-havuz-liste{flex:1;min-height:0;padding:2px 2px 4px;margin:0 -2px}
#tenteliPlanlamaModule .ytl-yk{flex:0 0 auto}
#tenteliPlanlamaModule .ytl-yk .tut{color:var(--ya-metin3,#8C7660)}
#tenteliPlanlamaModule .ytl-yk .sec-kutu{margin-left:auto;display:inline-flex}
#tenteliPlanlamaModule .ytl-yk .sec-kutu input{accent-color:var(--ya-dis,#E07B2A);width:15px;height:15px;margin:0}
#tenteliPlanlamaModule .ytl-yk .pen{display:inline-flex;align-items:center;gap:4px}
#tenteliPlanlamaModule .ytl-yk.yer{background:transparent;border:1.5px dashed rgba(63,44,27,.28);box-shadow:none;justify-content:center;align-items:center;color:var(--ya-metin3,#8C7660);font-size:12px;height:112px;opacity:1;cursor:grabbing}
#tenteliPlanlamaModule .ytl-ipucu{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ya-metin2,#6A5642);padding:10px 2px 12px;flex:0 0 auto;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));margin-top:auto;background:var(--ya-krem,#F7F1E6)}
#tenteliPlanlamaModule .ytl-ipucu svg{flex:0 0 auto}
#tenteliPlanlamaModule .ytl-tirlar{min-height:0;padding-bottom:64px}
#tenteliPlanlamaModule .ytl-secim{flex:0 0 auto}
#tenteliPlanlamaModule .ytl-secim .sag{margin-left:auto;display:inline-flex;align-items:center;gap:10px}
#tenteliPlanlamaModule .ytl-tir{grid-template-columns:178px 248px minmax(0,1fr) 122px;position:relative;flex:0 0 auto}
#tenteliPlanlamaModule .ytl-tir.hedef{background:rgba(224,123,42,.06)}
#tenteliPlanlamaModule .ytl-pano.surukleniyor .ytl-bolum{margin-bottom:6px}
#tenteliPlanlamaModule .ytl-pano.surukleniyor .ytl-tir:not(.hedef){border:1.5px dashed rgba(224,123,42,.6);padding:10.5px 13.5px}
#tenteliPlanlamaModule .ytl-tir .kim .ust{display:flex;gap:6px;align-items:center;min-width:0}
#tenteliPlanlamaModule .ytl-tir .kim .ust b{font-size:12.5px}
#tenteliPlanlamaModule .ytl-tir .kim .s svg{flex:0 0 auto}
#tenteliPlanlamaModule .ytl-tir .kes{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tenteliPlanlamaModule .ytl-tir-sefer{gap:5px;font-size:12px}
#tenteliPlanlamaModule .ytl-tir-sefer .ba{display:flex;align-items:center;gap:7px}
#tenteliPlanlamaModule .ytl-tir-sefer .ba b{font-family:"IBM Plex Mono",monospace;font-size:12px;white-space:nowrap}
#tenteliPlanlamaModule .ytl-tir-sefer .gz{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tenteliPlanlamaModule .ytl-tir-sefer .m{color:var(--ya-metin3,#8C7660);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tenteliPlanlamaModule .ytl-tir-sefer .yc{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}
#tenteliPlanlamaModule .ytl-tir-sefer .yc span{font-size:10.5px;padding:1px 7px;border-radius:6px;background:var(--ya-krem,#F7F1E6);border:1px solid rgba(63,44,27,.1);color:var(--ya-metin2,#6A5642);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
#tenteliPlanlamaModule .ytl-tir-sefer .yc span.yeni{border:1px dashed var(--ya-dis,#E07B2A);background:rgba(224,123,42,.08);color:var(--ya-dis-koyu,#A9530E);font-weight:600}
#tenteliPlanlamaModule .ytl-tir-sefer .yc span.kirmizi{border-color:rgba(168,58,30,.45);background:rgba(168,58,30,.07);color:var(--ya-kirmizi,#A83A1E);font-weight:600}
#tenteliPlanlamaModule .ytl-tir-sefer .bos-sefer{color:var(--ya-metin3,#8C7660);font-size:12px;line-height:1.45}
#tenteliPlanlamaModule .ytl-tir-sefer .bos-sefer b{color:var(--ya-metin,#2B1F14)}
#tenteliPlanlamaModule .ytl-tir-eylem{gap:8px}
#tenteliPlanlamaModule .ytl-tir .ytl-dol.asim .cb{background:rgba(168,58,30,.18)}
#tenteliPlanlamaModule .ytl-tir .ytl-dol.bag .cb i.on{background:repeating-linear-gradient(135deg,rgba(224,123,42,.85) 0 3px,rgba(224,123,42,.35) 3px 6px)}
#tenteliPlanlamaModule .ytl-tir .ytl-dol.asim .cb i.on{background:repeating-linear-gradient(135deg,rgba(168,58,30,.85) 0 3px,rgba(168,58,30,.35) 3px 6px)}
#tenteliPlanlamaModule .ytl-birak{display:none;position:absolute;right:12px;top:-11px;background:var(--ya-dis,#E07B2A);color:var(--ya-metin-ters,#25150A);font-size:11px;font-weight:700;padding:2px 10px;border-radius:99px;white-space:nowrap;z-index:1;pointer-events:none}
#tenteliPlanlamaModule .ytl-birak.ac{background:var(--ya-kar,#FFFEFB);color:var(--ya-dis-koyu,#A9530E);border:1px dashed var(--ya-dis,#E07B2A)}
#tenteliPlanlamaModule .ytl-pano.surukleniyor .ytl-birak.ac,#tenteliPlanlamaModule .ytl-tir.hedef .ytl-birak,#tenteliPlanlamaModule .ytl-pano-slot.hedef .ytl-birak{display:block}
#tenteliPlanlamaModule .ytl-yolda-not,#tenteliPlanlamaModule .ytl-asim-not{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:12px;border-radius:8px;padding:6px 10px;margin-top:2px}
#tenteliPlanlamaModule .ytl-yolda-not{color:var(--ya-dis-koyu,#A9530E);background:rgba(224,123,42,.08)}
#tenteliPlanlamaModule .ytl-asim-not{color:var(--ya-kirmizi,#A83A1E);background:rgba(168,58,30,.07)}
#tenteliPlanlamaModule .ytl-yolda-not svg,#tenteliPlanlamaModule .ytl-asim-not svg{flex:0 0 auto}
#tenteliPlanlamaModule .ytl-asim-not .eylem{margin-left:auto;display:flex;gap:10px}
#tenteliPlanlamaModule .ytl-asim-not .ytl-bag{color:var(--ya-kirmizi,#A83A1E)}
#tenteliPlanlamaModule .ytl-pano-slot{position:relative;border:1.5px dashed rgba(63,44,27,.28);border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;color:var(--ya-metin2,#6A5642);font-size:12.5px;background:transparent;font-family:inherit;width:100%;box-sizing:border-box;text-align:left;cursor:pointer;flex:0 0 auto}
#tenteliPlanlamaModule .ytl-pano-slot svg{flex:0 0 auto}
#tenteliPlanlamaModule .ytl-pano-slot .suruk-metin{display:none}
#tenteliPlanlamaModule .ytl-pano.surukleniyor .ytl-pano-slot{border-color:rgba(224,123,42,.6);background:rgba(224,123,42,.04);color:var(--ya-dis-koyu,#A9530E)}
#tenteliPlanlamaModule .ytl-pano.surukleniyor .ytl-pano-slot .normal{display:none}
#tenteliPlanlamaModule .ytl-pano.surukleniyor .ytl-pano-slot .suruk-metin{display:inline}
#tenteliPlanlamaModule .ytl-pano-slot.hedef{border:2px solid var(--ya-dis,#E07B2A);background:rgba(224,123,42,.06)}
#tenteliPlanlamaModule .ytl-pano-tost{position:fixed;left:calc(50% + 95px);bottom:18px;transform:translateX(-50%);background:var(--ya-metin,#2B1F14);color:var(--ya-krem,#F7F1E6);padding:10px 14px;border-radius:10px;font-size:12.5px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 30px rgba(18,12,7,.3);z-index:20;white-space:nowrap}
#tenteliPlanlamaModule .ytl-pano-tost .num{color:#F5C99A}
#tenteliPlanlamaModule .ytl-pano-tost button{background:none;border:0;color:#F5C99A;font-family:inherit;font-size:12.5px;font-weight:600;text-decoration:underline;padding:0;cursor:pointer}
/* W1 ekleri sonu */
/* pencere */
.ytl-perde{position:fixed;inset:0;background:rgba(18,12,7,.45);display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;z-index:1000;overflow:auto}
.ytl-modal{background:var(--ya-kar,#FFFEFB);border-radius:14px;box-shadow:0 24px 60px rgba(18,12,7,.35);max-width:100%;display:flex;flex-direction:column}
.ytl-modal-bas{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.ytl-modal-bas h2{font-size:16px;margin:0;flex:1}
.ytl-modal-govde{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:16px 20px}
.ytl-modal-alt{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13))}
/* 30 Eyl — sağa yaslı pencere: ytlModal(…, { yan: 'sag' }) — yalnız km pencereleri (durak onayı km, Gerçekleşti km, Km düzelt/gir; kanvas
   2026-09-30 GerceklestiKm / SurusPlaniKm). Soldaki Sürüş planı / Duraklar görünür kalır; öbür bütün pencereler ortada, değişmedi. */
.ytl-perde.ytl-perde--sag{justify-content:flex-end;padding:64px 16px 16px}
.ytl-atama-yuk{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px}
/* dorse kapasite profilleri (W4, yeni-tenteli-dorse.js) — .ytl-dr-* */
.ytl-dr-arac{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ytl-dr-ara{position:relative;display:inline-flex;align-items:center;width:260px;max-width:100%;min-width:0}
.ytl-dr-ara svg{position:absolute;left:10px;pointer-events:none;color:var(--ya-metin2,#6A5642)}
.ytl-dr-ara .ytl-girdi{padding-left:30px;width:100%}
.ytl-dr-uyari{color:var(--ya-dis-koyu,#A9530E);display:inline-flex}
.ytl-buton2.ytl-dr-aktif{border-color:var(--ya-dis,#E07B2A);color:var(--ya-dis-koyu,#A9530E);font-weight:600}
.ytl-dr-kart{padding:0;overflow:auto}
.ytl-dr-ikon{background:none;border:0;color:var(--ya-metin3,#8C7660);padding:4px;border-radius:6px;display:inline-flex;cursor:pointer}
.ytl-dr-ikon:hover,.ytl-dr-ikon:focus-visible{color:var(--ya-dis-koyu,#A9530E);background:rgba(224,123,42,.09)}
.ytl-dr-bos{color:var(--ya-metin3,#8C7660)}
.ytl-dr-duzen .ytl-girdi{height:28px;padding:0 7px}
.ytl-dr-ic{font-size:11.5px;color:var(--ya-metin3,#8C7660)}
.ytl-dr-eylemler{display:inline-flex;gap:6px}
.ytl-dr-alt{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ytl-dr-cerceve{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;overflow:hidden}
@media (max-width:900px){.ytl-dr-alt{grid-template-columns:1fr}.ytl-dr-arac .ytl-not{margin-left:0!important}}
/* tarayıcı dumanı düzeltmeleri (24 Eyl) — taşan tablolar, form onay kutuları, pasif bağlantı düğmesi */
.ytl-form label.ytl-onay{flex-direction:row;align-items:center;gap:7px;font-size:12.5px;color:var(--ya-metin,#2B1F14)}
.ytl-yl-tablo-kap{overflow-x:auto}
#tenteliYukModule .ytl-yl-tablo-kap .ytl-tablo th,#tenteliYukModule .ytl-yl-tablo-kap .ytl-tablo td{padding-left:7px;padding-right:7px}
.ytl-yl-bol th,.ytl-yl-bol td{padding-left:4px;padding-right:4px}
#tenteliSeferModule .ytl-ana > .ytl-kart--duz{margin:0 20px;overflow-x:auto;flex-shrink:0}
.ytl-dr-arac > select.ytl-girdi{width:auto;max-width:220px}
.ytl-bag:disabled{color:var(--ya-metin3,#8C7660);text-decoration:none;cursor:not-allowed}
/* index.html satır içi input[type=text]/select kuralı (mono 13.5px/500, width:100%) .ytl-girdi'yi eziyordu → metin girdileri kanvas yazısıyla */
#tenteliPlanlamaModule .ytl-girdi:not(.sayi),#tenteliYukModule .ytl-girdi:not(.sayi),#tenteliSeferModule .ytl-girdi:not(.sayi),.ytl-perde .ytl-girdi:not(.sayi){font-family:"Space Grotesk",system-ui,sans-serif;font-size:12.5px;font-weight:400}

/* 28 Eyl 2026 — şoför değişikliği (aktarma) durağı + sürüş planı + sefer belgeleri (onaylı kanvas 2026-09-28-tenteli-aktarma-belge,
   olustur.py EK_CSS birebir; .ytl- önekli, renkler token + yedek). yeni-tenteli-aktarma.js · yeni-tenteli-belgeler.js */
#tenteliSeferModule .ytl-durak{grid-template-columns:16px 26px 30px minmax(0,1fr) 124px 100px 230px}
/* 29 Eyl tarayıcı dumanı — kanvas kart başı tek satır: not üç noktayla kısalır, düğmeler sarılmaz (Duraklar kartında
   "+ Şoför değişikliği" alt satıra düşüyordu). Yalnız sefer detayı kartları (Sürüş planı · Duraklar · Belgeler · Bağlı yükler). */
#tenteliSeferModule .ytl-kart--duz > .ytl-kart-bas{flex-wrap:nowrap;min-width:0}
#tenteliSeferModule .ytl-kart--duz > .ytl-kart-bas > h3{white-space:nowrap;flex:0 0 auto}
#tenteliSeferModule .ytl-kart--duz > .ytl-kart-bas > .ytl-not{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#tenteliSeferModule .ytl-kart--duz > .ytl-kart-bas > button{flex:0 0 auto}
/* 30 Eyl (smoke V1): Sürüş planı notu km kılavuzunu taşır ("değere tıklayınca düzeltilir") — 1280/1366'da üç noktayla kesilmez, alt
   satıra sarar (başlık ilk satırın hizasında); tam metin title'da da (yeni-tenteli-aktarma.js ytlAkSurusKartHtml). */
#tenteliSeferModule .ytl-kart--duz.ytl-kart--surus > .ytl-kart-bas{align-items:baseline}
#tenteliSeferModule .ytl-kart--duz.ytl-kart--surus > .ytl-kart-bas > .ytl-not{white-space:normal;overflow:visible;text-overflow:clip}
.ytl-durak.aktarma .onay{min-width:0;gap:3px}
.ytl-durak .onay .sat{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.ytl-durak .onay small{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.ytl-durak .onay small .ytl-bag{font-size:11.5px}
.ytl-durak .tip.a{background:var(--ya-post2,#3F2C1B);color:#F5C99A}
.ytl-durak.aktarma{background:rgba(224,123,42,.06);box-shadow:inset 3px 0 0 var(--ya-dis,#E07B2A)}
.ytl-durak.aktarma.tamam{background:rgba(62,122,78,.05);box-shadow:inset 3px 0 0 var(--ya-yesil,#3E7A4E)}
.ytl-durak .yer .ak-sat{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytl-durak .yer .ak-sat .ytl-ok{margin:0 4px}
.ytl-bag.sil{color:var(--ya-kirmizi,#A83A1E)}
.ytl-akt-rozet{display:inline-flex;align-items:flex-start;gap:5px;align-self:flex-start;max-width:100%;box-sizing:border-box;font-size:10.5px;font-weight:600;line-height:1.35;padding:2px 8px;border-radius:6px;border:1px solid rgba(224,123,42,.5);background:rgba(224,123,42,.1);color:var(--ya-dis-koyu,#A9530E)}
.ytl-akt-rozet svg{flex:0 0 auto;margin-top:1px}
.ytl-akt-rozet .rz{display:flex;flex-wrap:wrap;column-gap:4px;min-width:0;max-width:100%}
/* 29 Eyl tarayıcı dumanı: uzun yer/ad ("Münih (Freimann) → Ö. Mehmet Kaya") kutudan taşıyordu — satır kesilir, tam metin title'da */
.ytl-akt-rozet .rz span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* sürüş planı */
.ytl-bacak{display:grid;grid-template-columns:24px 132px 118px minmax(0,1fr) 176px;gap:12px;align-items:center;padding:4px 14px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));font-size:12px;min-height:36px;box-sizing:border-box}
.ytl-bacak .sira{font-family:"IBM Plex Mono",monospace;font-weight:700;width:24px;height:24px;border-radius:50%;background:var(--ya-krem,#F7F1E6);display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;box-sizing:border-box}
.ytl-bacak.gecmis .sira{background:rgba(62,122,78,.14);color:var(--ya-yesil,#3E7A4E)}
.ytl-bacak.surer{background:rgba(224,123,42,.05)}
.ytl-bacak.surer .sira{background:rgba(224,123,42,.18);color:var(--ya-dis-koyu,#A9530E)}
.ytl-bacak.plan .sira{background:transparent;border:1.5px dashed rgba(63,44,27,.32);color:var(--ya-metin3,#8C7660)}
.ytl-bacak.plan .ytl-sb-kim{color:var(--ya-metin2,#6A5642)}
.ytl-sb-kim{display:flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px;white-space:nowrap;min-width:0}
.ytl-sb-kim svg{color:var(--ya-metin3,#8C7660);flex:0 0 auto}
/* 29 Eyl tarayıcı dumanı: uzun şoför adı 132px sütundan plaka sütununa taşıyordu — ad kesilir, tam ad title'da */
.ytl-sb-kim .ad{overflow:hidden;text-overflow:ellipsis;min-width:0}
.ytl-ayak{display:flex;align-items:center;gap:10px;min-width:0}
.ytl-ayak .uc{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.ytl-ayak .uc b{font-size:12.5px}
.ytl-ayak .uc span{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ya-metin2,#6A5642)}
.ytl-ayak .uc span.soz{font-family:"Space Grotesk",system-ui,sans-serif;color:var(--ya-metin3,#8C7660)}
.ytl-ayak .cizgi{flex:1 1 auto;min-width:18px;border-top:1.5px solid rgba(62,122,78,.45)}
.ytl-ayak .cizgi.acik{border-top:1.5px dashed rgba(224,123,42,.6)}
.ytl-ayak .cizgi.plan{border-top:1.5px dashed rgba(63,44,27,.3)}
.ytl-eyl2{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}
.ytl-eyl2 small{font-size:10.5px;color:var(--ya-metin3,#8C7660)}
.ytl-eyl2 .ust-sat{display:flex;align-items:center;gap:8px}
/* pencereler (şoför değişikliği · gerçekleşti · belge yükle) */
.ytl-form .ytl-radyo-sat{display:flex;flex-direction:row;align-items:center;gap:10px;padding:6px 8px 6px 10px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;background:var(--ya-kar,#FFFEFB);min-height:40px;box-sizing:border-box}
.ytl-form .ytl-radyo-sat.secili{border-color:var(--ya-dis,#E07B2A);box-shadow:0 0 0 2px rgba(224,123,42,.18);background:rgba(224,123,42,.05)}
.ytl-form .ytl-radyo-sat label{flex-direction:row;align-items:center;gap:7px;font-size:12.5px;color:var(--ya-metin,#2B1F14)}
.ytl-perde input[type="radio"]{accent-color:var(--ya-dis,#E07B2A);width:15px;height:15px;margin:0;flex:0 0 auto}
.ytl-uc-kolon{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:4px 14px;align-items:center;font-size:12.5px}
.ytl-uc-kolon > span{white-space:nowrap}
.ytl-birak-alan{border:1.5px dashed rgba(224,123,42,.6);border-radius:12px;background:rgba(224,123,42,.05);padding:14px 16px;display:flex;align-items:center;gap:14px}
.ytl-birak-alan.ustunde{background:rgba(224,123,42,.12);border-color:var(--ya-dis,#E07B2A)}
.ytl-birak-alan .daire{width:42px;height:42px;border-radius:50%;background:rgba(224,123,42,.15);color:var(--ya-dis-koyu,#A9530E);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.ytl-dosya-liste{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;overflow:hidden}
.ytl-dosya{display:grid;grid-template-columns:30px minmax(0,1fr) 64px 220px 24px;gap:10px;align-items:center;padding:7px 10px 7px 12px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));font-size:12px}
.ytl-dosya:first-child{border-top:0}
.ytl-dosya .ik{width:28px;height:28px;border-radius:7px;background:var(--ya-krem,#F7F1E6);color:var(--ya-metin2,#6A5642);display:inline-flex;align-items:center;justify-content:center}
.ytl-dosya .ad{display:flex;flex-direction:column;min-width:0}
.ytl-dosya .ad b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ytl-dosya .ad small{font-size:10.5px;color:var(--ya-metin3,#8C7660)}
.ytl-dosya .boyut{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ya-metin2,#6A5642);text-align:right}
.ytl-dosya.red{background:rgba(168,58,30,.05);box-shadow:inset 3px 0 0 var(--ya-kirmizi,#A83A1E)}
.ytl-dosya.red .ad b,.ytl-dosya.red .ad small{color:var(--ya-kirmizi,#A83A1E)}
.ytl-dosya.red .ik{background:rgba(168,58,30,.1);color:var(--ya-kirmizi,#A83A1E)}
.ytl-dr-iyi{display:inline-flex;align-items:center;gap:5px;color:var(--ya-yesil,#3E7A4E);font-size:11.5px;font-weight:600;white-space:nowrap}
.ytl-dr-kotu{display:inline-flex;align-items:center;gap:5px;color:var(--ya-kirmizi,#A83A1E);font-size:11.5px;font-weight:600;white-space:nowrap}
.ytl-ikon-dugme{background:none;border:0;color:var(--ya-metin2,#6A5642);padding:4px;border-radius:6px;display:inline-flex;align-items:center;cursor:pointer}
.ytl-ikon-dugme:hover,.ytl-ikon-dugme:focus-visible{color:var(--ya-dis-koyu,#A9530E);background:rgba(224,123,42,.09)}
.ytl-ilerleme{height:8px;border-radius:99px;background:rgba(63,44,27,.09);overflow:hidden}
.ytl-ilerleme i{display:block;height:100%;background:var(--ya-yesil,#3E7A4E)}
.ytl-sonuc{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.ytl-sonuc:last-child{border-bottom:0}
/* belgeler kartı + yük detayı belgeleri */
.ytl-belge-ad{display:flex;align-items:center;gap:6px;min-width:0;max-width:268px}
.ytl-belge-ad svg{color:var(--ya-metin3,#8C7660);flex:0 0 auto}
.ytl-belge-ad b{font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ytl-belge-ad small{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--ya-metin3,#8C7660);white-space:nowrap}
.ytl-islem{display:inline-flex;align-items:center;gap:6px}
.ytl-islem i{font-style:normal;color:var(--ya-metin3,#8C7660)}
.ytl-yb-satir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.ytl-yb-ad{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12px}
.ytl-yb-ad .ust-sat{display:flex;align-items:center;gap:6px;min-width:0}
.ytl-yb-ad b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ytl-yb-ad small{font-size:10.5px;color:var(--ya-metin3,#8C7660);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytl-blg-onizleme{width:100%;max-height:75vh;object-fit:contain;display:block}
.ytl-blg-tablo-kap{overflow-x:auto}
/* 29 Eyl birleşik duman: sefer detayı Bağlı yükler kartı overflow:hidden — tablo (815px) 1280/1366'da karttan geniş, Durum ve
   "Seferden çıkar" kırpılıp erişilemiyordu. Kap yatay kayar; dar ekranda hücre dolgusu 7px (Belgeler gibi; kaydırma payı 815→775px). */
.ytl-sf-yuk-tablo-kap{overflow-x:auto}
/* 29 Eyl tarayıcı dumanı — 1280/1366 genişlik (kanvas 1440): 230px durum sütunu duraklarda yer · yük sütununu ~54px'e düşürüyor,
   sürüş planında başlangıç — bitiş durum sütununa taşıyor, Belgeler tablosu kartı aşıp Görüntüle · İndir · Sil kesiliyordu. */
@media (max-width:1399px){
#tenteliSeferModule .ytl-durak{grid-template-columns:16px 26px 30px minmax(0,1fr) 124px 100px 156px}
.ytl-durak .onay .sat{flex-wrap:wrap;white-space:normal;row-gap:3px}
.ytl-ayak{flex-direction:column;align-items:flex-start;gap:0}
.ytl-ayak .cizgi{display:none}
.ytl-ayak .uc{max-width:100%;min-width:0}
.ytl-ayak .uc b{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ytl-ayak .uc span{flex:0 0 auto}
.ytl-ayak .uc:last-child::before{content:"→";color:var(--ya-metin3,#8C7660);font-size:11px}
.ytl-belge-ad{max-width:150px}
.ytl-blg-tablo-kap .ytl-tablo th,.ytl-blg-tablo-kap .ytl-tablo td{padding-left:7px;padding-right:7px}
.ytl-sf-yuk-tablo-kap .ytl-tablo th,.ytl-sf-yuk-tablo-kap .ytl-tablo td{padding-left:7px;padding-right:7px}
}
/* ============ P2 · W2 kârlılık (24 Eyl 2026) — Seferler > Kârlılık (#ytlKrKok) + sefer detayı kâr kutusu (kanvas Karlilik, SeferKar) ============ */
.ytl-kr-ic{padding:14px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ytl-kr-suzgec{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ytl-kr-donem{display:flex;align-items:center;gap:4px}
.ytl-kr-donem-etiket{padding:6px 12px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;background:var(--ya-kar,#FFFEFB);font-weight:600;font-size:12.5px;white-space:nowrap}
.ytl-kr-kartlar{display:flex;flex-wrap:wrap;gap:12px}
.ytl-kr-kart{flex:1 1 200px;min-width:0;background:var(--ya-kar,#FFFEFB);border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}
.ytl-kr-kart .bas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ytl-kr-kart .bas b{font-family:"IBM Plex Mono",monospace;font-size:13px}
.ytl-kr-kart .buyuk{font-family:"IBM Plex Mono",monospace;font-size:21px;font-weight:700;color:var(--ya-metin,#2B1F14);white-space:nowrap}
.ytl-kr-kart .buyuk.kotu{color:var(--ya-kirmizi,#A83A1E)}
.ytl-kr-kart .ytl-kv{padding:4px 0}
.ytl-kr-kart.tl{flex:1.25 1 280px;background:var(--ya-post2,#3F2C1B);border-color:var(--ya-post2,#3F2C1B);color:var(--ya-krem,#F7F1E6)}
.ytl-kr-kart.tl .buyuk{color:#F5C99A}
.ytl-kr-kart.tl .ytl-kv{border-bottom-color:rgba(247,241,230,.14)}
.ytl-kr-kart.tl .ytl-kv span,.ytl-kr-kart.tl .ytl-not,.ytl-kr-kart.tl .ytl-etiket{color:#D2B58C}
.ytl-kr-kart.tl .ytl-cip--kirmizi,.ytl-kr-kart.tl .ytl-cip--eksik,.ytl-kr-tl-toplam .ytl-cip--kirmizi,.ytl-kr-tl-toplam .ytl-cip--eksik{background:var(--ya-krem,#F7F1E6);border-color:var(--ya-krem,#F7F1E6);color:var(--ya-kirmizi,#A83A1E)}
.ytl-kr-fat{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}
.ytl-kr-soluk{color:var(--ya-metin3,#8C7660)}
.ytl-kr-tablo-kap{padding:0;overflow-x:auto}
.ytl-kr-tablo td.ytl-kr-kotu{color:var(--ya-kirmizi,#A83A1E)}
/* duman bulgusu 29 Eyl: uzun taşıyıcı adı + ≈TL kur notu sarılır (1440'ta Fatura sütunu kesilmesin); "N sefer" sayacı tek satır */
.ytl-kr-tablo td .alt.ytl-kr-sar{white-space:normal}
.ytl-kr-dip{display:flex;gap:12px;align-items:baseline;justify-content:space-between}
.ytl-kr-dip>.num{white-space:nowrap;flex:none}
.ytl-kr-kutu{border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));padding-top:12px;display:flex;flex-direction:column;gap:10px}
.ytl-toplam.ytl-kr-brut{background:rgba(63,44,27,.07)}
.ytl-toplam.ytl-kr-tl-toplam{background:var(--ya-post2,#3F2C1B);color:var(--ya-krem,#F7F1E6)}
.ytl-toplam.ytl-kr-tl-toplam b{color:#F5C99A}
.ytl-kr-faturalama{border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));padding-top:10px;display:flex;flex-direction:column;gap:2px}
.ytl-kr-faturalama .ytl-kv{padding:5px 0;align-items:center}
.ytl-kr-faturalama .ytl-kv:last-child{border-bottom:0}
@media (max-width:700px){.ytl-kr-ic{padding:12px 16px}.ytl-kr-dip{flex-direction:column}}
/* ============ P2 · W1 fiyat + tarifeler (24 Eyl 2026; kanvas Main · YukFiyat) — yeni renk YOK, P1 token'ları ============ */
.ytl-gorunum{margin-left:4px}
.ytl-tr-kok{flex:1;display:flex;flex-direction:column;min-height:0}
.ytl-tr-kok > .ytl-icerik{flex:1}
.ytl-tr-bilgi{margin:0 20px 12px;display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:10px;border-left:4px solid var(--ya-metin3,#8C7660);background:rgba(63,44,27,.06);font-size:12.5px;line-height:1.5}
.ytl-tr-bilgi svg{flex:0 0 auto;margin-top:2px;color:var(--ya-metin2,#6A5642)}
.ytl-tr-joker{font-style:italic;color:var(--ya-metin3,#8C7660)}
.ytl-tr-musteri{display:inline-block;max-width:150px;white-space:normal;line-height:1.3}
.ytl-tr-tablo tbody tr[data-tarife-id]{cursor:pointer}
.ytl-panel.ytl-tr-panel{width:380px;flex-basis:380px}
.ytl-tr-fiyat{display:grid;grid-template-columns:1fr 1fr 86px;gap:8px}
.ytl-tr-ozg{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;padding:10px 12px;background:var(--ya-krem-acik,#FDFBF6);display:flex;flex-direction:column;gap:6px}
.ytl-tr-ozg-bas{display:flex;justify-content:space-between;align-items:center}
.ytl-tr-ozg-bas b{font-size:14px}
.ytl-tr-ornek{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;padding-top:6px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.ytl-tr-ornek span{color:var(--ya-metin2,#6A5642)}
/* yük formu fiyat bölümü */
.ytl-yl-fiyat-izgara{display:grid;grid-template-columns:1.1fr 1fr 1fr 78px;gap:8px}
.ytl-yl-fiyat-izgara.sabit{grid-template-columns:1.4fr 90px}
.ytl-yl-fiyat-izgara label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ya-metin2,#6A5642);min-width:0}
.ytl-yl-fiyat-izgara .ytl-girdi{width:100%;min-width:0}
.ytl-yl-hesap{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--ya-krem,#F7F1E6);font-size:12.5px;flex-wrap:wrap}
.ytl-yl-hesap .num{font-family:"IBM Plex Mono",monospace}
.ytl-yl-hesap b{margin-left:auto;font-size:16px}
.ytl-yl-hesap.eksik b{color:var(--ya-metin3,#8C7660)}
.ytl-yl-kopya{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:8px}
.ytl-yl-oneri-kart{border:1.5px solid var(--ya-dis,#E07B2A);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;background:rgba(224,123,42,.04)}
.ytl-yl-oneri-bas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ytl-yl-oneri-alanlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ytl-yl-oneri-alan{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:8px;padding:5px 8px;display:flex;flex-direction:column;gap:1px;min-width:0;background:var(--ya-kar,#FFFEFB)}
.ytl-yl-oneri-alan span{font-size:10px;color:var(--ya-yesil,#3E7A4E);font-weight:600;display:inline-flex;gap:3px;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ytl-yl-oneri-alan b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ytl-yl-oneri-alan.joker{border-style:dashed}
.ytl-yl-oneri-alan.joker span{color:var(--ya-metin3,#8C7660)}
.ytl-yl-oneri-alan.joker b{font-weight:500;color:var(--ya-metin3,#8C7660)}
.ytl-yl-oneri-yok{align-items:flex-start;flex-wrap:nowrap}
.ytl-serit > svg{flex:0 0 auto}
.ytl-serit > svg + span{flex:1;min-width:0}
#ytlTrFiltre select.ytl-girdi{width:170px}
.ytl-fiyat-seg button[disabled]{opacity:.5;cursor:default}
.ytl-girdi.ytl-girdi--eksik{border-color:var(--ya-dis,#E07B2A);box-shadow:0 0 0 2px rgba(224,123,42,.25)}
.ytl-form label.ytl-yl-eksik-etiket{color:var(--ya-kirmizi,#A83A1E);font-weight:600}
.ytl-yl-ucret.farkli .ytl-girdi.sayi{border-color:var(--ya-kirmizi,#A83A1E)}
@media (max-width:900px){.ytl-tr-kok > .ytl-icerik{flex-direction:column}.ytl-panel.ytl-tr-panel{width:auto;flex-basis:auto;border-left:0;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13))}.ytl-yl-oneri-alanlar{grid-template-columns:repeat(2,minmax(0,1fr))}.ytl-yl-fiyat-izgara{grid-template-columns:1fr 1fr}}
/* 30 Eyl: çekici km (kanvas DurakOnayKm / GerceklestiKm / SurusPlaniKm) */
/* Kanvas olustur.py YENI_CSS km bölümü .ytl-km- önekiyle; renkler P1 token'ları (+ yedek) ve token RGB kanalları — yeni renk sabiti YOK.
   yeni-tenteli-km.js · yeni-tenteli-aktarma.js (sürüş planı km satırı, Gerçekleşti km bloğu). */
.ytl-bacak.iki-sat{min-height:48px;padding-top:5px;padding-bottom:5px}
.ytl-ayak-kap{display:flex;flex-direction:column;gap:3px;min-width:0}
.ytl-km-sat{display:flex;flex-wrap:wrap;align-items:center;column-gap:5px;row-gap:2px;font-size:11px;color:var(--ya-metin2,#6A5642);white-space:nowrap;min-width:0}
.ytl-km-sat > svg{color:var(--ya-metin3,#8C7660);flex:0 0 auto}
.ytl-km-sat .ytl-ok{margin:0 1px}
.ytl-km-deger{background:none;border:0;padding:0 2px;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ya-metin,#2B1F14);border-bottom:1px dotted var(--ya-dis-koyu,#A9530E);border-radius:3px;line-height:1.35;cursor:pointer}
.ytl-km-deger:hover{background:rgba(224,123,42,.1)}
.ytl-km-deger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ya-dis,#E07B2A);background:rgba(224,123,42,.14)}
/* Km düzelt / Km gir penceresi açıkken düzeltilen değer (ya da "km gir") kartta turuncu çerçeveli (kanvas SurusPlaniKm; ytlKmVurgula) */
.ytl-km-sat .ytl-km-vurgu{outline:2px solid var(--ya-dis,#E07B2A);outline-offset:1px;border-radius:4px;background:rgba(224,123,42,.14)}
.ytl-km-salt{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ya-metin,#2B1F14)}
.ytl-km-top{font-family:"IBM Plex Mono",monospace;font-size:11.5px;font-weight:700;color:var(--ya-metin,#2B1F14);margin-left:3px}
.ytl-km-top.uyari{color:var(--ya-dis-koyu,#A9530E)}
.ytl-km-toplam{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ytl-km-cip--uyari{display:inline-flex;align-items:center;gap:3px;color:var(--ya-dis-koyu,#A9530E);font-weight:600;font-size:10.5px;white-space:nowrap}
.ytl-km-bos{color:var(--ya-metin3,#8C7660)}
.ytl-km-yok{color:var(--ya-metin3,#8C7660);font-family:"IBM Plex Mono",monospace;font-size:11px;border:1px dashed rgba(63,44,27,.3);border-radius:5px;padding:0 5px;line-height:1.4}
.ytl-km-gir{font-size:11px}
.ytl-km-alan{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ya-metin2,#6A5642);min-width:0}
.ytl-form .ytl-km-alan label.ytl-km-etk{flex-direction:row;align-items:center;gap:7px;color:var(--ya-metin2,#6A5642)}
.ytl-km-etk svg{color:var(--ya-metin3,#8C7660);flex:0 0 auto}
.ytl-km-etk b{font-weight:600;color:var(--ya-metin,#2B1F14);font-size:12.5px}
.ytl-km-alan .ytl-girdi{width:100%}
.ytl-km-zorunlu{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--ya-dis-koyu,#A9530E);background:rgba(224,123,42,.12);padding:1px 6px;border-radius:99px}
.ytl-perde input.ytl-girdi.hatali{border-color:var(--ya-kirmizi,#A83A1E);box-shadow:0 0 0 3px rgba(168,58,30,.14)}
.ytl-perde input.ytl-girdi.hatali:focus{outline:2px solid var(--ya-kirmizi,#A83A1E);outline-offset:1px}
.ytl-km-hata{display:flex;align-items:center;gap:5px;color:var(--ya-kirmizi,#A83A1E);font-size:11.5px;font-weight:600}
.ytl-km-hata[hidden]{display:none}
.ytl-km-hata svg{flex:0 0 auto}
.ytl-km-ipucu{font-size:11.5px;color:var(--ya-metin3,#8C7660);line-height:1.45}
.ytl-km-fark{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ya-metin,#2B1F14)}
.ytl-km-fark.uyari{color:var(--ya-dis-koyu,#A9530E);font-weight:700}
.ytl-km-blok{display:flex;flex-direction:column;gap:8px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;padding:10px 12px 12px;background:var(--ya-kagit,#FDFBF6)}
.ytl-km-blok-bas{display:flex;align-items:center;gap:8px}
.ytl-km-blok-bas > svg{color:var(--ya-metin3,#8C7660);flex:0 0 auto}
.ytl-km-uyari-kap:empty{display:none}
.ytl-km-uyari > svg{color:var(--ya-dis-koyu,#A9530E)}
.ytl-km-onizleme{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:rgba(62,122,78,.09);font-size:12.5px;color:var(--ya-metin,#2B1F14)}
.ytl-km-onizleme > svg{color:var(--ya-yesil,#3E7A4E);flex:0 0 auto}
.ytl-km-onizleme.uyari{background:rgba(224,123,42,.09)}
.ytl-km-onizleme.uyari > svg{color:var(--ya-dis-koyu,#A9530E)}
.ytl-ozet-kutu.ytl-km-durak{flex-direction:row;align-items:center;gap:10px}
.ytl-km-durak-tip{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(224,123,42,.14);color:var(--ya-dis-koyu,#A9530E);flex:0 0 auto}
.ytl-km-durak-tip.b{background:rgba(62,122,78,.13);color:var(--ya-yesil,#3E7A4E)}
.ytl-km-durak-metin{display:flex;flex-direction:column;gap:2px;min-width:0}
.ytl-km-durak-metin b{font-size:13px}
/* 30 Eyl: şoför çalışma (kanvas Main / CalismaAyDetay) */
/* Kullanıcılar › Kişiler › Tenteli şoförü: geniş panel + ÇALIŞMA bölümü (yeni-tenteli-sofor-calisma.js; yeni-kullanicilar.js yaKulPanelGenislik).
   Kanvas olustur.py .kul-genis / .cal-* / .ayd-* ölçüleri .ytl-cal- önekiyle; renkler P1 token'ları (+ yedek) ve token RGB kanalları — yeni renk sabiti YOK.
   Geniş panel: 330 → en çok 800 px (ytl-yl-genis deseni: gölge + genişlik). Genişliği ızgara sütunu verir: min(800 px, kök − 420 px) —
   Kişiler listesi en az 420 px kalır (1280'de 290 px'e sıkışıp "SON GÖRÜLME" kesiliyordu; smoke V2, 30 Eyl). Ay tablosu en az 700 px
   (kanvas sütunları 638 px + Ülkeler); daha dar kartta (1280) kendi kartında yatay kayar, sayfa taşmaz. Ay detayında güzergâh sütunu
   esnektir (yeni-tenteli-sofor-calisma.js YTL_CAL_AYD_KOLON) — detay tablosu kutusuna sığar. */
.ya-panel.ytl-cal-genis{width:auto;max-width:800px;min-width:0;padding:16px 18px;gap:14px;box-shadow:-18px 0 40px rgba(18,12,7,.12);position:relative;z-index:1;min-height:0}
.ya-panel.ytl-cal-genis > *{flex:0 0 auto}
/* Üst çubuk + grup çipleri tüm genişliğe yayılır (kanvas not a; 9 Ağu onaylı Kullanıcılar görseli) — YALNIZ geniş panelde Kişiler kökü ızgara olur,
   sol sütun çözülür (display:contents): 1 üst çubuk · 2 silme şeridi · 3 grup çipleri tam genişlik; 4 tablo + 5 açıklama solda, panel sağda.
   Kök ve sol sütun satır içi display taşıdığı için !important (yalnız bu iki kuralda); sınıf kalkınca bugünkü esnek düzen aynen döner. */
#yaKulAlan .ytl-cal-genis-kok{display:grid !important;grid-template-columns:minmax(420px,1fr) minmax(0,800px);grid-template-rows:auto auto auto minmax(0,1fr) auto}
#yaKulAlan .ytl-cal-genis-kok > :first-child{display:contents !important}
#yaKulAlan .ytl-cal-genis-kok > :first-child > :nth-child(1){grid-column:1 / -1;grid-row:1}
#yaKulAlan .ytl-cal-genis-kok > :first-child > :nth-child(2){grid-column:1 / -1;grid-row:2}
#yaKulAlan .ytl-cal-genis-kok > :first-child > :nth-child(3){grid-column:1 / -1;grid-row:3}
#yaKulAlan .ytl-cal-genis-kok > :first-child > :nth-child(4){grid-column:1;grid-row:4;min-height:0}
#yaKulAlan .ytl-cal-genis-kok > :first-child > :nth-child(5){grid-column:1;grid-row:5}
#yaKulAlan .ytl-cal-genis-kok > .ya-panel{grid-column:2;grid-row:4 / span 2}
/* Geniş paneldeyken Kişiler listesi (420–450 px) yatay kaymaz — canlı bulgu (30 Eyl, 1440×900): "⚠ Giriş yapamaz" +
   "hiç girmemiş" satırlı listede tablo ~465 px → 15 px kayma, SON GÖRÜLME kesik. Yan dolgu 14 → 10 px; ad ve giriş çipleri
   satır kırar; çipler ve SON GÖRÜLME (en çok 12 karakter: "hiç girmemiş", "11 saat önce") tek parça kalır. Ad önce boşlukta
   kırılır, tek sözcük sütuna hiç sığmıyorsa (1280'de ~15+ harflik soyad) sözcük içinden — taşma yerine. Yalnız geniş modda
   (sol sütunun tablosu); 330 px panelli düzen ve ÇALIŞMA tabloları değişmez. */
#yaKulAlan .ytl-cal-genis-kok > :first-child .ya-tablo th,#yaKulAlan .ytl-cal-genis-kok > :first-child .ya-tablo td{padding-left:10px;padding-right:10px}
#yaKulAlan .ytl-cal-genis-kok > :first-child .ya-tablo td{white-space:normal}
#yaKulAlan .ytl-cal-genis-kok > :first-child .ya-tablo td:first-child{overflow-wrap:anywhere}
#yaKulAlan .ytl-cal-genis-kok > :first-child .ya-tablo td.ya-num,#yaKulAlan .ytl-cal-genis-kok > :first-child .ya-tablo .ya-cip{white-space:nowrap}
.ytl-cal-kul-eylem{display:flex;gap:6px;margin-left:auto;flex-wrap:nowrap}
/* bölüm başlığı + ay tablosu (kanvas Main) */
.ytl-cal{display:flex;flex-direction:column;gap:8px;min-width:0}
.ytl-cal .num{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
.ytl-cal-bas{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:4px;min-width:0}
.ytl-cal-baslik{font-size:9.5px;letter-spacing:.7px;color:var(--ya-metin3,#8C7660);font-weight:700;white-space:nowrap}
.ytl-cal-nowrap{white-space:nowrap}
.ytl-cal-sayfa{margin-left:auto;white-space:nowrap}
.ytl-cal-sag{margin-left:auto}
.ytl-cal-dugme{background:var(--ya-kagit,#FDFBF6);border:1px solid var(--ya-hair,rgba(63,44,27,.13));color:var(--ya-metin,#2B1F14);font-weight:500;padding:6px 11px;border-radius:8px;font-size:12px;font-family:inherit;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.ytl-cal-dugme:hover{background:var(--ya-krem,#F7F1E6)}
.ytl-cal-dugme:focus-visible{outline:2px solid var(--ya-dis,#E07B2A);outline-offset:2px}
.ytl-cal-dugme[disabled]{opacity:.45;cursor:default}
.ytl-cal-kart{border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;overflow-x:auto;background:var(--ya-kar,#FFFEFB)}
.ytl-cal-tablo{table-layout:fixed;min-width:700px}
.ytl-cal-tablo th{padding:7px 6px;font-size:10.5px}
.ytl-cal-tablo td{padding:5px 6px;font-size:12px}
.ytl-cal-tablo th:first-child,.ytl-cal-tablo td:first-child{padding-left:10px}
.ytl-cal-tablo th:last-child,.ytl-cal-tablo td:last-child{padding-right:10px}
.ytl-cal-tablo .sag{text-align:right}
.ytl-cal-tablo tbody tr.ay td{height:22px}
.ytl-cal-ay{background:none;border:0;padding:0;font-family:inherit;font-size:12px;color:var(--ya-metin,#2B1F14);font-weight:600;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;border-radius:4px}
.ytl-cal-ay svg{color:var(--ya-metin3,#8C7660);flex:0 0 auto}
.ytl-cal-ay:hover{color:var(--ya-dis-koyu,#A9530E)}
.ytl-cal-ay:focus-visible{outline:2px solid var(--ya-dis,#E07B2A);outline-offset:2px}
.ytl-cal-tablo tr.acik .ytl-cal-ay svg{color:var(--ya-dis-koyu,#A9530E)}
.ytl-cal-km-not{display:block;font-size:10.5px;margin-top:1px;font-family:"Space Grotesk",system-ui,sans-serif;white-space:nowrap}
.ytl-cal-km-not.yok{color:var(--ya-dis-koyu,#A9530E)}
.ytl-cal-km-not.surer{color:var(--ya-metin3,#8C7660)}
/* "3.000 km üstü" dar Km sütununda sağa yaslı, taşarsa sola (boş Saat hücresinin ikinci satırına) taşar */
.ytl-cal-km-not.uyari{display:flex;justify-content:flex-end;align-items:center;gap:3px;color:var(--ya-dis-koyu,#A9530E);font-weight:600}
.ytl-cal-km-not.uyari svg{flex:0 0 auto}
.ytl-cal-tablo tfoot td{border-top:1.5px solid rgba(63,44,27,.3);background:var(--ya-krem,#F7F1E6);font-weight:700}
.ytl-cal-ulkeler{display:inline-flex;flex-wrap:wrap;gap:3px 0}
.ytl-cal-ulkeler .ytl-ulke{margin-right:3px}
/* ay detayı (kanvas CalismaAyDetay): açık ayın satırının hemen altında */
.ytl-cal-tablo tr.ytl-cal-detay-sat > td{padding:0 10px 10px;background:rgba(224,123,42,.07);border-top:0;white-space:normal}
.ytl-cal-ayd{border:1px solid rgba(224,123,42,.4);border-radius:10px;background:var(--ya-kar,#FFFEFB);overflow:hidden}
.ytl-cal-ayd-bas{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:2px;padding:8px 12px;white-space:nowrap}
.ytl-cal-ayd .ytl-bos{padding:14px}
.ytl-cal-ayd-tablo{table-layout:fixed}
.ytl-cal-ayd-tablo th{background:var(--ya-kagit,#FDFBF6);padding:6px 6px}
/* hücreler üste hizalı: güzergâhın altındaki şoför değişikliği notu ve Km altındaki "3.000 km üstü" komşu sütunun BOŞ ikinci satırına taşar,
   ortalanmış değere binmez (tarayıcı dumanı 30 Eyl, 1440) */
.ytl-cal-ayd-tablo td{padding:6px 6px;white-space:normal;vertical-align:top}
.ytl-cal-ayd-tablo th:first-child,.ytl-cal-ayd-tablo td:first-child{padding-left:12px}
.ytl-cal-ayd-tablo td .num,.ytl-cal-ayd-tablo td.num{font-size:11.5px}
.ytl-cal-ayd-tablo td .alt{white-space:nowrap}
.ytl-cal-ayd-tablo td .alt.ytl-cal-akt{display:flex;align-items:center;gap:4px}
.ytl-cal-ayd-tablo td .alt.ytl-cal-akt svg{flex:0 0 auto}
.ytl-cal-bos{color:var(--ya-metin3,#8C7660)}
/* biten bacakta km yok: 54 px Km sütununa tek satır sığar (kesikli çip ikiye bölünüyordu — duman 30 Eyl); ay satırındaki "km yok" notuyla aynı renk */
.ytl-cal-km-yok{font-family:"Space Grotesk",system-ui,sans-serif;font-size:10.5px;font-weight:600;color:var(--ya-dis-koyu,#A9530E);white-space:nowrap}
.ytl-cal-sefer-no{font-weight:600}
.ytl-cal-zaman{white-space:nowrap}
.ytl-cal-ayd-alt{display:flex;align-items:center;gap:10px;padding:7px 12px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kagit,#FDFBF6)}
.ytl-cal-alt{display:flex;align-items:center;flex-wrap:wrap;gap:10px}