.pgm { max-width: 1280px; }
.pgm-grid { display:grid; grid-template-columns:minmax(300px, .8fr) minmax(450px, 1.2fr); gap:20px; align-items:start; }
.pgm-card { background:#fff; border:1px solid #dcdcde; border-radius:5px; padding:20px; }
.pgm label { display:block; font-weight:600; }.pgm input,.pgm select { box-sizing:border-box; display:block; width:100%; margin-top:6px; }.pgm-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.pgm-inline { display:inline-flex; gap:7px; align-items:center; margin:0; }.pgm-inline select { width:auto; margin:0; }.pgm-history { margin-top:18px; }.pgm-badge { display:inline-block; border-radius:12px; padding:3px 8px; font-size:12px; background:#f0f0f1; }.pgm-badge.paid { color:#067a32; background:#d7f5df; }.pgm-badge.overdue,.pgm-badge.cancelled { color:#a00; background:#fcdddd; }.pgm-badge.awaiting_proof { color:#8a5a00; background:#fff0c2; }
.pgm-client { box-sizing:border-box; max-width:1100px; margin:28px auto; padding:28px; overflow-x:auto; background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 8px 28px rgba(15,23,42,.08); color:#1f2937; }.pgm-client h2 { margin:0 0 22px; padding-bottom:16px; border-bottom:1px solid #e5e7eb; font-size:22px; line-height:1.25; }.pgm-client table { width:100%; min-width:720px; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid #e5e7eb; border-radius:8px; }.pgm-client th { background:#f8fafc; color:#475569; font-size:12px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }.pgm-client th,.pgm-client td { border-bottom:1px solid #e5e7eb; text-align:left; padding:14px 16px; vertical-align:middle; }.pgm-client tbody tr:last-child td { border-bottom:0; }.pgm-client tbody tr:hover { background:#f8fafc; }.pgm-client small { color:#64748b; }.pgm-button { display:inline-block; background:#2271b1; color:#fff!important; border:0; border-radius:5px; padding:8px 11px; text-decoration:none; cursor:pointer; font-size:13px; }.pgm-button:hover { background:#135e96; }.pgm-alert { padding:12px 14px; border-left:4px solid #d63638; border-radius:4px; background:#fcf0f1; }
@media(max-width:782px){.pgm-grid,.pgm-two { grid-template-columns:1fr; }.pgm-client th,.pgm-client td { min-width:105px; }}
.pgm-v2-toolbar{display:flex;gap:12px;align-items:end;margin:20px 0}.pgm-v2-consult label{font-weight:600}.pgm-v2-consult select{display:block;min-width:300px;margin-top:6px}.button-hero{padding:7px 15px}.pgm-v2-results{min-height:120px}.pgm-v2-results h2{margin-top:0}.pgm-modal{display:none}.pgm-modal.is-open{display:block}.pgm-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:9998}.pgm-modal-panel{position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 36px));max-height:90vh;overflow:auto;background:#fff;border-radius:10px;padding:26px;box-shadow:0 18px 55px rgba(0,0,0,.3)}.pgm-modal-panel h2{margin-top:0}.pgm-modal-close{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:28px;cursor:pointer}.pgm-methods{border:1px solid #dcdcde;border-radius:5px;margin:18px 0;padding:12px}.pgm-methods label{font-weight:400;margin:8px 0}.pgm-methods input{display:inline;width:auto;margin-right:7px}.pgm-v2-message{min-height:18px}.pgm-v2-error{color:#b32d2e}.pgm-pagination button{margin-right:4px}@media(max-width:782px){.pgm-v2-toolbar{align-items:stretch;flex-direction:column}.pgm-v2-consult select{min-width:100%}}
.pgm-proof{margin-top:8px}.pgm-proof input{max-width:190px;margin-bottom:6px;font-size:12px}.pgm-proof button{display:inline-block;background:#2271b1;color:#fff;border:0;border-radius:5px;padding:8px 11px;cursor:pointer}