/* PayMyDine staff payment UI: Cash or connected terminal only.
 * This is the single visual policy for the staff Payment Center.
 */

/* Absolute staff-method guard. Even a legacy renderer must not expose provider
 * or customer-checkout choices inside the waiter/cashier surface. */
.pmd-pos-payment-modal [data-payment-method]:not([data-payment-method="cash"]):not([data-payment-method="direct_terminal"]){display:none!important}
.pmd-pos-payment-modal [data-payment-method][hidden]{display:none!important}

/* The current direct-terminal policy is full remaining balance, no waiter-side
 * split/tip/coupon/payer complexity. */
.pmd-pos-payment-modal .pmd-pos-payment-block:has([data-pos-split-tabs]),
.pmd-pos-payment-modal .pmd-pos-adjustments,
.pmd-pos-payment-modal [data-pos-reference-field],
.pmd-pos-payment-modal [data-pos-external-confirm-row],
.pmd-pos-payment-modal [data-pos-copy-link],
.pmd-pos-payment-modal .pmd-pos-payment-safety{display:none!important}
.pmd-pos-payment-modal .pmd-pos-payment-block[hidden],
.pmd-pos-payment-modal [data-pos-collection-fields][hidden],
.pmd-pos-payment-modal .pmd-pos-payment-fields>label[hidden],
.pmd-pos-payment-modal .pmd-pos-payment-history-wrap[hidden]{display:none!important}

/* Heading + amount hierarchy. */
.pmd-pos-payment-modal .pmd-pos-payment-body{grid-template-columns:minmax(0,1fr) 248px!important;gap:14px!important}
.pmd-pos-payment-modal .pmd-pos-payment-main{gap:12px!important}
.pmd-pos-payment-modal .pmd-pos-balance-hero{min-height:76px!important;padding:15px 18px!important;border-radius:15px!important}
.pmd-pos-payment-modal .pmd-pos-balance-hero>span{font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.pmd-pos-payment-modal .pmd-pos-balance-hero>b{font-size:29px!important;line-height:1!important}
.pmd-pos-payment-modal .pmd-pos-balance-hero>small{font-size:10px!important;color:#718697!important}

/* Exactly two clear operational actions. */
.pmd-pos-payment-modal .pmd-pos-method-grid[data-pmd-simple-method-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.pmd-pos-payment-modal .pmd-pos-method-grid[data-pmd-simple-method-count="1"]{grid-template-columns:1fr!important}
.pmd-pos-payment-modal .pmd-pos-method{display:grid!important;align-content:center!important;min-height:82px!important;padding:15px 17px!important;border-radius:14px!important;text-align:left!important;box-shadow:none!important}
.pmd-pos-payment-modal .pmd-pos-method b{font-size:15px!important;line-height:1.2!important}
.pmd-pos-payment-modal .pmd-pos-method small{margin-top:5px!important;font-size:10.5px!important;line-height:1.35!important;color:#718697!important}
.pmd-pos-payment-modal .pmd-pos-method.is-active{box-shadow:0 0 0 2px rgba(8,118,95,.08)!important}
.pmd-pos-payment-modal .pmd-pos-payment-block-title>span{font-size:9.5px!important;color:#8194a1!important}

/* Cash collection stays one-field simple. */
.pmd-pos-payment-modal .pmd-pos-payment-fields{grid-template-columns:1fr!important}
.pmd-pos-payment-modal [data-pos-cash-field]{max-width:none!important}
.pmd-pos-payment-modal [data-pos-cash-field]>span{font-size:10px!important;font-weight:850!important;color:#617786!important}
.pmd-pos-payment-modal [data-pos-cash-received]{min-height:48px!important;font-size:15px!important;font-weight:800!important}

/* Terminal selector: friendly device name + status; offline remains visible but
 * disabled so staff understand why it cannot be charged. */
.pmd-pos-payment-modal .pmd-pos-terminal-box{margin-top:10px!important;padding:14px!important;border:1px solid #cfe5dd!important;border-radius:14px!important;background:#f4fbf8!important}
.pmd-pos-payment-modal .pmd-pos-terminal-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.pmd-pos-payment-modal .pmd-pos-terminal-title b{font-size:13px!important;color:#17384c!important}
.pmd-pos-payment-modal .pmd-pos-terminal-title span{font-size:10px!important;color:#728797!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:8px!important;margin-top:9px!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:60px!important;padding:10px 12px!important;border-radius:12px!important;text-align:left!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button>span{font-size:12px!important;font-weight:900!important;color:#17384c!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button>small{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button>small i{width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button.is-online>small{color:#08765f!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button.is-online>small i{background:#1aa274!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button.is-offline{opacity:.58!important;cursor:not-allowed!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button.is-offline>small{color:#7e8e99!important}
.pmd-pos-payment-modal .pmd-pos-terminal-provider-row button.is-offline>small i{background:#a8b6bf!important}
.pmd-pos-payment-modal .pmd-pos-terminal-simple-status{margin-top:10px!important;padding:9px 11px!important;border-radius:10px!important;font-size:10.5px!important;font-weight:800!important}
.pmd-pos-payment-modal .pmd-pos-terminal-simple-status.is-offline{border:1px solid #f0c9c3!important;background:#fff4f1!important;color:#a13b32!important}

/* Summary is deliberately compact: amount/change + one primary action. */
.pmd-pos-payment-modal .pmd-pos-payment-summary{padding:15px!important;border-radius:16px!important}
.pmd-pos-payment-modal .pmd-pos-payment-summary h3{margin-bottom:10px!important;font-size:12px!important}
.pmd-pos-payment-modal .pmd-pos-pay-totals.is-simple .is-grand{padding:12px 0!important}
.pmd-pos-payment-modal .pmd-pos-pay-totals.is-simple .is-grand span{font-size:13px!important;font-weight:900!important}
.pmd-pos-payment-modal .pmd-pos-pay-totals.is-simple .is-grand strong{font-size:16px!important}
.pmd-pos-payment-modal .pmd-pos-pay-button{width:100%!important;min-height:50px!important;margin-top:10px!important;border-radius:12px!important;font-size:13px!important;font-weight:900!important}
.pmd-pos-payment-modal .pmd-pos-change-box{margin-top:10px!important;padding:10px 12px!important;border-radius:10px!important}

@media(max-width:820px){
  .pmd-pos-payment-modal .pmd-pos-payment-body{display:block!important;overflow:auto!important}
  .pmd-pos-payment-modal .pmd-pos-payment-summary{margin-top:12px!important}
}
@media(max-width:560px){
  .pmd-pos-payment-modal .pmd-pos-method-grid[data-pmd-simple-method-count]{grid-template-columns:1fr!important}
  .pmd-pos-payment-modal .pmd-pos-method{min-height:68px!important}
  .pmd-pos-payment-modal .pmd-pos-balance-hero>b{font-size:25px!important}
}