
<style>
    .qv-payments-wrapper {
        font-family: 'Manrope', system-ui, sans-serif;
        --pay: #059669;          /* yön rengi — JS ile değişir */
        --pay-soft: #ecfdf5;
        --pay-line: #a7f3d0;
        --ink: #0b1220;
    }
    .qv-payments-wrapper.pay-dir-out { --pay: #e11d48; --pay-soft: #fff1f2; --pay-line: #fecdd3; }

    /* ══ BAŞLIK ══ */
    .payqv-head {
        padding: 1.35rem 1.6rem 1.2rem;
        background:
            radial-gradient(120% 130% at 88% -30%, color-mix(in srgb, var(--pay) 42%, transparent), transparent 60%),
            linear-gradient(135deg, #0b1220, #16233b 60%, #0b1220);
        color: #fff;
    }
    .payqv-head-top { display: flex; align-items: center; gap: .9rem; }
    .payqv-head-txt { min-width: 0; flex: 1; }
    .payqv-icon {
        width: 44px; height: 44px; flex: none; border-radius: 14px; display: grid; place-items: center;
        font-size: 1.05rem; color: #fff;
        background: linear-gradient(135deg, var(--pay), color-mix(in srgb, var(--pay) 65%, #000));
        box-shadow: 0 8px 20px -6px color-mix(in srgb, var(--pay) 70%, transparent);
    }
    .payqv-kickline { display: flex; align-items: center; gap: .55rem; min-width: 0; }
    .payqv-kicker {
        font-family: 'JetBrains Mono', monospace; font-size: .6rem; letter-spacing: .26em;
        color: color-mix(in srgb, var(--pay) 60%, #cbd5e1); font-weight: 500;
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    /* Başlık: tıkla-düzenle. Ad verilmemişse üretilen özet soluk gösterilir. */
    .payqv-title {
        margin: 2px 0 0 -7px; padding: 1px 7px; border-radius: 9px;
        font-size: 1.18rem; font-weight: 800; color: #fff; letter-spacing: -.01em;
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
        cursor: text; transition: background .16s, box-shadow .16s;
    }
    .payqv-title.is-auto { color: #cbd5e1; font-weight: 700; }
    .payqv-title:not(.editing):hover { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
    .payqv-title:not(.editing):hover::after {
        content: '\f304'; font-family: 'Font Awesome 6 Free'; font-weight: 900;
        font-size: .58rem; opacity: .55; margin-left: 9px; vertical-align: middle;
    }
    .payqv-title.editing {
        margin-left: 0; padding: 0; overflow: visible;
        background: none !important; box-shadow: none !important;
    }
    .payqv-title-input {
        display: block; width: 100%; margin: 0;
        font-family: inherit; font-size: 1.18rem; font-weight: 800; letter-spacing: -.01em;
        color: #fff; background: rgba(255,255,255,.08);
        border: 1.5px solid var(--pay); border-radius: 10px; padding: 1px 10px; outline: none;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--pay) 16%, transparent);
    }
    .payqv-title-input::placeholder { color: #64748b; font-weight: 600; }
    .payqv-status {
        font-size: .66rem; font-weight: 800; padding: 4px 11px; border-radius: 999px; white-space: nowrap;
        color: #fff; background: color-mix(in srgb, var(--sc) 82%, transparent);
    }

    /* ── Otomatik kayıt rozeti (defter dili: mono, küçük, durum renkli) ── */
    .payqv-save {
        display: inline-flex; align-items: center; gap: 5px; flex: none;
        padding: 2px 9px; border-radius: 999px; cursor: default;
        font-family: 'JetBrains Mono', monospace; font-size: .55rem; font-weight: 600;
        letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;
        border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #94a3b8;
        transition: color .2s, border-color .2s, background .2s;
    }
    .payqv-save i { font-size: .6rem; }
    .payqv-save[data-state="saving"] { color: #fcd34d; border-color: rgba(252,211,77,.34); background: rgba(252,211,77,.1); }
    .payqv-save[data-state="saved"] {
        color: #6ee7b7; border-color: rgba(110,231,183,.32); background: rgba(16,185,129,.13);
        animation: payChipIn .3s cubic-bezier(.16,1,.3,1);
    }
    .payqv-save[data-state="error"],
    .payqv-save[data-state="blocked"] { cursor: pointer; }
    .payqv-save[data-state="error"] { color: #fda4af; border-color: rgba(253,164,175,.4); background: rgba(225,29,72,.16); }
    .payqv-save[data-state="blocked"] { color: #fdba74; border-color: rgba(253,186,116,.38); background: rgba(249,115,22,.14); }
    @keyframes payChipIn { from { transform: scale(.9); opacity: .4; } to { transform: scale(1); opacity: 1; } }

    /* ── Başlık aksiyonları (kopyala / gönder / küçült / kapat) ── */
    .payqv-head-acts { display: flex; align-items: center; gap: .4rem; margin-left: auto; flex: none; }
    .payqv-act {
        width: 34px; height: 34px; flex: none; border-radius: 11px; display: grid; place-items: center;
        border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.06);
        color: #cbd5e1; cursor: pointer; font-size: .82rem;
        transition: transform .18s cubic-bezier(.16,1,.3,1), background .18s, border-color .18s, color .18s;
    }
    .payqv-act:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.3); color: #fff; transform: translateY(-1px); }
    .payqv-act.share {
        color: #fff; border-color: transparent;
        background: linear-gradient(135deg, #4f46e5, #7c3aed);
        box-shadow: 0 8px 18px -9px rgba(124,58,237,.95);
    }
    .payqv-act.share:hover { filter: brightness(1.12); }
    .payqv-act.close:hover { background: #e11d48; border-color: #fb7185; color: #fff; transform: rotate(90deg); }

    /* Yön anahtarı */
    .payqv-dirswitch { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 1.05rem; }
    .payqv-dirbtn {
        display: flex; align-items: center; gap: .6rem; padding: .6rem .8rem; cursor: pointer;
        border-radius: 13px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05);
        color: #94a3b8; font-family: inherit; text-align: left; transition: all .18s ease;
    }
    .payqv-dirbtn i { font-size: .95rem; }
    .payqv-dirbtn b { display: block; font-size: .82rem; font-weight: 800; }
    .payqv-dirbtn small { display: block; font-size: .63rem; opacity: .75; }
    .payqv-dirbtn:hover { border-color: rgba(255,255,255,.25); color: #e2e8f0; }
    .payqv-dirbtn.in.active { background: rgba(5,150,105,.18); border-color: #10b981; color: #6ee7b7; }
    .payqv-dirbtn.out.active { background: rgba(225,29,72,.18); border-color: #f43f5e; color: #fda4af; }

    /* Tutar */
    .payqv-amountbox { margin-top: 1.05rem; }
    .payqv-amount-field {
        display: flex; align-items: center; gap: .5rem;
        background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14);
        border-radius: 15px; padding: .5rem .55rem .5rem 1rem; transition: border-color .18s;
    }
    .payqv-amount-field:focus-within { border-color: var(--pay); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pay) 18%, transparent); }
    .payqv-amount-field input {
        flex: 1; min-width: 0; border: none; background: none; outline: none; color: #fff;
        font-family: 'JetBrains Mono', monospace; font-size: 1.85rem; font-weight: 700; letter-spacing: -.02em;
    }
    .payqv-amount-field input::placeholder { color: #475569; }
    .payqv-amount-field select {
        border: none; border-radius: 10px; padding: .45rem .6rem; cursor: pointer;
        background: rgba(255,255,255,.1); color: #e2e8f0; font-family: 'JetBrains Mono', monospace;
        font-size: .8rem; font-weight: 700; outline: none;
    }
    .payqv-amount-field select option { color: #0f172a; }

    .payqv-amount-meta { display: flex; align-items: center; gap: .9rem; margin-top: .55rem; }
    .payqv-fee { display: flex; align-items: center; gap: .5rem; }
    .payqv-fee span { font-size: .66rem; font-weight: 700; color: #64748b; }
    .payqv-fee input {
        width: 96px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05);
        border-radius: 9px; padding: .28rem .55rem; color: #e2e8f0; outline: none;
        font-family: 'JetBrains Mono', monospace; font-size: .76rem; font-weight: 600;
    }
    .payqv-fee input:focus { border-color: var(--pay); }
    .payqv-net { margin-left: auto; font-size: .7rem; font-weight: 700; color: #94a3b8; }
    .payqv-net b { font-family: 'JetBrains Mono', monospace; color: #e2e8f0; }

    /* ══ GÖVDE ══ */
    .payqv-body { padding: 1.35rem 1.6rem 1.6rem; background: #fbfcfe; }
    .payqv-sec { margin-bottom: 1.5rem; }
    .payqv-sec-h {
        display: flex; align-items: center; gap: .55rem; margin-bottom: .7rem;
        font-size: .82rem; font-weight: 800; color: #0f172a;
    }
    .payqv-sec-h small { font-weight: 600; color: #94a3b8; font-size: .7rem; }
    .payqv-n {
        width: 20px; height: 20px; flex: none; border-radius: 7px; display: grid; place-items: center;
        background: var(--pay-soft); color: var(--pay); font-size: .64rem; font-weight: 800;
    }

    /* Yöntem kartları */
    .payqv-methods { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 8px; }
    .payqv-method {
        display: flex; flex-direction: column; align-items: center; gap: 6px; padding: .7rem .4rem;
        border: 1.5px solid #e8edf4; background: #fff; border-radius: 13px; cursor: pointer;
        font-family: inherit; font-size: .7rem; font-weight: 700; color: #475569; transition: all .16s ease;
    }
    .payqv-method i { font-size: .95rem; color: #94a3b8; transition: color .16s; }
    .payqv-method:hover { border-color: var(--pay-line); transform: translateY(-1px); }
    .payqv-method.active {
        border-color: var(--pay); background: var(--pay-soft); color: color-mix(in srgb, var(--pay) 80%, #000);
        box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--pay) 70%, transparent);
    }
    .payqv-method.active i { color: var(--pay); }

    .payqv-extra { margin-top: .8rem; padding: .85rem; background: #fff; border: 1px dashed #e2e8f0; border-radius: 13px; }
    .payqv-extra[hidden] { display: none; }

    /* Form alanları */
    .payqv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
    .payqv-fld { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
    .payqv-fld > span {
        font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #94a3b8;
    }
    .payqv-fld > span small { text-transform: none; letter-spacing: 0; font-weight: 600; color: #cbd5e1; }
    .payqv-fld input, .payqv-fld select, .payqv-fld textarea {
        border: 1.5px solid #e8edf4; background: #fff; border-radius: 10px; padding: .5rem .7rem;
        font-family: inherit; font-size: .84rem; color: #0f172a; outline: none; transition: all .16s ease;
    }
    .payqv-fld input:focus, .payqv-fld select:focus, .payqv-fld textarea:focus {
        border-color: var(--pay); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pay) 14%, transparent);
    }
    .payqv-fld textarea { resize: vertical; }
    .payqv-wide { grid-column: 1 / -1; }
    .payqv-invoice { margin-top: .8rem; }
    .payqv-fld[hidden] { display: none; }
    /* Fatura seçimi + kartına atla düğmesi yan yana */
    .payqv-invrow { display: flex; align-items: center; gap: .5rem; }
    .payqv-invrow select { flex: 1; min-width: 0; }
    .payqv-invrow .payqv-jump { margin-left: 0; }
    .payqv-invrow .payqv-jump[hidden] { display: none; }

    /* Taraf seçimi */
    .payqv-partytypes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: .65rem; }
    .payqv-partytypes button {
        display: inline-flex; align-items: center; gap: 6px; padding: .4rem .8rem; cursor: pointer;
        border: 1.5px solid #e8edf4; background: #fff; border-radius: 999px;
        font-family: inherit; font-size: .74rem; font-weight: 700; color: #64748b; transition: all .16s;
    }
    .payqv-partytypes button:hover { border-color: var(--pay-line); color: #334155; }
    .payqv-partytypes button.active { background: var(--pay); border-color: var(--pay); color: #fff; }

    .payqv-search { position: relative; }
    .payqv-search[hidden] { display: none; }
    .payqv-search > i { position: absolute; left: .8rem; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: .8rem; }
    .payqv-search > input {
        width: 100%; border: 1.5px solid #e8edf4; background: #fff; border-radius: 11px;
        padding: .55rem .8rem .55rem 2.1rem; font-family: inherit; font-size: .84rem; color: #0f172a; outline: none;
    }
    .payqv-search > input:focus { border-color: var(--pay); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pay) 14%, transparent); }
    .payqv-results {
        position: absolute; top: calc(100% + 5px); left: 0; right: 0; z-index: 40; max-height: 240px; overflow-y: auto;
        background: #fff; border: 1px solid #e8edf4; border-radius: 12px; box-shadow: 0 18px 40px rgba(15,23,42,.14); padding: 5px;
    }
    .payqv-results[hidden] { display: none; }
    .payqv-results button {
        display: block; width: 100%; text-align: left; border: none; background: none; cursor: pointer;
        padding: .45rem .6rem; border-radius: 9px; font-family: inherit; transition: background .12s;
    }
    .payqv-results button:hover { background: var(--pay-soft); }
    .payqv-results b { display: block; font-size: .82rem; font-weight: 700; color: #0f172a; }
    .payqv-results small { display: block; font-size: .7rem; color: #94a3b8; }
    .payqv-rtop { display: flex; align-items: center; gap: 7px; min-width: 0; }
    .payqv-rtop b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .payqv-rchip {
        display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0;
        font-size: .6rem; font-weight: 800; padding: 2px 7px; border-radius: 999px;
    }
    .payqv-rchip.inv { background: #eef2ff; color: #4338ca; }
    .payqv-rchip.sale { background: #ecfdf5; color: #047857; }

    .payqv-chosen, .payqv-linked {
        display: flex; align-items: center; gap: .7rem; margin-top: .6rem; padding: .6rem .75rem;
        background: #fff; border: 1.5px solid var(--pay-line); border-radius: 12px;
    }
    .payqv-chosen[hidden], .payqv-linked[hidden] { display: none; }
    .payqv-chosen-av {
        width: 32px; height: 32px; flex: none; border-radius: 10px; display: grid; place-items: center;
        background: var(--pay-soft); color: var(--pay); font-size: .9rem;
    }
    .payqv-chosen-txt { min-width: 0; }
    .payqv-chosen-txt b { display: block; font-size: .85rem; font-weight: 700; color: #0f172a; }
    .payqv-chosen-txt small { display: block; font-size: .68rem; color: #94a3b8; }
    .payqv-linked-main { min-width: 0; flex: 1; }
    .payqv-linked-code { display: block; font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: .85rem; color: var(--pay); }
    .payqv-linked-title {
        display: block; font-size: .8rem; font-weight: 700; color: #0f172a; margin-top: 1px;
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    .payqv-linked-title:empty { display: none; }
    .payqv-linked-sub { display: block; font-size: .7rem; color: #64748b; }
    .payqv-linked-bal { font-size: .72rem; color: #64748b; white-space: nowrap; }
    .payqv-linked-bal b { font-family: 'JetBrains Mono', monospace; color: #0f172a; }

    .payqv-jump, .payqv-chosen-x {
        width: 28px; height: 28px; flex: none; border-radius: 9px; display: grid; place-items: center;
        border: 1px solid #e8edf4; background: #fff; color: #94a3b8; cursor: pointer; font-size: .7rem; transition: all .15s;
    }
    .payqv-jump { margin-left: auto; }
    /* display:grid, UA'nın [hidden] kuralını eziyordu — gizlenen düğme gerçekten kaybolsun */
    .payqv-jump[hidden] { display: none; }
    .payqv-jump:hover { border-color: var(--pay); color: var(--pay); background: var(--pay-soft); }
    .payqv-chosen-x:hover { border-color: #fca5a5; color: #dc2626; background: #fef2f2; }

    /* Faturasız satış uyarısı */
    .payqv-nofinv {
        display: flex; align-items: flex-start; gap: .7rem; margin-top: .8rem; padding: .75rem .85rem;
        background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px;
    }
    .payqv-nofinv[hidden] { display: none; }
    .payqv-nofinv > i { color: #d97706; font-size: .95rem; margin-top: 2px; }
    .payqv-nofinv b { display: block; font-size: .8rem; color: #92400e; }
    .payqv-nofinv span { display: block; font-size: .72rem; color: #a16207; line-height: 1.5; margin-top: 2px; }
    .payqv-nofinv-btn {
        margin-left: auto; align-self: center; flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px;
        border: 1px solid #fcd34d; background: #fff; color: #b45309; cursor: pointer; white-space: nowrap;
        font-family: inherit; font-size: .74rem; font-weight: 800; padding: .42rem .8rem; border-radius: 9px; transition: .15s;
    }
    .payqv-nofinv-btn:hover { background: #fef3c7; border-color: #f59e0b; }

    /* Belgeler */
    .payqv-drop {
        display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 1.35rem 1rem; cursor: pointer;
        border: 2px dashed #d7dfea; border-radius: 15px; background: #fff; transition: all .18s ease; text-align: center;
    }
    .payqv-drop:hover, .payqv-drop.is-over { border-color: var(--pay); background: var(--pay-soft); }
    .payqv-drop i { font-size: 1.35rem; color: var(--pay); margin-bottom: 3px; }
    .payqv-drop b { font-size: .84rem; font-weight: 800; color: #334155; }
    .payqv-drop span { font-size: .69rem; color: #94a3b8; }

    .payqv-docs { display: flex; flex-direction: column; gap: 7px; margin-top: .7rem; }
    .payqv-doc {
        display: flex; align-items: center; gap: .65rem; padding: .55rem .7rem;
        background: #fff; border: 1px solid #e8edf4; border-radius: 11px;
    }
    .payqv-doc.is-pending { border-style: dashed; background: #fcfdff; }
    .payqv-doc-ic {
        width: 30px; height: 30px; flex: none; border-radius: 9px; display: grid; place-items: center;
        background: var(--pay-soft); color: var(--pay); font-size: .78rem;
    }
    .payqv-doc-txt { min-width: 0; flex: 1; }
    .payqv-doc-txt b { display: block; font-size: .79rem; font-weight: 700; color: #0f172a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .payqv-doc-txt small { display: block; font-size: .67rem; color: #94a3b8; }
    .payqv-doc-btn {
        width: 28px; height: 28px; flex: none; border-radius: 8px; display: grid; place-items: center;
        border: 1px solid #e8edf4; background: #fff; color: #64748b; cursor: pointer; font-size: .7rem;
        text-decoration: none; transition: all .15s;
    }
    .payqv-doc-btn:hover { border-color: var(--pay); color: var(--pay); }
    .payqv-doc-btn.danger:hover { border-color: #fca5a5; color: #dc2626; background: #fef2f2; }

    /* İz kaydı + alt çubuk */
    .payqv-trail {
        display: flex; flex-wrap: wrap; gap: 1rem; padding: .7rem .9rem; margin-bottom: 1rem;
        background: #f8fafc; border-radius: 11px; font-size: .69rem; color: #94a3b8; font-weight: 600;
    }
    .payqv-trail-note { color: #b45309; }

    /* Otomatik kayıt başarısız: sebep + tekrar dene */
    .payqv-save-error {
        margin-bottom: 1rem; padding: .85rem .95rem;
        border: 1px solid #fecdd3; background: #fff1f2; border-radius: 13px;
    }
    .payqv-save-error[hidden] { display: none; }
    .payqv-save-error-head { display: flex; align-items: center; gap: .5rem; font-size: .84rem; font-weight: 800; color: #be123c; }
    .payqv-save-error-msg { margin: .3rem 0 .65rem; font-size: .75rem; line-height: 1.55; color: #9f1239; }
    .payqv-save-error-btn {
        display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
        border: 1px solid #fda4af; background: #fff; color: #be123c;
        font-family: inherit; font-size: .74rem; font-weight: 800; padding: .4rem .85rem; border-radius: 9px; transition: .15s;
    }
    .payqv-save-error-btn:hover { background: #ffe4e6; border-color: #fb7185; }

    .payqv-foot {
        display: flex; align-items: center; gap: .6rem; padding-top: 1rem; border-top: 1px solid #eef2f7;
    }
    .payqv-foot-note {
        display: inline-flex; align-items: center; gap: 6px; margin-right: .3rem;
        font-size: .69rem; font-weight: 700; color: #94a3b8;
    }
    .payqv-foot-note i { color: var(--pay); }
    .payqv-btn {
        display: inline-flex; align-items: center; gap: .45rem; border: none; cursor: pointer;
        font-family: inherit; font-size: .82rem; font-weight: 800; padding: .6rem 1.25rem; border-radius: 12px;
        transition: all .17s ease;
    }
    .payqv-btn.ghost { background: #fff; border: 1px solid #e2e8f0; color: #64748b; }
    .payqv-btn.ghost:hover { border-color: #cbd5e1; color: #0f172a; }
    .payqv-btn.danger { background: #fff; border: 1px solid #fecaca; color: #dc2626; }
    .payqv-btn.danger:hover { background: #fef2f2; }
    .payqv-btn.solid {
        color: #fff;
        background: linear-gradient(135deg, var(--pay), color-mix(in srgb, var(--pay) 70%, #000));
        box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--pay) 80%, transparent);
    }
    .payqv-btn.solid:hover { transform: translateY(-1px); filter: brightness(1.06); }
    .payqv-btn:disabled { opacity: .6; cursor: default; transform: none; }
</style>
<?php /**PATH C:\xampp\htdocs\acente\resources\views/agency/payments/partials/quick-view-styles.blade.php ENDPATH**/ ?>