/*
 * PlayMeu Owner — Payment Confirmation V6
 * Phase 2A-R2
 * Scoped to .pm-payment-confirmation-page
 */

.pm-payment-confirmation-page{
    --pm-pc-navy:#071336;
    --pm-pc-text:#17233f;
    --pm-pc-muted:#6b7891;
    --pm-pc-border:#dfe5ef;
    --pm-pc-panel:#ffffff;
    --pm-pc-bg:#f5f7fb;
    --pm-pc-danger:#c73b4c;
    color:var(--pm-pc-text);
    width:100%;
    max-width:100%;
}

.pm-pc-page-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}

.pm-pc-page-copy h1{
    margin:0;
    color:var(--pm-pc-navy);
    font-size:24px;
    line-height:1.18;
    font-weight:800;
    letter-spacing:-.02em;
}

.pm-pc-page-copy p{
    margin:5px 0 0;
    color:var(--pm-pc-muted);
    font-size:13px;
    line-height:1.45;
}

.pm-pc-page-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}

.pm-pc-btn{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid #d6deea;
    border-radius:8px;
    background:#fff;
    color:#17233f;
    padding:8px 12px;
    font:inherit;
    font-size:12px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;
}

.pm-pc-btn:hover:not(:disabled){border-color:#aeb9cb;box-shadow:0 4px 12px rgba(15,32,68,.08)}
.pm-pc-btn:active:not(:disabled){transform:translateY(1px)}
.pm-pc-btn:disabled{opacity:.58;cursor:not-allowed}
.pm-pc-btn-primary{background:var(--pm-pc-navy);border-color:var(--pm-pc-navy);color:#fff}
.pm-pc-btn-primary:hover:not(:disabled){background:#0c1d4b;border-color:#0c1d4b}
.pm-pc-btn-danger{color:#b52d41;border-color:#e7c1c8;background:#fff8f9}
.pm-pc-btn-small{min-height:32px;padding:7px 10px}

.pm-pc-btn:focus-visible,
.pm-pc-tab:focus-visible,
.pm-pc-close:focus-visible,
.pm-pc-proof:focus-visible,
.pm-pc-proof-zoom-close:focus-visible,
.pm-pc-search input:focus-visible,
.pm-pc-select:focus-visible,
.pm-pc-note textarea:focus-visible{
    outline:3px solid rgba(67,119,255,.22);
    outline-offset:2px;
}

.pm-pc-alert{border:1px solid;border-radius:9px;padding:10px 12px;margin:0 0 12px;font-size:12px;font-weight:650;line-height:1.45}
.pm-pc-alert-error{color:#9f2435;border-color:#f0c6cc;background:#fff5f6}
.pm-pc-alert-success{color:#18613e;border-color:#bfe1d0;background:#f2fbf6}

.pm-pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.pm-pc-stat{min-width:0;background:var(--pm-pc-panel);border:1px solid var(--pm-pc-border);border-radius:10px;padding:13px 14px;box-shadow:0 1px 2px rgba(18,37,73,.025)}
.pm-pc-stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pm-pc-stat-label{color:#5f6d86;font-size:11px;font-weight:750;line-height:1.3}
.pm-pc-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:8px;background:#f0f3f8;color:#445574;font-size:14px;font-weight:900}
.pm-pc-stat-value{display:block;margin-top:7px;color:var(--pm-pc-navy);font-size:24px;font-weight:850;line-height:1;letter-spacing:-.03em}
.pm-pc-stat-caption{display:block;margin-top:5px;color:#8994a8;font-size:10.5px;line-height:1.35}

.pm-pc-workspace{overflow:hidden;background:var(--pm-pc-panel);border:1px solid var(--pm-pc-border);border-radius:10px}
.pm-pc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-bottom:1px solid var(--pm-pc-border);background:#fbfcfe}
.pm-pc-tabs{display:flex;align-items:center;gap:4px;flex:0 0 auto;background:#eef2f7;border-radius:8px;padding:3px}
.pm-pc-tab{min-height:30px;border:0;border-radius:6px;background:transparent;color:#65728a;padding:6px 10px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.pm-pc-tab.active{background:#fff;color:var(--pm-pc-navy);box-shadow:0 1px 3px rgba(16,34,68,.1)}
.pm-pc-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.pm-pc-search{height:34px;width:min(280px,31vw);min-width:190px;display:flex;align-items:center;gap:7px;border:1px solid #d8e0ec;border-radius:8px;background:#fff;padding:0 10px;color:#7a879b}
.pm-pc-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#1b2945;font:inherit;font-size:11.5px}
.pm-pc-search input::placeholder{color:#9aa4b4}
.pm-pc-select{height:34px;min-width:165px;border:1px solid #d8e0ec;border-radius:8px;background:#fff;color:#34415a;padding:0 30px 0 10px;font:inherit;font-size:11.5px;font-weight:650}

.pm-pc-table-wrap{width:100%;overflow-x:auto}
.pm-pc-table{width:100%;border-collapse:collapse;font-size:11.5px;table-layout:auto}
.pm-pc-table th{padding:9px 10px;border-bottom:1px solid #e4e9f1;background:#f8fafc;color:#79869c;text-align:left;white-space:nowrap;font-size:9.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.pm-pc-table td{padding:9px 10px;border-bottom:1px solid #edf0f5;color:#394761;vertical-align:middle}
.pm-pc-table tbody tr:last-child td{border-bottom:0}
.pm-pc-table tbody tr:hover{background:#fbfcff}
.pm-pc-booking-ref,.pm-pc-player{display:flex;flex-direction:column;gap:2px;min-width:130px}
.pm-pc-booking-ref strong,.pm-pc-player strong{color:#17233f;font-size:11.5px}
.pm-pc-booking-ref span,.pm-pc-player span{color:#8994a8;font-size:9.5px}
.pm-pc-method,.pm-pc-status{display:inline-flex;align-items:center;min-height:23px;border-radius:999px;padding:4px 8px;white-space:nowrap;font-size:9.5px;font-weight:800}
.pm-pc-method{background:#edf4ff;color:#2f61a6}
.pm-pc-method-gcash{background:#eef5ff;color:#215bb1}
.pm-pc-method-maya{background:#f0fbf4;color:#25744a}
.pm-pc-method-bank_transfer{background:#f3f1ff;color:#6552a2}
.pm-pc-status-pending{background:#fff4da;color:#93620e}
.pm-pc-status-under_review{background:#f0eafe;color:#6847a5}
.pm-pc-status-confirmed{background:#e8f8ef;color:#24714a}
.pm-pc-status-cancelled{background:#fff0f2;color:#a83849}
.pm-pc-amount{color:#17233f;white-space:nowrap}
.pm-pc-reference{display:inline-block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px}
.pm-pc-hold{color:#65738b;white-space:nowrap;font-size:10.5px}
.pm-pc-action-cell{text-align:right}

.pm-pc-loading,.pm-pc-empty{min-height:230px;display:flex;align-items:center;justify-content:center;color:#748198;font-size:12px}
.pm-pc-empty{flex-direction:column;gap:6px;text-align:center;padding:34px 20px}
.pm-pc-empty strong{color:#293853;font-size:13px}
.pm-pc-empty span{max-width:480px;color:#8894a7;font-size:11px;line-height:1.45}
.pm-pc-empty-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eff8f2;color:#347554;font-size:18px;font-weight:900}
.pm-pc-data-note{margin-top:9px;color:#8a95a8;font-size:10px;line-height:1.4}

.pm-pc-modal-backdrop{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:18px;background:rgba(4,13,35,.58);backdrop-filter:blur(2px)}
.pm-pc-modal{width:min(930px,96vw);max-height:min(790px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe2ed;border-radius:14px;background:#fff;box-shadow:0 28px 80px rgba(3,13,35,.28)}
.pm-pc-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px 13px;border-bottom:1px solid #e5e9f0}
.pm-pc-kicker{color:#728099;font-size:9px;font-weight:850;letter-spacing:.12em}
.pm-pc-modal-head h2{margin:3px 0 0;color:var(--pm-pc-navy);font-size:19px;line-height:1.2}
.pm-pc-modal-head p{margin:4px 0 0;color:#8390a5;font-size:11px}
.pm-pc-close,.pm-pc-proof-zoom-close{border:0;background:transparent;cursor:pointer}
.pm-pc-close{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#6c7990;font-size:25px;line-height:1}
.pm-pc-close:hover{background:#f2f5f9;color:#253552}
.pm-pc-modal-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(235px,.75fr);gap:14px;overflow:auto;padding:15px 18px 18px}
.pm-pc-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pm-pc-field{min-width:0;border:1px solid #e1e6ee;border-radius:9px;background:#fbfcfe;padding:9px 10px}
.pm-pc-field-wide{grid-column:1/-1}
.pm-pc-field span{display:block;color:#8692a5;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
.pm-pc-field strong{display:block;margin-top:4px;color:#23314b;overflow-wrap:anywhere;font-size:11.5px;line-height:1.4}
.pm-pc-proof-section{margin-top:12px}
.pm-pc-section-label{margin-bottom:6px;color:#45536c;font-size:11px;font-weight:800}
.pm-pc-proof{width:100%;min-height:215px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #dce3ec;border-radius:10px;background:#f6f8fb;padding:8px;cursor:zoom-in}
.pm-pc-proof img{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:6px}
.pm-pc-proof-empty{color:#8a95a8;cursor:default;font-size:11px}
.pm-pc-proof-help{display:block;margin-top:5px;color:#929cad;font-size:9.5px}
.pm-pc-note{display:block;margin-top:12px}
.pm-pc-note>span,.pm-pc-saved-note>span{display:block;margin-bottom:6px;color:#45536c;font-size:10.5px;font-weight:800}
.pm-pc-note textarea{width:100%;resize:vertical;min-height:74px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#273651;padding:9px 10px;font:inherit;font-size:11px;line-height:1.45}
.pm-pc-saved-note{margin-top:12px;border:1px solid #e1e6ee;border-radius:9px;background:#fafbfd;padding:10px}
.pm-pc-saved-note p{margin:0;color:#506079;font-size:11px;line-height:1.45}
.pm-pc-review-checklist{align-self:start;border:1px solid #e0e5ed;border-radius:10px;background:#fafbfd;padding:12px}
.pm-pc-review-checklist h3{margin:0 0 9px;color:#25344f;font-size:12px}
.pm-pc-metric{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e7ebf1;font-size:10.5px}
.pm-pc-metric:last-of-type{border-bottom:0}
.pm-pc-metric span:first-child{color:#748198}
.pm-pc-metric strong{color:#25344f;text-align:right}
.pm-pc-review-help{margin:11px 0 0;color:#7c899f;font-size:10px;line-height:1.55}
.pm-pc-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:11px 18px;border-top:1px solid #e3e8ef;background:#fbfcfe}
.pm-pc-modal-actions .pm-pc-btn-danger{margin-right:auto}

.pm-pc-proof-zoom{position:fixed;inset:0;z-index:2700;display:grid;place-items:center;padding:28px;background:rgba(1,8,24,.9)}
.pm-pc-proof-zoom img{max-width:min(1080px,94vw);max-height:90vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.36)}
.pm-pc-proof-zoom-close{position:fixed;top:18px;right:20px;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:27px}

@media (max-width:1100px){
    .pm-pc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pm-pc-toolbar{align-items:stretch;flex-direction:column}
    .pm-pc-filters{justify-content:stretch}
    .pm-pc-search{width:100%;flex:1 1 auto}
}

@media (max-width:760px){
    .pm-payment-confirmation-page{padding-bottom:8px}
    .pm-pc-page-head{align-items:stretch;flex-direction:column}
    .pm-pc-page-actions{justify-content:flex-start}
    .pm-pc-stats{grid-template-columns:1fr 1fr;gap:8px}
    .pm-pc-stat{padding:11px}
    .pm-pc-stat-value{font-size:21px}
    .pm-pc-tabs{width:100%;overflow-x:auto}
    .pm-pc-tab{flex:1 0 auto}
    .pm-pc-filters{align-items:stretch;flex-direction:column}
    .pm-pc-search,.pm-pc-select{width:100%;min-width:0}
    .pm-pc-table-wrap{overflow:visible}
    .pm-pc-table,.pm-pc-table tbody,.pm-pc-table tr,.pm-pc-table td{display:block;width:100%}
    .pm-pc-table thead{display:none}
    .pm-pc-table tbody{display:grid;gap:8px;padding:8px;background:#f6f8fb}
    .pm-pc-table tbody tr{overflow:hidden;border:1px solid #dfe5ee;border-radius:10px;background:#fff}
    .pm-pc-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px;border-bottom:1px solid #edf0f5;text-align:right}
    .pm-pc-table td::before{content:attr(data-label);flex:0 0 39%;color:#8490a3;text-align:left;font-size:9px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
    .pm-pc-table td:last-child{border-bottom:0}
    .pm-pc-booking-ref,.pm-pc-player{align-items:flex-end;min-width:0}
    .pm-pc-reference{max-width:52vw}
    .pm-pc-action-cell .pm-pc-btn{width:100%}
    .pm-pc-modal-backdrop{align-items:end;padding:0}
    .pm-pc-modal{width:100%;max-height:94vh;border-radius:15px 15px 0 0}
    .pm-pc-modal-body{grid-template-columns:1fr;gap:12px;padding:13px}
    .pm-pc-modal-head{padding:13px}
    .pm-pc-modal-actions{position:sticky;bottom:0;gap:7px;padding:10px 13px calc(10px + env(safe-area-inset-bottom))}
    .pm-pc-modal-actions .pm-pc-btn{flex:1 1 calc(50% - 5px)}
    .pm-pc-modal-actions .pm-pc-btn-danger{margin-right:0}
}

@media (max-width:480px){
    .pm-pc-page-copy h1{font-size:21px}
    .pm-pc-stats{grid-template-columns:1fr}
    .pm-pc-detail-grid{grid-template-columns:1fr}
    .pm-pc-field-wide{grid-column:auto}
    .pm-pc-proof{min-height:180px}
    .pm-pc-modal-actions{flex-direction:column;align-items:stretch}
    .pm-pc-modal-actions .pm-pc-btn{width:100%;flex:auto}
}