/*
 * PLAYMEU OWNER — OPEN PLAY V6
 * Phase 2A-R5 / Reconciliation R1
 * Review-only proposal.
 */
.pm-owner-open-play-v6{display:grid;gap:16px}
.pm-op-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 1px}
.pm-op-page-head small{display:block;color:#748689;font-size:9px;font-weight:900;letter-spacing:1.3px}
.pm-op-page-head h1{margin:4px 0 5px;font-size:27px;line-height:1.1}
.pm-op-page-head p{max-width:720px;margin:0;color:#748689;font-size:10px;line-height:1.55}
.pm-op-btn{border:1px solid #dce6e3;border-radius:8px;background:#fff;color:#11272c;padding:9px 12px;font-size:9px;font-weight:800;cursor:pointer}
.pm-op-btn:disabled{opacity:.5;cursor:not-allowed}
.pm-op-btn-primary{border-color:#00c853;background:#00c853;color:#fff}
.pm-op-btn-danger{border-color:#ffc5b8;background:#fff0ed;color:#bc4635}
.pm-op-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pm-op-kpis article{display:flex;flex-direction:column;gap:4px;border:1px solid #dce6e3;border-radius:13px;background:#fff;padding:14px 16px}
.pm-op-kpis small{color:#748689;font-size:8px}
.pm-op-kpis b{font-size:23px;line-height:1.05}
.pm-op-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:8px;border:1px solid #dce6e3;border-radius:14px;background:#fff;padding:12px}
.pm-op-tools input,.pm-op-tools select{width:100%;border:1px solid #dce6e3;border-radius:8px;background:#fff;color:#11272c;padding:10px 11px;font-size:9px}
.pm-op-results{border:1px solid #dce6e3;border-radius:15px;background:#fff;overflow:hidden}
.pm-op-results-head{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #dce6e3}
.pm-op-results-head b{font-size:10px}
.pm-op-results-head small{color:#748689;font-size:8px}
.pm-op-table-wrap{overflow:auto}
.pm-op-table{width:100%;border-collapse:collapse;min-width:920px}
.pm-op-table th{padding:10px 12px;text-align:left;color:#748689;background:#f7faf9;border-bottom:1px solid #dce6e3;font-size:8px}
.pm-op-table td{padding:11px 12px;border-bottom:1px solid #edf2f0;vertical-align:middle;font-size:9px}
.pm-op-table td small{display:block;margin-top:3px;color:#748689;font-size:7px}
.pm-op-link{padding:0;border:0;background:none;color:#11272c;font-weight:900;cursor:pointer;text-align:left}
.pm-op-host-badge,.pm-op-status,.pm-op-owner-only{display:inline-flex;width:max-content;border-radius:18px;padding:5px 8px;font-size:7px;font-weight:900}
.pm-op-host-badge.player_hosted{background:#eef3f7;color:#4d6570}
.pm-op-host-badge.venue_hosted,.pm-op-owner-only{background:#e6f9ed;color:#078d43}
.pm-op-status{background:#edf2f0;color:#61766f}
.pm-op-status.open,.pm-op-status.active{background:#e4f9ec;color:#078d43}
.pm-op-status.full{background:#fff4d9;color:#92650b}
.pm-op-status.cancelled{background:#fff0ed;color:#bc4635}
.pm-op-status.completed{background:#edf3f8;color:#4f6575}
.pm-op-mobile-cards{display:none}
.pm-op-card{display:grid;gap:8px;border:1px solid #dce6e3;border-radius:13px;background:#fff;padding:14px}
.pm-op-card-top{display:flex;justify-content:space-between;gap:8px}
.pm-op-card h3{margin:0;font-size:14px}
.pm-op-card p{margin:0;color:#60746f;font-size:9px}
.pm-op-card-meta{display:flex;justify-content:space-between;gap:10px;color:#748689;font-size:8px}
.pm-op-empty{text-align:center;color:#748689;padding:30px;font-size:10px}
.pm-op-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#031f287a}
.pm-op-modal{width:min(850px,100%);max-height:min(88vh,900px);overflow:auto;border-radius:18px;background:#fff;box-shadow:0 24px 70px #031f2855}
.pm-op-modal>header{display:flex;justify-content:space-between;gap:18px;padding:20px 22px;color:#fff;background:linear-gradient(112deg,#06343d,#0b9e56)}
.pm-op-modal>header small{color:#baf12b;font-size:8px;font-weight:900;letter-spacing:1.2px}
.pm-op-modal>header h2{margin:4px 0;font-size:21px}
.pm-op-modal>header p{margin:0;color:#d5e9e1;font-size:9px}
.pm-op-close{width:34px;height:34px;border:1px solid #ffffff66;border-radius:50%;background:#ffffff18;color:#fff;font-size:20px;cursor:pointer}
.pm-op-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:18px 22px}
.pm-op-detail-grid>div{display:flex;flex-direction:column;gap:4px;border:1px solid #dce6e3;border-radius:10px;padding:11px}
.pm-op-detail-grid small,.pm-op-detail-section>small{color:#748689;font-size:7px;font-weight:900;letter-spacing:.8px}
.pm-op-detail-grid b{font-size:9px}
.pm-op-detail-section{margin:0 22px;padding:16px 0;border-top:1px solid #edf2f0}
.pm-op-detail-section p{color:#60746f;font-size:9px;line-height:1.55}
.pm-op-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pm-op-section-head h3{margin:3px 0 0;font-size:13px}
.pm-op-payment-proof{max-width:180px;max-height:180px;object-fit:contain;border:1px solid #dce6e3;border-radius:10px;background:#fff}
.pm-op-roster{display:grid;gap:7px;margin:11px 0}
.pm-op-roster article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dce6e3;border-radius:9px;padding:10px}
.pm-op-roster article>div:first-child{display:flex;flex-direction:column;gap:3px}
.pm-op-roster b{font-size:9px}
.pm-op-roster small{color:#748689;font-size:7px}
.pm-op-attendance{display:flex;gap:5px}
.pm-op-attendance button{border:1px solid #dce6e3;border-radius:7px;background:#fff;padding:6px 8px;font-size:7px;font-weight:900}
.pm-op-attendance button.active{border-color:#43ce7b;background:#e6f9ed;color:#078d43}
.pm-op-attendance button.danger.active{border-color:#efa890;background:#fff0eb;color:#bd4c35}
.pm-op-roster-state{color:#61766f;background:#edf3f1;border-radius:6px;padding:5px 7px;font-size:7px}
.pm-op-detail-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;padding:15px 22px;border-top:1px solid #dce6e3;background:#f8fbf9}

@media (max-width:1000px){
  .pm-op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-op-tools{grid-template-columns:1fr 1fr}
  .pm-op-search{grid-column:1/-1}
  .pm-op-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .pm-op-page-head{align-items:stretch;flex-direction:column}
  .pm-op-page-head .pm-op-btn{width:100%}
  .pm-op-tools{grid-template-columns:1fr}
  .pm-op-search{grid-column:auto}
  .pm-op-table-wrap{display:none}
  .pm-op-mobile-cards{display:grid;gap:9px;padding:10px}
  .pm-op-results-head{align-items:flex-start;flex-direction:column}
  .pm-op-modal-backdrop{align-items:end;padding:0}
  .pm-op-modal{width:100%;max-height:92vh;border-radius:18px 18px 0 0}
  .pm-op-detail-grid{grid-template-columns:1fr;padding:14px 16px}
  .pm-op-detail-section{margin:0 16px}
  .pm-op-detail-actions{padding:13px 16px}
}
@media (max-width:430px){
  .pm-op-kpis{grid-template-columns:1fr 1fr}
  .pm-op-kpis article{padding:12px}
  .pm-op-kpis b{font-size:20px}
  .pm-op-card-meta{flex-direction:column;gap:4px}
  .pm-op-detail-actions{display:grid}
  .pm-op-detail-actions .pm-op-btn{width:100%}
  .pm-op-roster article{grid-template-columns:1fr}
  .pm-op-attendance{width:100%}
  .pm-op-attendance button{flex:1}
}