/* ═══════════════════════════════════════════════════════════════════════
   PROFORMALAR (arac bazli) + PROFORMA TAHSILAT (finans) — 04.10.2026
   Köşeler her yerde düz (border-radius: 0) — proje kuralı.
   Koyu tema: .app-root.dark (prefers-color-scheme DEĞİL).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Ortak: durum rozetleri, mesajlar ── */
.pf-durum {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 7px;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 0;
}
.pf-durum-bekliyor { color: #92400e; background: #fffbeb; border-color: #fcd34d; }
.pf-durum-kismi    { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }
.pf-durum-odendi   { color: #166534; background: #f0fdf4; border-color: #bbf7d0; }

.pf-hata {
    padding: 8px 10px;
    font-size: 0.8rem;
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
}
.pf-bilgi {
    padding: 8px 10px;
    font-size: 0.8rem;
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}
.pf-uyari {
    padding: 9px 10px;
    font-size: 0.8rem;
    color: #7c4a03;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
}
.pf-uyari-alt { flex-basis: 100%; font-size: 0.74rem; opacity: .85; }
.pf-uyari-kucuk { font-size: 0.76rem; color: #92400e; }
.pf-soluk { color: var(--yl-text-light, #64748b); font-weight: 400; }
.pf-yesil { color: #166534; }

/* ── Ortak düğmeler ── */
.pf-btn {
    height: 32px;
    padding: 0 12px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid var(--yl-border, #cbd5e1);
    border-radius: 0;
    background: #fff;
    color: #1f2937;
    cursor: pointer;
    white-space: nowrap;
}
.pf-btn:hover:not(:disabled) { background: #f3f6fa; }
.pf-btn:disabled { opacity: .5; cursor: not-allowed; }
.pf-btn-kucuk { height: 26px; padding: 0 9px; font-size: 0.74rem; }
.pf-btn-ana { background: #0ea5e9; border-color: #0ea5e9; color: #fff; }
.pf-btn-ana:hover:not(:disabled) { background: #0284c7; border-color: #0284c7; }
.pf-btn-yesil { background: #16a34a; border-color: #16a34a; color: #fff; }
.pf-btn-yesil:hover:not(:disabled) { background: #15803d; border-color: #15803d; }
.pf-btn-sil { color: #b91c1c; border-color: rgba(185, 28, 28, .45); background: #fff; }
.pf-btn-sil:hover:not(:disabled) { background: #fef2f2; }
.pf-btn-uyari { height: 28px; background: #f59e0b; border-color: #f59e0b; color: #fff; }
.pf-btn-uyari:hover:not(:disabled) { background: #d97706; border-color: #d97706; }
.pf-link {
    border: none;
    background: none;
    padding: 0 2px;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--yl-primary, #185fa5);
    cursor: pointer;
    text-decoration: underline;
}
.pf-link-sil { color: #b91c1c; }
.pf-link:disabled { opacity: .5; cursor: not-allowed; }

/* ═════════════════ PROFORMA PENCERESİ ═════════════════ */
/* Kabugun web/telefon genisligi (100vw yerine 100%) artik ortak kuralda: pdf-preview.css. */
.pf-shell .pdf-preview-sidebar.pf-panel {
    width: 470px;
    flex: 0 0 470px;
    background: #f8fafc;
}
.pf-ust {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 12px 14px;
    background: #fff;
    border-bottom: 1px solid var(--yl-border, #e2e8f0);
}
.pf-ust-satir { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pf-baslik { margin: 0; font-size: 1.05rem; font-weight: 800; color: #0f172a; }
.pf-teklif { font-size: 0.8rem; font-weight: 600; color: #334155; overflow-wrap: anywhere; }
.pf-cipler { display: flex; flex-wrap: wrap; gap: 5px; }
.pf-cip {
    font-size: 0.74rem;
    padding: 3px 8px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
}
.pf-cip strong { color: #0f172a; }
.pf-cip-soluk { color: #94a3b8; }
.pf-cip-yesil { color: #166534; background: #f0fdf4; border-color: #bbf7d0; }

.pf-govde { display: flex; flex-direction: column; gap: 10px; padding: 12px 14px 24px; }

/* Arac sayisi */
.pf-arac-sayisi { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.pf-arac-sayisi-soru { font-size: 0.84rem; font-weight: 700; color: #0f172a; }
.pf-stepper { display: inline-flex; align-items: stretch; border: 1px solid var(--yl-border, #cbd5e1); background: #fff; }
.pf-stepper button {
    width: 34px;
    height: 32px;
    border: none;
    background: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    cursor: pointer;
    border-radius: 0;
}
.pf-stepper button:hover:not(:disabled) { background: #f1f5f9; }
.pf-stepper button:disabled { opacity: .35; cursor: not-allowed; }
.pf-stepper-sayi {
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    border-left: 1px solid var(--yl-border, #cbd5e1);
    border-right: 1px solid var(--yl-border, #cbd5e1);
}
.pf-btn-toplu {
    height: auto;
    min-height: 38px;
    padding: 6px 12px;
    white-space: normal;
    text-align: left;
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}
.pf-btn-toplu small { font-weight: 500; opacity: .85; }

/* Arac karti */
.pf-arac {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid var(--yl-border, #e2e8f0);
    border-left: 4px solid #0ea5e9;
}
.pf-arac-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.pf-arac-ad { font-size: 0.86rem; font-weight: 800; letter-spacing: .03em; color: #0f172a; }
.pf-arac-uretim { font-size: 0.72rem; color: #475569; overflow-wrap: anywhere; }
.pf-arac-durum { margin-left: 4px; font-weight: 700; color: #0369a1; }
.pf-arac-fiyat { font-size: 0.8rem; color: #334155; }
.pf-arac-bos { font-size: 0.78rem; color: #94a3b8; font-style: italic; }
.pf-arac-tamam { font-size: 0.78rem; font-weight: 600; color: #166534; }

/* Proforma satiri (tiklanir) */
.pf-satir {
    display: grid;
    grid-template-columns: minmax(78px, auto) minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 4px 8px;
    width: 100%;
    padding: 7px 8px;
    text-align: left;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    cursor: pointer;
    font-size: 0.78rem;
    color: #0f172a;
}
.pf-satir:hover:not(:disabled) { background: #f0f9ff; border-color: #7dd3fc; }
.pf-satir:disabled { opacity: .6; cursor: wait; }
.pf-satir-tur { font-weight: 700; }
.pf-satir-no { color: #64748b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-satir-tutar { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pf-guncel-degil {
    grid-column: 1 / -1;
    justify-self: start;
    font-size: 0.68rem;
    font-weight: 700;
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    padding: 0 6px;
}

/* Yeni proforma dugmeleri */
.pf-arac-dugmeler { display: flex; flex-wrap: wrap; gap: 6px; }
.pf-btn-yeni {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    padding: 6px 11px;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid;
    border-radius: 0;
    cursor: pointer;
    background: #fff;
    text-align: left;
}
.pf-btn-yeni small { font-size: 0.72rem; font-weight: 500; }
.pf-btn-yeni:disabled { opacity: .5; cursor: not-allowed; }
.pf-btn-onodeme { color: #1d4ed8; border-color: #93c5fd; background: #eff6ff; }
.pf-btn-onodeme:hover:not(:disabled) { background: #dbeafe; }
.pf-btn-tam { color: #166534; border-color: #86efac; background: #f0fdf4; }
.pf-btn-tam:hover:not(:disabled) { background: #dcfce7; }
.pf-btn-bakiye { color: #9a3412; border-color: #fdba74; background: #fff7ed; }
.pf-btn-bakiye:hover:not(:disabled) { background: #ffedd5; }
.pf-btn-serbest { color: #475569; border-color: #cbd5e1; border-style: dashed; align-self: flex-start; }
.pf-btn-serbest:hover:not(:disabled) { background: #f1f5f9; }

.pf-diger { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.pf-bolum-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #475569;
}
.pf-bolum-baslik .pf-soluk { text-transform: none; letter-spacing: normal; font-size: 0.72rem; }

/* Duzenleyici */
.pf-geri {
    align-self: flex-start;
    border: none;
    background: none;
    padding: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--yl-primary, #185fa5);
    cursor: pointer;
}
.pf-geri:disabled { opacity: .5; }
.pf-duzen-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}
.pf-form .pf-alan { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pf-form label, .pf-etiket { font-size: 0.74rem; font-weight: 700; color: #334155; }
.pf-girdi {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 8px;
    font-size: 0.82rem;
    font-family: inherit;
    border: 1px solid var(--yl-border, #cbd5e1);
    border-radius: 0;
    background: #fff;
    color: #0f172a;
}
textarea.pf-girdi { resize: vertical; }
.pf-girdi:disabled { background: #f1f5f9; color: #475569; }
.pf-girdi-buyuk { font-size: 0.95rem; font-weight: 700; padding: 7px 9px; }
.pf-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.pf-ipucu { font-size: 0.74rem; color: #92400e; }
.pf-ipucu-yesil { color: #166534; font-weight: 600; }
.pf-onay-satiri { display: flex; align-items: flex-start; gap: 7px; font-size: 0.8rem !important; font-weight: 600; color: #0f172a; cursor: pointer; }
.pf-onay-satiri input { width: 16px; height: 16px; margin-top: 1px; flex-shrink: 0; }
.pf-toplam {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px 14px;
    padding: 8px 10px;
    font-size: 0.8rem;
    color: #334155;
    background: #fff;
    border: 1px solid var(--yl-border, #e2e8f0);
}
.pf-toplam-ana { font-size: 0.98rem; font-weight: 800; color: #0f172a; }
.pf-dugmeler { display: flex; flex-wrap: wrap; gap: 6px; }
.pf-kayit-durumu { font-size: 0.72rem; color: #64748b; }

.pf-odemeler { display: flex; flex-direction: column; gap: 4px; }
.pf-odeme {
    display: grid;
    grid-template-columns: 82px auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    font-size: 0.78rem;
    background: #fff;
    border: 1px solid #e2e8f0;
}
.pf-odeme-tutar { font-weight: 700; color: #166534; white-space: nowrap; }
.pf-odeme-aciklama { color: #475569; overflow-wrap: anywhere; }
.pf-odeme-toplam { font-size: 0.78rem; font-weight: 700; color: #0f172a; text-align: right; }
.pf-sil-onay { font-size: 0.74rem; white-space: nowrap; }

.pf-ayrinti-ac {
    margin-top: 8px;
    padding: 8px 10px;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 700;
    color: #0f172a;
    background: #fff;
    border: 1px solid var(--yl-border, #e2e8f0);
    border-radius: 0;
    cursor: pointer;
}
.pf-ayrinti { display: flex; flex-direction: column; gap: 8px; padding: 10px; background: #fff; border: 1px solid var(--yl-border, #e2e8f0); border-top: none; }
.pf-gecmis {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    padding: 5px 8px;
    font-size: 0.76rem;
    background: #fff;
    border: 1px solid #e2e8f0;
}
.pf-gecmis-rev { font-weight: 800; color: #0f172a; }
.pf-gecmis-ozet { color: #475569; overflow-wrap: anywhere; }

/* Onizleme alani */
.pf-onizleme { position: relative; }
.pf-gizli { visibility: hidden; }
.pf-rehber {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, calc(100% - 32px));
    z-index: 2;
    padding: 18px 22px;
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-size: 0.86rem;
    line-height: 1.5;
}
.pf-rehber h4 { margin: 0 0 8px; font-size: 1rem; font-weight: 800; color: #0f172a; }
.pf-rehber ol { margin: 0 0 10px; padding-left: 20px; }
.pf-rehber li { margin-bottom: 4px; }
.pf-rehber p { margin: 0; font-size: 0.8rem; color: #475569; }

/* Dar ekran (telefon): gomulu PDF yok, panel tam genislik */
.pf-shell.pf-dar { flex-direction: column; }
.pf-shell.pf-dar .pdf-preview-sidebar.pf-panel {
    width: 100%;
    flex: 1 1 auto;
    max-height: none;
    border-right: none;
}

/* Odeme / silme penceresi */
.pf-modal { max-width: 440px; width: calc(100% - 24px); }
.pf-modal-govde { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; }
.pf-modal-baslik { font-size: 0.95rem; font-weight: 800; color: #0f172a; }
.pf-modal-alt { font-size: 0.78rem; color: #64748b; }
.pf-modal-ozet {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin: 4px 0 6px;
    padding: 7px 9px;
    font-size: 0.78rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.pf-modal-dugmeler {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--yl-border, #e2e8f0);
}
.pf-modal .pf-btn-ana,
.pf-modal-dugmeler .pf-btn-ana { background: #16a34a; border-color: #16a34a; color: #fff; }
.pf-modal-dugmeler .pf-btn-sil { color: #b91c1c; }
.pf-girdi-tutar { font-size: 1.05rem; font-weight: 800; }

@media (max-width: 1100px) {
    .pf-shell .pdf-preview-sidebar.pf-panel { width: 400px; flex-basis: 400px; }
}
@media (max-width: 900px) {
    .pf-shell .pdf-preview-sidebar.pf-panel { width: 100%; flex-basis: auto; max-height: 62vh; }
}
@media (max-width: 768px) {
    .pf-ust { padding: 10px 12px; }
    .pf-govde { padding: 10px 12px 20px; }
    .pf-iki { grid-template-columns: minmax(0, 1fr); }
    .pf-satir { grid-template-columns: minmax(0, 1fr) auto; }
    .pf-satir-no { grid-column: 1; }
    .pf-odeme { grid-template-columns: auto minmax(0, 1fr); }
    .pf-odeme-aciklama { grid-column: 1 / -1; }
    .pf-btn-yeni { flex: 1 1 100%; }
}

/* ═════════════════ PROFORMA TAHSİLAT (finans listesi) ═════════════════ */
.pt-shell {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 14px 16px;
    gap: 12px;
    background: var(--yl-bg, #f5f7fa);
    overflow-y: auto;
}
.pt-shell > * { flex-shrink: 0; }
.pt-shell > .ylg-root { flex: 0 0 auto; }

.pt-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--yl-border, #dfe4ec);
}
.pt-header-sol { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pt-header-ikon { width: 30px; height: 30px; color: #16a34a; flex-shrink: 0; }
.pt-header h3 { margin: 0; font-size: 1.12rem; font-weight: 700; color: #0f172a; }
.pt-alt { margin: 2px 0 0; font-size: 0.78rem; color: var(--yl-text-light, #64748b); }
.pt-header-sag { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pt-tarih { display: inline-flex; align-items: center; gap: 6px; }
.pt-tarih-ayrac { opacity: .55; }

.pt-btn {
    height: 30px;
    padding: 0 12px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid var(--yl-border, #dfe4ec);
    border-radius: 0;
    background: #fff;
    color: #1f2937;
    cursor: pointer;
    white-space: nowrap;
}
.pt-btn:hover:not(:disabled) { background: #f3f6fa; }
.pt-btn:disabled { opacity: .5; cursor: not-allowed; }
.pt-btn-ghost { background: transparent; }
.pt-btn-ana { background: #16a34a; border-color: #16a34a; color: #fff; }
.pt-btn-ana:hover:not(:disabled) { background: #15803d; border-color: #15803d; }
.pt-btn-kucuk { height: 26px; padding: 0 9px; font-size: 0.74rem; }

.pt-kutular { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.pt-kutu {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 9px 11px;
    text-align: left;
    background: #fff;
    border: 1px solid var(--yl-border, #dfe4ec);
    border-top: 3px solid #94a3b8;
    border-radius: 0;
    min-width: 0;
    font-family: inherit;
}
button.pt-kutu { cursor: pointer; }
button.pt-kutu:hover { background: #f8fafc; }
.pt-kutu.secili { box-shadow: inset 0 0 0 2px #0ea5e9; }
.pt-kutu-bekleyen { border-top-color: #f59e0b; }
.pt-kutu-geciken  { border-top-color: #dc2626; }
.pt-kutu-gelen    { border-top-color: #0ea5e9; }
.pt-kutu-odenen   { border-top-color: #16a34a; }
/* Teslime hazir, odeme bekleyen (05.10.2026) — "Sipariş Teslime Hazır Olduğunda" odemesinin zamani */
.pt-kutu-teslim   { border-top-color: #7c3aed; }
.pt-kutu-baslik { font-size: 0.7rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #64748b; }
.pt-kutu-sayi { font-size: 1.3rem; font-weight: 800; color: #0f172a; line-height: 1.2; }
.pt-kutu-tutar { font-size: 0.78rem; font-weight: 600; color: #334155; overflow-wrap: anywhere; }

.pt-geciken-secim { display: inline-flex; align-items: center; gap: 5px; font-size: 0.78rem; font-weight: 600; white-space: nowrap; cursor: pointer; }
.pt-grid tbody tr { cursor: pointer; }
.pt-grid tbody tr.pt-secili > td { background: #f0f9ff; }
.pt-musteri { font-weight: 700; font-size: 0.82rem; color: #111827; }
.pt-pno { font-weight: 700; color: #0f172a; }
.pt-soluk { font-size: 0.72rem; color: var(--yl-text-light, #6b7280); }
.pt-tutar { font-weight: 700; font-variant-numeric: tabular-nums; }
.pt-gelen { color: #166534; font-weight: 600; font-variant-numeric: tabular-nums; }
.pt-kalan { color: #b91c1c; font-weight: 700; font-variant-numeric: tabular-nums; }
.pt-sifir { color: #94a3b8; font-variant-numeric: tabular-nums; }
.pt-gecikti {
    display: inline-block;
    margin-left: 4px;
    font-size: 0.66rem;
    font-weight: 700;
    color: #fff;
    background: #dc2626;
    padding: 0 5px;
}
.pt-etiket {
    display: inline-block;
    font-size: 0.66rem;
    font-weight: 600;
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    padding: 0 5px;
    margin-left: 4px;
}
.pt-dip { margin-left: 12px; font-size: 0.75rem; color: var(--yl-text-light, #6b7280); }

.pt-detay {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px 12px;
    background: #fff;
    border: 1px solid var(--yl-border, #dfe4ec);
    border-top: 3px solid #16a34a;
}
.pt-detay-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.pt-detay-ad { font-size: 0.95rem; font-weight: 800; color: #0f172a; }
.pt-detay-alt { font-size: 0.78rem; color: #64748b; }
.pt-detay-kapat { border: none; background: none; font-size: 1.3rem; line-height: 1; cursor: pointer; color: #64748b; }
.pt-detay-rakamlar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 0.82rem; color: #334155; }
.pt-detay-dugmeler { display: flex; flex-wrap: wrap; gap: 6px; }
.pt-bos {
    padding: 12px;
    font-size: 0.8rem;
    color: #64748b;
    background: #fafbfd;
    border: 1px dashed var(--yl-border, #dfe4ec);
}
.pt-odemeler { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.pt-odemeler th {
    text-align: left;
    font-size: 0.7rem;
    font-weight: 700;
    color: #64748b;
    padding: 5px 8px;
    border-bottom: 1px solid #e2e8f0;
}
.pt-odemeler td { padding: 6px 8px; border-bottom: 1px solid #f1f5f9; vertical-align: top; }
.pt-odemeler .sag { text-align: right; }
.pt-sil-onay { font-size: 0.74rem; white-space: nowrap; }
.pt-link {
    border: none;
    background: none;
    padding: 0 3px;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--yl-primary, #185fa5);
    cursor: pointer;
    text-decoration: underline;
}
.pt-link-sil { color: #b91c1c; }

@media (max-width: 900px) {
    .pt-kutular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .pt-shell { padding: 10px; }
    .pt-header-sag { width: 100%; }
    .pt-odemeler th:nth-child(4), .pt-odemeler td:nth-child(4) { display: none; }
}

/* ═════════════════ KOYU TEMA ═════════════════ */
.app-root.dark .pf-shell .pdf-preview-sidebar.pf-panel { background: #0d1117; }
.app-root.dark .pf-ust,
.app-root.dark .pf-arac,
.app-root.dark .pf-toplam,
.app-root.dark .pf-odeme,
.app-root.dark .pf-ayrinti-ac,
.app-root.dark .pf-ayrinti,
.app-root.dark .pf-gecmis,
.app-root.dark .pf-rehber,
.app-root.dark .pf-stepper,
.app-root.dark .pf-stepper button,
.app-root.dark .pt-header,
.app-root.dark .pt-kutu,
.app-root.dark .pt-detay { background: #161b22; border-color: #30363d; color: #c9d1d9; }
.app-root.dark .pf-satir { background: #0d1117; border-color: #30363d; color: #e6edf3; }
.app-root.dark .pf-satir:hover:not(:disabled) { background: #13233a; }
.app-root.dark .pf-cip { background: #0d1117; border-color: #30363d; color: #c9d1d9; }
.app-root.dark .pf-girdi,
.app-root.dark .pf-btn,
.app-root.dark .pt-btn { background: #0d1117; border-color: #30363d; color: #e6edf3; }
.app-root.dark .pf-btn-ana,
.app-root.dark .pf-btn-yesil,
.app-root.dark .pt-btn-ana { color: #fff; }
.app-root.dark .pf-btn-ana { background: #0284c7; border-color: #0284c7; }
.app-root.dark .pf-btn-yesil,
.app-root.dark .pt-btn-ana { background: #15803d; border-color: #15803d; }
.app-root.dark .pf-baslik,
.app-root.dark .pf-arac-ad,
.app-root.dark .pf-duzen-baslik,
.app-root.dark .pf-toplam-ana,
.app-root.dark .pf-arac-sayisi-soru,
.app-root.dark .pf-gecmis-rev,
.app-root.dark .pf-modal-baslik,
.app-root.dark .pf-rehber h4,
.app-root.dark .pt-header h3,
.app-root.dark .pt-kutu-sayi,
.app-root.dark .pt-detay-ad,
.app-root.dark .pt-musteri,
.app-root.dark .pt-pno { color: #e6edf3; }
.app-root.dark .pf-teklif,
.app-root.dark .pf-arac-fiyat,
.app-root.dark .pf-form label,
.app-root.dark .pf-etiket,
.app-root.dark .pt-kutu-tutar,
.app-root.dark .pt-detay-rakamlar { color: #c9d1d9; }
.app-root.dark .pt-grid tbody tr.pt-secili > td { background: #13233a; }
.app-root.dark .pt-bos { background: #0d1117; border-color: #30363d; }
.app-root.dark .pf-modal-ozet { background: #0d1117; border-color: #30363d; }

/* ── TESLIMAT (05.10.2026): aracin uretim durumu — finans odemeyi teslimata gore takip eder ── */
.pt-teslim {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 1px 6px;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
}
.pt-teslim.hazir { color: #fff; background: #7c3aed; border-color: #7c3aed; }
.pt-teslim-secim {
    height: 30px; padding: 2px 6px; font-size: 0.78rem;
    border: 1px solid var(--yl-border, #dfe4ec); border-radius: 0; background: #fff; color: #0f172a;
}
.pt-teslim-secim.secili { border-color: #7c3aed; color: #6d28d9; font-weight: 600; }
.pt-detay-teslim { margin-top: 6px; font-size: 0.8rem; color: #334155; }
.pt-teslim-uyari { color: #6d28d9; font-weight: 700; }
@media (max-width: 768px) {
    .pt-teslim-secim { min-height: 36px; font-size: 16px; }
}
.app-root.dark .pt-teslim { color: #c9d1d9; background: #21262d; border-color: #30363d; }
.app-root.dark .pt-teslim.hazir { color: #fff; background: #6d28d9; border-color: #6d28d9; }
.app-root.dark .pt-teslim-secim { background: #161b22; border-color: #3a4250; color: #c9d1d9; }
.app-root.dark .pt-detay-teslim { color: #c9d1d9; }
.app-root.dark .pt-teslim-uyari { color: #c4b5fd; }

/* ── TEK SIPARIS FILTRESI (05.10.2026): "Araç teslime hazır" bildiriminden gelinince ── */
.pt-teklif-filtre {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 4px 0 9px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #6d28d9;
    background: #f5f3ff;
    border: 1px solid #7c3aed;
    border-radius: 0;
    white-space: nowrap;
}
.pt-teklif-filtre button {
    border: none;
    background: none;
    padding: 0 5px;
    font-size: 1.05rem;
    line-height: 1;
    color: #6d28d9;
    cursor: pointer;
}
@media (max-width: 768px) {
    .pt-teklif-filtre { min-height: 36px; }
    .pt-teklif-filtre button { min-width: 32px; min-height: 32px; }
}
.app-root.dark .pt-teklif-filtre { color: #c4b5fd; background: #1e1533; border-color: #6d28d9; }
.app-root.dark .pt-teklif-filtre button { color: #c4b5fd; }
.app-root.dark .pf-uyari { color: #fcd34d; background: #2a2210; border-color: #7c5a12; }

/* ── IPTAL + YANLIS ODEME (11.10.2026, karar: "iptal edilsin, iz kalsin") ───────────── */
.pf-durum-iptal { color: #991b1b; background: #fef2f2; border-color: #fecaca; }
.pf-iptaller .pf-satir-iptal { opacity: .75; }
.pf-iptaller .pf-satir-iptal .pf-satir-tutar { text-decoration: line-through; }
.pf-iptal-bant { margin: 8px 0; padding: 8px 10px; border: 1px solid #fecaca; border-left: 4px solid #dc2626;
                 background: #fef2f2; color: #7f1d1d; font-size: 0.8rem; }
.pf-iptal-bant strong { letter-spacing: .04em; }
.pf-tama-cevir { display: block; margin: -2px 0 6px 10px; font-size: 0.74rem; }
.pf-odeme-islem { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 6px 8px; margin: 2px 0 6px;
                  border: 1px dashed #cbd5e1; background: #f8fafc; }
.pf-odeme-islem .pf-girdi { flex: 1 1 200px; min-width: 0; }
.pf-odeme-islem-dugmeler { display: flex; gap: 6px; }
.pf-iz { display: flex; flex-wrap: wrap; gap: 4px 10px; padding: 3px 0; font-size: 0.74rem; border-bottom: 1px dotted #e2e8f0; }
@media (max-width: 768px) {
    .pf-odeme-islem .pf-girdi, .pf-odeme-islem-dugmeler .pf-btn { min-height: 40px; }
}
.app-root.dark .pf-iptal-bant { background: rgba(220, 38, 38, .12); color: #fecaca; border-color: #7f1d1d; }
.app-root.dark .pf-odeme-islem { background: #1e293b; border-color: #334155; }
/* Finans listesi: iptal / yanlis odeme (11.10.2026) */
.pt-btn-sil { color: #b91c1c; border-color: #fca5a5; background: #fff; }
.pt-btn-sil:hover:not(:disabled) { background: #fef2f2; }
.pt-btn:disabled { opacity: .55; cursor: default; }
.pt-iz-baslik { margin-top: 10px; font-size: 0.74rem; font-weight: 700; color: var(--yl-text-light, #64748b); text-transform: uppercase; letter-spacing: .04em; }
.app-root.dark .pt-btn-sil { background: transparent; color: #fca5a5; border-color: #7f1d1d; }

/* SIPARIS ON ODEME KAPISI (11.10.2026): Teklif Listesi penceresi + finans paneli */
.fk-form { display: flex; flex-direction: column; gap: 4px; }
.fk-form-alt { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fk-label { font-size: 0.76rem; font-weight: 600; color: var(--yl-text-light); margin-top: 4px; }
.fk-input { width: 100%; box-sizing: border-box; font-size: 0.84rem; padding: 6px 8px; border: 1px solid var(--yl-border);
            border-radius: 0; resize: vertical; font-family: inherit; }
.fk-panel { border: 1px solid var(--yl-border); border-left-width: 4px; padding: 10px 12px; margin: 0 0 10px;
            display: flex; flex-direction: column; gap: 6px; font-size: 0.84rem; background: #fff; }
.fk-panel-bekliyor { border-left-color: #d97706; background: #fffbeb; }
.fk-panel-ok { border-left-color: #059669; background: #f0fdf4; }
.fk-panel-baslik { font-weight: 700; }
.fk-panel-neden { color: var(--yl-text-light); font-style: italic; white-space: pre-line; }
.fk-ayrac { margin: 0 6px; color: var(--yl-text-light); }
@media (max-width: 600px) {
    .fk-form-alt { align-items: stretch; flex-direction: column; }
}
.app-root.dark .fk-panel { background: #161b22; border-color: #30363d; color: #c9d1d9; }
.app-root.dark .fk-panel-bekliyor { border-left-color: #d97706; background: #2a2210; }
.app-root.dark .fk-panel-ok { border-left-color: #059669; background: #0f2a1d; }
.app-root.dark .fk-input { background: #0d1117; border-color: #30363d; color: #e6edf3; }