/* GĐ4 wholesale payment and reconciliation */
.gd4-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.gd4-summary-grid article{background:#fff;border:1px solid #e9edf5;border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 9px 22px #243b6707}
.gd4-summary-grid article span{font-size:23px}.gd4-summary-grid article small{color:#8c98aa;font-size:11px}.gd4-summary-grid article strong{font-size:23px;color:#273959;letter-spacing:-.5px}
.gd4-steps{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:23px;background:#f0f4ff;border:1px solid #e3eaff;border-radius:12px;padding:17px;color:#69799b}
.gd4-steps div{font-size:12px;font-weight:700;color:#50617f;display:flex;align-items:center;gap:7px;white-space:nowrap}
.gd4-steps div span{width:26px;height:26px;background:#fff;color:#4c66d9;border:1px solid #dce5ff;display:grid;place-items:center;border-radius:50%;font-weight:850}
.gd4-steps>b{color:#a4b1cd}
.gd4-filters{display:flex;gap:10px;margin-bottom:15px}.gd4-filters input{flex:1;min-width:140px}.gd4-filters select{min-width:190px;background:#f9fbff}
.gd4-table td{vertical-align:middle}.gd4-table .secondary{padding:8px 11px;font-size:11px}
.gd4-order-chip{display:inline-block;padding:5px 8px;margin:2px;background:#f0f4ff;border:1px solid #e6ecff;border-radius:7px;color:#536bad;font-size:11px;font-weight:800}
.gd4-status{display:inline-block;font-size:10px;font-weight:800;padding:7px 10px;white-space:nowrap;border-radius:20px;background:#f1f3f8;color:#69788e}
.gd4-status.demo_pending,.gd4-status.pending,.gd4-status.awaiting_setup{background:#fff4dc;color:#a0781b}
.gd4-status.paid{background:#e3f8f0;color:#0a8b65}
.gd4-status.needs_review,.gd4-status.expired,.gd4-status.cancelled{background:#fff0f1;color:#bf5461}
.gd4-orderbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;background:linear-gradient(110deg,#ecf2ff,#f7faff);border:1px solid #dde6fa;border-radius:12px;margin:15px 0}
.gd4-orderbar>div:first-child{display:flex;flex-direction:column;gap:5px}.gd4-orderbar b{font-size:12px;color:#3b5080}.gd4-orderbar small{color:#8a99af;font-size:11px}
.gd4-orderbar .actions{gap:12px}.gd4-orderbar .actions span{font-size:11px;color:#71819e}
.gd4-order-checkbox{display:flex;align-items:center;gap:5px;color:#516cbd;font-size:10px;margin-top:6px;cursor:pointer}
.gd4-order-checkbox input,.gd4-payment-order input{accent-color:#4b68d8}
.gd4-payment-order{display:flex;align-items:center;gap:14px;padding:14px 12px;border:1px solid #e8edf7;border-radius:10px;background:#fff;cursor:pointer;margin:8px 0}
.gd4-payment-order:hover{background:#f8faff}.gd4-payment-order span{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.gd4-payment-order b{font-size:12px}.gd4-payment-order small{color:#91a0b4;font-size:10px}.gd4-payment-order strong{color:#3653cb;white-space:nowrap}
.gd4-order-selection{max-height:320px;overflow:auto;margin-top:12px}
.gd4-batch-total{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e5eaf4;padding:17px 0;margin-top:18px;color:#61748e;font-size:12px}
.gd4-batch-total strong{font-size:23px;color:#3d58d1}
.gd4-detail-status{display:flex;gap:12px;align-items:center;color:#8d9bb0;font-size:11px;margin:10px 0 18px}
.gd4-detail-note{background:#f2f5fc;border-radius:10px;padding:15px;margin:15px 0}
.gd4-detail-note b{color:#354b79}.gd4-detail-note p{font-size:12px;color:#75839b;line-height:1.6;margin:6px 0 0}
.gd4-demo-instruction{padding:18px;border:1px dashed #9aafe1;border-radius:12px;background:linear-gradient(120deg,#eef3ff,#f8faff);text-align:center;color:#566bb0;margin:16px 0}
.gd4-demo-instruction b{display:block;font-size:18px}.gd4-demo-instruction p{font-size:12px;color:#7989ad;line-height:1.6}
.gd4-success{padding:15px;background:#eaf8f3;border:1px solid #c7ebdc;border-radius:9px;color:#0b8466;font-size:12px;line-height:1.7}
.gd4-event-list{display:flex;flex-direction:column;gap:12px;padding:6px 0}.gd4-event-list>div{display:flex;gap:10px;align-items:center}
.gd4-event-list>div>span{color:#7087db}.gd4-event-list b{font-size:12px;color:#4a5e84;text-transform:capitalize}
.gd4-event-list small{display:block;font-size:10px;color:#9aabbf;margin-top:4px}
.gd4-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gd4-rules>div{background:#f9faff;border:1px solid #edf1f9;border-radius:10px;padding:17px}
.gd4-rules b{color:#34496f;font-size:13px}.gd4-rules p{font-size:12px;color:#7d8aa0;line-height:1.7;margin-bottom:0}
@media(max-width:1100px){.gd4-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gd4-rules{grid-template-columns:1fr}}
@media(max-width:680px){.gd4-summary-grid{gap:9px}.gd4-summary-grid article{padding:13px}.gd4-summary-grid article strong{font-size:17px}.gd4-steps{gap:8px}.gd4-steps div{font-size:10px}.gd4-filters{flex-direction:column}.gd4-filters select{min-width:0}.gd4-orderbar{flex-direction:column;align-items:stretch}.gd4-orderbar .actions{justify-content:space-between}.gd4-payment-order{gap:8px}.gd4-payment-order strong{font-size:12px}}