{{-- Tarih formu (qdf) — ledger diliyle aynı sade alan düzeni.

     Her alan tek satır: solda küçük büyük-harf etiket, sağda kompakt kontrol.
     Bölümler ince başlıklarla ayrılır; nadir kullanılanlar katlanır (data-qd-fold).
     Form içindeki eski qd-* işaretlemesi (deadline kuralı, ödeme aşaması satırları)
     .qdf kapsamında yeniden boyanır — o partial'lar değişmeden aynı dili konuşur. --}}
@once
<style>
    /* ═══ Tarih formu — sade defter düzeni ═══ */
    .qdf { --qdf-l: 152px; }

    /* Başka tarihten doldur */
    .qdf-copy {
        display: flex; align-items: center; gap: 8px; margin: 0 0 .55rem;
        border: 1px dashed #dbe6f5; border-radius: 10px; padding: 5px 9px; background: #fbfdff;
    }
    .qdf-copy > i { color: #93c5fd; font-size: .7rem; }
    .qdf-copy > span { font-size: .64rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #94a3b8; white-space: nowrap; }
    .qdf-copy select {
        flex: 1; min-width: 0; border: 1px solid #e6ecf5; background: #fff; border-radius: 7px;
        padding: 3px 7px; font: inherit; font-size: .74rem; font-weight: 600; color: #0f172a; outline: none;
    }
    .qdf-copy select:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .1); }

    /* ── Satırlar: geniş çekmecede iki sütun, dar ekranda tek ── */
    .qdf-rows { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); column-gap: 1.4rem; }
    .qdf-rows.one { grid-template-columns: 1fr; }

    .qdf-row {
        display: grid; grid-template-columns: var(--qdf-l) minmax(0, 1fr);
        align-items: center; gap: .5rem; min-height: 30px; margin: 0; padding: 1px 0;
    }
    .qdf-row.wide { grid-column: 1 / -1; }
    .qdf-row.top { align-items: start; padding-top: 4px; }
    .qdf-l {
        font-size: .63rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #9aa7bb;
        display: flex; align-items: baseline; gap: 4px; line-height: 1.3;
    }
    .qdf-l b { color: #ef4444; font-weight: 800; }
    .qdf-l em {
        font-style: normal; text-transform: none; letter-spacing: 0;
        font-size: .55rem; font-weight: 800; color: #15803d; background: #dcfce7;
        border-radius: 5px; padding: 1px 5px;
    }
    .qdf-v { min-width: 0; }

    /* Kontroller — .pfx-in ile aynı ölçek */
    .qdf-v input, .qdf-v select, .qdf-v textarea, .qdf .qd-inp {
        width: 100%; box-sizing: border-box;
        border: 1px solid #e6ecf5; background: #fff; border-radius: 7px;
        padding: 3px 8px; font: inherit; font-size: .78rem; font-weight: 600; color: #0f172a;
        outline: none; transition: border-color .13s, box-shadow .13s;
    }
    .qdf-v input[type="number"], .qdf-v input[type="date"], .qdf-v input[type="datetime-local"] { font-variant-numeric: tabular-nums; }
    .qdf-v input:focus, .qdf-v select:focus, .qdf-v textarea:focus, .qdf .qd-inp:focus {
        border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
    }
    .qdf-v input::placeholder, .qdf .qd-inp::placeholder { color: #cbd5e1; font-weight: 500; font-style: italic; }
    .qdf-v textarea, .qdf textarea.qd-inp { min-height: 52px; resize: vertical; line-height: 1.45; }
    .qdf-suffix { display: flex; align-items: center; gap: 6px; }
    .qdf-suffix > small { font-size: .62rem; font-weight: 700; color: #b6c2d2; white-space: nowrap; }

    /* Deadline kuralı: kendi satır düzenini korur, yalnız görünüm sadeleşir */
    .qdf .qd-fld { display: block; }
    .qdf .qd-fld > label {
        font-size: .63rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #9aa7bb;
        margin: 0 0 3px; display: block;
    }
    .qdf .qd-fld > label small { text-transform: none; letter-spacing: 0; font-weight: 600; color: #cbd5e1; }
    .qdf .qd-rule + .qd-rule { margin-top: .45rem; }
    .qdf .qd-rule-row, .qdf .qd-rule-rel { gap: .35rem; }
    .qdf .qd-rule-mode { background: #f8fbff; border-color: #dbe6f5 !important; }

    /* Ödeme aşaması satırları (JS ile de eklenir) */
    .qdf .qd-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: .4rem; }
    .qdf .qd-stage-row { align-items: end; margin-bottom: .4rem; }
    .qdf .qd-stage-act { justify-content: flex-end; display: flex; align-items: center; }
    .qdf .qd-stage-act .pqv-iconbtn { width: 26px; height: 26px; font-size: .68rem; }

    /* ── Anahtarlar: tek şerit, seçili olan dolu ── */
    .qdf-switches { display: flex; flex-wrap: wrap; gap: 5px; padding: 2px 0 3px; }
    .qdf-sw { position: relative; margin: 0; cursor: pointer; }
    .qdf-sw input { position: absolute; opacity: 0; width: 0; height: 0; }
    .qdf-sw span {
        display: inline-flex; align-items: center; gap: 5px;
        border: 1px solid #e6ecf5; background: #fff; color: #94a3b8;
        border-radius: 999px; padding: 4px 11px 4px 9px;
        font-size: .68rem; font-weight: 700; white-space: nowrap;
        transition: border-color .14s, color .14s, background .14s;
    }
    .qdf-sw span::before {
        content: ""; width: 12px; height: 12px; border-radius: 4px;
        border: 1.5px solid #dbe6f5; background: #fff; flex: none;
        transition: border-color .14s, background .14s;
    }
    .qdf-sw:hover span { border-color: #bfdbfe; color: #64748b; }
    .qdf-sw input:checked + span { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
    .qdf-sw input:checked + span::before {
        border-color: #2563eb; background: #2563eb;
        box-shadow: inset 0 0 0 2px #fff;
    }
    .qdf-sw input:focus-visible + span { box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); }

    /* ── Bölüm: belirgin başlık + katlanır gövde ──
       Belirginlik yalnızca tipografik: kutu/dolgu yok, ince ayraç ve koyu başlık. */
    .qdf-fold { border-top: 1px solid #eef2f7; }
    .qdf-fold:first-of-type { border-top: 0; }
    .qdf-fold-h {
        display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
        border: 0; background: transparent; padding: 7px 6px 7px 2px; cursor: pointer; font: inherit;
        border-radius: 8px; transition: background .13s;
    }
    .qdf-fold-h:hover { background: #f7faff; }
    .qdf-fold-h > i:first-child { color: #cbd5e1; font-size: .68rem; width: 13px; text-align: center; flex: none; transition: color .13s; }
    .qdf-fold-t {
        font-size: .74rem; font-weight: 800; letter-spacing: -.01em; color: #64748b;
        white-space: nowrap; transition: color .13s;
    }
    .qdf-fold-s {
        flex: 1; min-width: 0; font-size: .66rem; font-weight: 600; color: #b6c2d2;
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    .qdf-fold .qd-fold-chip {
        font-size: .58rem; font-weight: 800; border-radius: 999px; padding: 2px 8px; white-space: nowrap;
        color: #64748b; background: #f1f5f9; border: 0; text-transform: none; letter-spacing: 0;
    }
    .qdf-fold .qd-fold-chip.is-auto { color: #1d4ed8; background: #eff6ff; }
    .qdf-fold .qd-fold-chip.is-custom { color: #92400e; background: #fef3c7; }
    .qdf-fold .qd-fold-chip.is-empty { color: #94a3b8; background: #f1f5f9; }
    .qdf-fold-chev { font-size: .6rem; color: #d7e0ec; transition: transform .18s, color .13s; }
    .qdf-fold.open .qdf-fold-t { color: #0f172a; }
    .qdf-fold.open .qdf-fold-h > i:first-child { color: #2563eb; }
    .qdf-fold.open .qdf-fold-chev { transform: rotate(180deg); color: #94a3b8; }
    /* Gövde başlığın metniyle hizalanır — hangi alan hangi bölüme ait, boşluktan okunur */
    .qdf-fold-b { padding: 0 0 .5rem 21px; animation: qdfIn .16s ease; }
    @keyframes qdfIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }

    .qdf-hint {
        display: flex; align-items: baseline; gap: 6px; margin: 0 0 .4rem;
        font-size: .66rem; font-weight: 600; color: #b6c2d2; line-height: 1.45;
    }
    .qdf-hint i { color: #cbd5e1; font-size: .62rem; }

    .qdf-addstage {
        display: inline-flex; align-items: center; gap: 5px; margin-top: 2px;
        border: 1px dashed #dbe6f5; background: #fff; color: #64748b;
        border-radius: 8px; padding: 3px 10px; cursor: pointer;
        font: inherit; font-size: .68rem; font-weight: 700;
        transition: border-color .14s, color .14s, background .14s;
    }
    .qdf-addstage:hover { border-color: #bfdbfe; color: #1d4ed8; background: #f8fbff; }
    .qdf-addstage i { font-size: .6rem; }

    @media (max-width: 560px) {
        .qdf { --qdf-l: 118px; }
        .qdf-rows { grid-template-columns: 1fr; }
        .qdf-fold-b { padding-left: 0; }
        .qdf-fold-s { display: none; }
    }
</style>
@endonce