{{-- Yolcu manifestosu (tablo + modallar) stilleri — `pmf-` ad alanı --}}
<style>
    /* ═══ ARAÇ ÇUBUĞU ═══ */
    .pmf-bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
        background:linear-gradient(135deg,#f8fafc,#f1f5f9); border:1px solid #e2e8f0; border-radius:14px;
        padding:.65rem .85rem; margin-bottom:.85rem; }
    .pmf-stats { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; }
    .pmf-stat { display:inline-flex; align-items:center; gap:6px; font-size:.76rem; font-weight:600; color:#64748b; }
    .pmf-stat i { color:#94a3b8; font-size:.78rem; }
    .pmf-stat b { color:#1e293b; font-weight:800; }
    .pmf-stat.ok i, .pmf-stat.ok b { color:#16a34a; }
    .pmf-stat.warn i, .pmf-stat.warn b { color:#d97706; }
    .pmf-sep { width:1px; height:14px; background:#e2e8f0; }

    .pmf-actions { display:flex; align-items:center; gap:.45rem; flex-wrap:wrap; }
    .pmf-view { display:inline-flex; background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:2px; gap:2px; }
    .pmf-view button { border:none; background:transparent; color:#94a3b8; width:30px; height:26px; border-radius:8px; cursor:pointer; font-size:.78rem; transition:.15s; }
    .pmf-view button:hover { color:#475569; background:#f1f5f9; }
    .pmf-view button.active { background:#1e293b; color:#fff; }

    .pmf-btn { display:inline-flex; align-items:center; gap:6px; border:1px solid transparent; border-radius:10px;
        padding:.42rem .8rem; font-size:.76rem; font-weight:800; cursor:pointer; transition:.15s; white-space:nowrap; }
    .pmf-btn-exp { background:#dcfce7; color:#15803d; }
    .pmf-btn-exp:hover { background:#bbf7d0; }
    .pmf-btn-doc { background:#eef2ff; color:#4338ca; }
    .pmf-btn-doc:hover { background:#e0e7ff; }

    /* ═══ TABLO ═══ */
    .pmf-table-scroll { overflow-x:auto; border:1px solid #e8ecf3; border-radius:14px; background:#fff; }
    .pmf-table { width:100%; border-collapse:separate; border-spacing:0; min-width:900px; }
    .pmf-table thead th { position:sticky; top:0; z-index:2; background:#f8fafc; border-bottom:1.5px solid #e8ecf3;
        font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:#94a3b8;
        padding:.6rem .6rem; text-align:left; white-space:nowrap; }
    .pmf-th-check { width:34px; }
    .pmf-th-no { width:36px; }
    .pmf-th-ops { width:104px; }
    .pmf-th-sm { width:82px; }
    .pmf-th-doc { width:150px; }
    .pmf-th-act { width:96px; }
    .pmf-table tbody td { padding:.5rem .6rem; border-bottom:1px solid #f1f5f9; vertical-align:middle; font-size:.8rem; color:#334155; }
    .pmf-table tbody tr:hover td { background:#fcfdff; }
    .pmf-table tbody tr.is-unnamed td { background:#fffdf7; }
    .pmf-table tbody tr.is-unnamed:hover td { background:#fffbeb; }
    .pmf-no { color:#cbd5e1; font-weight:800; font-size:.72rem; }

    .pmf-pax { display:flex; align-items:center; gap:8px; min-width:0; }
    /* Yolcu adı tıklanabilir: müşteri kartının Yolcular sekmesi açılır */
    .pmf-pax.is-link { cursor:pointer; border-radius:9px; margin:-3px -5px; padding:3px 5px; transition:background .15s; }
    .pmf-pax.is-link:hover { background:#f5f3ff; }
    .pmf-pax.is-link:hover .pmf-name { color:#4f46e5; text-decoration:underline; text-underline-offset:2px; }
    .pmf-av { width:28px; height:28px; flex:none; border-radius:9px; display:grid; place-items:center;
        background:linear-gradient(135deg,#6366f1,#4f46e5); color:#fff; font-size:.72rem; font-weight:800; }
    .pmf-av.ghost { background:#e2e8f0; color:#94a3b8; }
    .pmf-pax-txt { min-width:0; display:flex; flex-direction:column; gap:1px; }
    .pmf-name { font-weight:700; color:#1e293b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .pmf-meta { display:flex; align-items:center; gap:6px; font-size:.68rem; color:#94a3b8; flex-wrap:wrap; }
    .pmf-chip { background:#f1f5f9; color:#64748b; border-radius:999px; padding:0 6px; font-weight:700; font-size:.63rem; }
    .pmf-chip.ok { background:#dcfce7; color:#15803d; }
    .pmf-chip.warn { background:#fef3c7; color:#92400e; }
    .pmf-dash { color:#cbd5e1; }

    .pmf-idcell, .pmf-rescell { display:flex; flex-direction:column; gap:2px; font-size:.72rem; color:#64748b; }
    .pmf-idcell i { color:#cbd5e1; width:12px; margin-right:5px; }
    .pmf-idcell small { color:#cbd5e1; }
    .pmf-link { border:none; background:transparent; padding:0; font-weight:800; font-size:.74rem; color:#4f46e5; cursor:pointer; text-align:left; }
    .pmf-link:hover { text-decoration:underline; }
    /* Rezervasyon hücresindeki müşteri linki — sessiz ton, hover'da belirginleşir */
    .pmf-link.pmf-cust { color:#64748b; font-weight:700; font-size:.7rem; }
    .pmf-link.pmf-cust:hover { color:#4f46e5; }

    /* Anlık kaydedilen hücre */
    .pmf-cell { width:100%; min-width:0; background:#fff; border:1.5px solid #e8ecf3; border-radius:8px;
        padding:.3rem .45rem; font-size:.76rem; font-weight:600; color:#1e293b; transition:border-color .15s, box-shadow .15s, background .3s; }
    .pmf-cell::placeholder { color:#cbd5e1; font-weight:500; }
    .pmf-cell:hover { border-color:#cfd9e6; }
    .pmf-cell:focus { outline:none; border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.12); }
    .pmf-cell.is-saving { border-color:#fbbf24; background:#fffbeb; }
    .pmf-cell.is-ok { border-color:#86efac; background:#f0fdf4; }
    .pmf-cell.is-err { border-color:#fca5a5; background:#fef2f2; }

    .pmf-doccell { display:flex; align-items:center; gap:6px; }
    .pmf-docbadge { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; border-radius:999px;
        padding:2px 8px; font-size:.62rem; font-weight:800; background:#eef2ff; color:#4338ca; border:1px solid #c7d2fe; }
    .pmf-docbadge.none { background:#f8fafc; color:#94a3b8; border-color:#e8ecf3; }

    .pmf-rowbtns { display:flex; gap:3px; justify-content:flex-end; }
    .pmf-iconbtn { width:26px; height:26px; border-radius:8px; border:1px solid #e8ecf3; background:#fff; color:#94a3b8;
        display:grid; place-items:center; cursor:pointer; font-size:.7rem; transition:.15s; text-decoration:none; }
    .pmf-iconbtn:hover { border-color:#c7d2fe; color:#4f46e5; background:#f5f3ff; }
    .pmf-iconbtn.ok { color:#16a34a; }
    .pmf-iconbtn.open i { transform:rotate(180deg); }
    .pmf-iconbtn i { transition:transform .18s; }

    /* İsimsiz yolcu satırında "Ad gir" aksiyonu */
    .pmf-addpax { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; border:1px solid #fde68a;
        background:#fffbeb; color:#92400e; font-size:.64rem; font-weight:800; border-radius:8px;
        padding:.2rem .5rem; cursor:pointer; transition:.15s; }
    .pmf-addpax:hover { background:#fef3c7; border-color:#fcd34d; }
    .pmf-addpax i { font-size:.62rem; }

    .pmf-detail td { background:#f8fafc !important; padding:.75rem .9rem !important; }
    .pmf-detail-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:.6rem; }
    .pmf-dfld { display:flex; flex-direction:column; gap:3px; min-width:0; }
    .pmf-dfld.wide { grid-column:span 2; }
    .pmf-dfld label { font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#94a3b8; }
    .pmf-dfld > span { font-size:.76rem; font-weight:600; color:#334155; }

    .pmf-empty { text-align:center; color:#94a3b8; padding:2.4rem 1rem !important; font-size:.82rem; }
    .pmf-empty i { display:block; font-size:1.8rem; color:#cbd5e1; margin-bottom:.6rem; }

    .pmf-foot { display:flex; align-items:center; gap:.7rem; margin-top:.55rem; font-size:.7rem; color:#94a3b8; }
    .pmf-selinfo { background:#eef2ff; color:#4338ca; border-radius:999px; padding:2px 9px; font-weight:800; }
    .pmf-hint i { color:#f59e0b; margin-right:3px; }

    .pmf-check { position:relative; display:inline-flex; cursor:pointer; }
    .pmf-check input { position:absolute; opacity:0; width:0; height:0; }
    .pmf-check span { width:16px; height:16px; border-radius:5px; border:1.5px solid #cbd5e1; background:#fff; transition:.15s; display:block; }
    .pmf-check input:checked + span { background:#4f46e5; border-color:#4f46e5;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M6.2 11.4 3 8.2l1.1-1.1 2.1 2.1 5.7-5.7L13 4.6z'/%3E%3C/svg%3E");
        background-size:contain; }

    /* ═══ MODALLAR ═══ */
    .pmf-ov { position:fixed; inset:0; z-index:1090; background:rgba(15,23,42,.55); backdrop-filter:blur(3px);
        display:flex; align-items:center; justify-content:center; padding:1.5rem; }
    .pmf-ov[hidden] { display:none; }
    .pmf-ov-card { width:100%; max-width:660px; max-height:88vh; display:flex; flex-direction:column;
        background:#f8fafc; border-radius:20px; overflow:hidden; box-shadow:0 32px 80px rgba(2,6,23,.42); }
    .pmf-ov-card.wide { max-width:860px; }

    .pmf-ov-head { display:flex; align-items:center; gap:.85rem; padding:1.05rem 1.3rem;
        background:linear-gradient(135deg,#0f172a,#1e293b 60%,#065f46 160%); }
    .pmf-ov-head.doc { background:linear-gradient(135deg,#0f172a,#1e293b 60%,#3730a3 160%); }
    .pmf-ov-ico { width:38px; height:38px; flex:none; border-radius:12px; display:grid; place-items:center;
        background:linear-gradient(135deg,#10b981,#059669); color:#fff; font-size:.95rem; box-shadow:0 6px 16px rgba(16,185,129,.4); }
    .pmf-ov-ico.doc { background:linear-gradient(135deg,#6366f1,#4338ca); box-shadow:0 6px 16px rgba(79,70,229,.4); }
    .pmf-ov-txt h5 { margin:0; font-size:1rem; font-weight:800; color:#fff; }
    .pmf-ov-txt p { margin:2px 0 0; font-size:.72rem; color:#94a3b8; font-weight:600; }
    .pmf-ov-x { margin-left:auto; width:32px; height:32px; border:none; border-radius:10px;
        background:rgba(255,255,255,.1); color:#cbd5e1; cursor:pointer; }
    .pmf-ov-x:hover { background:rgba(255,255,255,.2); color:#fff; }

    .pmf-ov-body { padding:1.05rem 1.3rem; overflow-y:auto; flex:1; }
    .pmf-ov-foot { display:flex; align-items:center; gap:.55rem; padding:.8rem 1.3rem; background:#fff; border-top:1px solid #e2e8f0; }

    .pmf-sec { margin-bottom:1.05rem; }
    .pmf-sec:last-child { margin-bottom:0; }
    .pmf-sec-h { display:flex; align-items:center; gap:8px; font-size:.79rem; font-weight:800; color:#1e293b; margin-bottom:.55rem; flex-wrap:wrap; }
    .pmf-sec-n { width:19px; height:19px; flex:none; border-radius:7px; display:grid; place-items:center;
        font-size:.65rem; font-weight:800; color:#fff; background:linear-gradient(135deg,#f59e0b,#d97706); }
    .pmf-sec-hint { font-weight:600; font-size:.68rem; color:#94a3b8; margin-left:auto; }
    .pmf-mini { border:1px solid #e2e8f0; background:#fff; color:#64748b; font-size:.65rem; font-weight:800;
        border-radius:7px; padding:1px 8px; cursor:pointer; }
    .pmf-mini:hover { border-color:#c7d2fe; color:#4f46e5; }

    .pmf-presets { display:grid; grid-template-columns:repeat(auto-fill,minmax(158px,1fr)); gap:.45rem; }
    .pmf-preset { display:flex; align-items:center; gap:8px; background:#fff; border:1.5px solid #e3e9f2; border-radius:11px;
        padding:.5rem .65rem; cursor:pointer; transition:.15s; text-align:left; }
    .pmf-preset i { color:#94a3b8; font-size:.8rem; flex:none; }
    .pmf-preset span { font-size:.74rem; font-weight:700; color:#475569; }
    .pmf-preset:hover { border-color:#cfd9e6; transform:translateY(-1px); }
    .pmf-preset.active { border-color:#10b981; background:#f0fdf4; box-shadow:0 4px 12px rgba(16,185,129,.15); }
    .pmf-preset.active i, .pmf-preset.active span { color:#047857; }

    .pmf-colgroups { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:.55rem; }
    .pmf-colgroup { background:#fff; border:1px solid #e8ecf3; border-radius:12px; padding:.55rem .65rem; }
    .pmf-colgroup-h { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:.4rem;
        font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#94a3b8; }
    .pmf-cols { display:flex; flex-direction:column; gap:2px; }
    .pmf-col { display:flex; align-items:center; gap:7px; font-size:.74rem; font-weight:600; color:#475569;
        cursor:pointer; padding:2px 3px; border-radius:6px; }
    .pmf-col:hover { background:#f8fafc; }
    .pmf-col input { accent-color:#10b981; }

    .pmf-formats { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:.45rem; }
    .pmf-fmt input { position:absolute; opacity:0; }
    .pmf-fmt-face { display:flex; flex-direction:column; gap:1px; background:#fff; border:1.5px solid #e3e9f2;
        border-radius:12px; padding:.6rem .7rem; cursor:pointer; transition:.15s; }
    .pmf-fmt-face i { font-size:1rem; margin-bottom:2px; }
    .pmf-fmt-face b { font-size:.78rem; color:#1e293b; }
    .pmf-fmt-face small { font-size:.64rem; color:#94a3b8; font-weight:600; }
    .pmf-fmt input:checked + .pmf-fmt-face { border-color:#10b981; background:#f0fdf4; box-shadow:0 4px 12px rgba(16,185,129,.15); }

    .pmf-select, .pmf-input { width:100%; background:#fff; border:1.5px solid #e3e9f2; border-radius:10px;
        padding:.48rem .65rem; font-size:.82rem; font-weight:600; color:#1e293b; }
    .pmf-select:focus, .pmf-input:focus { outline:none; border-color:#e11d48; box-shadow:0 0 0 3px rgba(225,29,72,.12); }

    .pmf-radio, .pmf-switch { display:flex; align-items:flex-start; gap:9px; background:#fff; border:1.5px solid #e3e9f2;
        border-radius:12px; padding:.55rem .7rem; cursor:pointer; margin-bottom:.4rem; transition:.15s; }
    .pmf-radio input, .pmf-switch input { margin-top:3px; accent-color:#e11d48; }
    .pmf-radio b, .pmf-switch b { display:block; font-size:.78rem; font-weight:800; color:#1e293b; }
    .pmf-radio small { display:block; font-size:.67rem; color:#94a3b8; font-weight:600; margin-top:1px; }
    .pmf-switch span { font-size:.76rem; color:#475569; font-weight:600; }
    .pmf-radio:has(input:checked), .pmf-switch:has(input:checked) { border-color:#e11d48; background:#fff1f2; }

    .pmf-manual { margin-top:.55rem; display:flex; flex-direction:column; gap:.45rem; }
    .pmf-manual-h { font-size:.68rem; font-weight:800; color:#94a3b8; text-transform:uppercase; letter-spacing:.04em; }
    .pmf-manual-h i { color:#e11d48; margin-right:4px; }
    .pmf-mfld { display:flex; flex-direction:column; gap:3px; }
    .pmf-mfld label { font-size:.66rem; font-weight:800; color:#94a3b8; }

    .pmf-note { display:flex; gap:8px; align-items:flex-start; border-radius:12px; padding:.7rem .85rem;
        font-size:.75rem; line-height:1.5; font-weight:600; }
    .pmf-note.warn { background:#fffbeb; border:1px solid #fde68a; color:#92400e; }
    .pmf-note i { margin-top:2px; }

    .pmf-doc { background:#fff; border:1.5px solid #e3e9f2; border-radius:12px; padding:1rem 1.15rem;
        min-height:260px; max-height:44vh; overflow-y:auto; font-size:.82rem; line-height:1.7; color:#1e293b; }
    .pmf-doc:focus { outline:none; border-color:#e11d48; box-shadow:0 0 0 3px rgba(225,29,72,.1); }

    .pmf-cancel { border:1.5px solid #e2e8f0; background:#fff; color:#64748b; font-weight:700; font-size:.78rem;
        border-radius:10px; padding:.45rem 1rem; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; }
    .pmf-cancel:hover { background:#f1f5f9; color:#475569; }
    .pmf-danger { border:1.5px solid #fecaca; background:#fff; color:#dc2626; font-weight:700; font-size:.78rem;
        border-radius:10px; padding:.45rem 1rem; cursor:pointer; }
    .pmf-danger:hover { background:#fef2f2; }
    .pmf-go { border:none; background:linear-gradient(135deg,#10b981,#059669); color:#fff; font-weight:800; font-size:.8rem;
        border-radius:10px; padding:.45rem 1.15rem; cursor:pointer; box-shadow:0 5px 14px rgba(16,185,129,.32); }
    .pmf-go.doc { background:linear-gradient(135deg,#6366f1,#4338ca); box-shadow:0 5px 14px rgba(79,70,229,.32); }
    .pmf-go:disabled { opacity:.65; cursor:wait; }

    /* ── Yolcu giriş modalı (ad/soyad/TCKN/doğum tarihi) ── */
    .pmf-btn-pax { background:#fff7ed; color:#c2410c; }
    .pmf-btn-pax:hover { background:#ffedd5; }

    .pmf-ov-head.pax { background:linear-gradient(135deg,#0f172a,#1e293b 60%,#7c2d12 165%); }
    .pmf-ov-ico.pax { background:linear-gradient(135deg,#fb923c,#ea580c); box-shadow:0 6px 16px rgba(234,88,12,.4); }
    .pmf-go.pax { background:linear-gradient(135deg,#f97316,#ea580c); box-shadow:0 5px 14px rgba(234,88,12,.32); }

    /* Form ızgarası: 2 kolon, dar ekranda tek kolona iner */
    .pmf-fgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:.6rem; }
    .pmf-fld { display:flex; flex-direction:column; gap:4px; min-width:0; }
    .pmf-fld.wide { grid-column:1 / -1; }
    .pmf-fld > label { display:flex; align-items:center; gap:6px; font-size:.66rem; font-weight:800;
        text-transform:uppercase; letter-spacing:.04em; color:#94a3b8; }
    .pmf-fld > label em { font-style:normal; color:#f43f5e; }
    .pmf-fld .pmf-input.is-bad, .pmf-fld .pmf-select.is-bad { border-color:#fca5a5; background:#fef2f2; }
    .pmf-fhint { font-size:.65rem; font-weight:700; color:#94a3b8; min-height:.9rem; }
    .pmf-fhint.bad { color:#dc2626; }
    .pmf-fhint.good { color:#15803d; }

    /* Modal içi seçili rezervasyon özeti */
    .pmf-saleinfo { display:flex; align-items:center; gap:9px; background:#f8fafc; border:1px solid #e8ecf3;
        border-radius:12px; padding:.6rem .75rem; }
    .pmf-saleinfo i { color:#94a3b8; }
    .pmf-saleinfo b { font-size:.8rem; font-weight:800; color:#1e293b; }
    .pmf-saleinfo small { display:block; font-size:.67rem; font-weight:600; color:#94a3b8; }

    /* Satır detayındaki alt başlıklar */
    .pmf-dsec { display:flex; align-items:center; gap:7px; font-size:.66rem; font-weight:800; text-transform:uppercase;
        letter-spacing:.04em; color:#64748b; margin:.15rem 0 .5rem; }
    .pmf-dsec + .pmf-detail-grid { margin-bottom:.85rem; }
    .pmf-dsec i { color:#cbd5e1; }
    .pmf-dsec small { text-transform:none; letter-spacing:0; font-weight:600; font-size:.64rem; color:#cbd5e1; }
    .pmf-agechip { background:#eef2ff; color:#4338ca; border-radius:999px; padding:0 6px; font-size:.6rem; font-weight:800; }

    @media (max-width:640px) {
        .pmf-bar { flex-direction:column; align-items:stretch; }
        .pmf-actions { justify-content:flex-end; }
        .pmf-dfld.wide { grid-column:span 1; }
        .pmf-fgrid { grid-template-columns:1fr; }
    }
</style>