/* Cashier Payment Center — simple staff flow: Cash or Terminal */
.pmd-coc [hidden],
.pmd-pos-app [hidden]{display:none!important}

.pmd-coc .pmd-pos-payment-modal{background:rgba(16,35,49,.42)!important;backdrop-filter:blur(8px)!important}
/* Prevent the one-frame flash of raw payment markup while V3 fetches the fresh settlement summary. */
.pmd-coc .pmd-pos-payment-modal.pmd-payment-is-preparing{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:none!important}
.pmd-coc .pmd-pos-payment-dialog{width:min(820px,calc(100vw - 34px))!important;height:auto!important;max-height:min(86dvh,690px)!important;border:1px solid #d6e3ea!important;border-radius:22px!important;background:#f8fbfc!important;box-shadow:0 30px 80px rgba(13,38,55,.20)!important}
.pmd-coc .pmd-pos-payment-head{min-height:74px!important;padding:14px 18px!important;background:#fff!important;color:#102d40!important;border-bottom:1px solid #dce7ed!important}
.pmd-coc .pmd-pos-payment-head h2{margin:1px 0 0!important;font-size:21px!important;color:#102d40!important}
.pmd-coc .pmd-pos-payment-head p{margin:3px 0 0!important;color:#718697!important;font-size:10px!important}
.pmd-coc .pmd-pos-payment-eyebrow{color:#0c7b63!important;font-size:8px!important;letter-spacing:.12em!important}
.pmd-coc .pmd-pos-payment-close{width:42px!important;height:42px!important;border:1px solid #cfe0e9!important;background:#fff!important;color:#173b52!important}

.pmd-coc .pmd-pos-payment-body{grid-template-columns:minmax(0,1fr) 230px!important;gap:10px!important;padding:10px!important;overflow:auto!important}
.pmd-coc .pmd-pos-payment-main{gap:9px!important;padding-right:0!important}
.pmd-coc .pmd-pos-payment-summary{padding:14px!important;border:1px solid #d9e5eb!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;align-self:start!important}
.pmd-coc .pmd-pos-payment-summary h3{display:none!important}

.pmd-coc .pmd-pos-payment-balance{display:block!important}
.pmd-coc .pmd-pos-balance-card{padding:13px 15px!important;border-radius:14px!important}
.pmd-coc .pmd-pos-balance-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:3px 14px!important;border-color:#cfe3dd!important;background:#f3fbf8!important}
.pmd-coc .pmd-pos-balance-hero span{color:#557487!important;font-size:8.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.pmd-coc .pmd-pos-balance-hero b{grid-row:1/3!important;grid-column:2!important;margin:0!important;color:#08745a!important;font-size:27px!important;line-height:1!important}
.pmd-coc .pmd-pos-balance-hero small{color:#788d9b!important;font-size:8.5px!important;font-weight:700!important}

/* Keep advanced settlement logic available in the backend, but remove it from the normal staff surface. */
.pmd-coc .pmd-pos-payment-block:has([data-pos-split-tabs]),
.pmd-coc .pmd-pos-adjustments{display:none!important}

.pmd-coc .pmd-pos-payment-block{padding:12px!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important}
.pmd-coc .pmd-pos-payment-block-title{margin-bottom:7px!important}
.pmd-coc .pmd-pos-payment-block-title b{font-size:11.5px!important}
.pmd-coc .pmd-pos-payment-block-title span{display:none!important}

.pmd-coc .pmd-pos-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.pmd-coc .pmd-pos-method{min-height:66px!important;padding:11px 13px!important;border-radius:13px!important;background:#fff!important}
.pmd-coc .pmd-pos-method b{font-size:13px!important}
.pmd-coc .pmd-pos-method small{margin-top:3px!important;font-size:9px!important;color:#718697!important}
.pmd-coc .pmd-pos-method.is-active{border-color:#0c7a62!important;box-shadow:0 0 0 2px rgba(12,122,98,.10)!important;background:#eff9f6!important}
.pmd-coc [data-payment-method="external_terminal"],
.pmd-coc [data-payment-method^="online:"],
.pmd-pos-app [data-payment-method="external_terminal"],
.pmd-pos-app [data-payment-method^="online:"]{display:none!important}

.pmd-coc .pmd-pos-terminal-box{margin-top:9px!important;padding:11px!important;border:1px solid #cce5dc!important;border-radius:12px!important;background:#f5fbf9!important;color:#123d50!important}
.pmd-coc .pmd-pos-terminal-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.pmd-coc .pmd-pos-terminal-title b{font-size:11px!important}
.pmd-coc .pmd-pos-terminal-title span{color:#718a99!important;font-size:9px!important}
.pmd-coc .pmd-pos-terminal-provider-row{margin-top:8px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:7px!important}
.pmd-coc .pmd-pos-terminal-provider-row button{min-height:52px!important;padding:8px 10px!important;border:1px solid #cfe0e7!important;border-radius:11px!important;background:#fff!important;color:#173c53!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important}
.pmd-coc .pmd-pos-terminal-provider-row button.is-active{border-color:#0b7b61!important;box-shadow:0 0 0 2px rgba(11,123,97,.10)!important;background:#eff9f6!important}
.pmd-coc .pmd-pos-terminal-provider-row button:disabled{opacity:.58!important;cursor:not-allowed!important;box-shadow:none!important}
.pmd-coc .pmd-pos-terminal-provider-row button>span{font-size:10.5px!important;font-weight:900!important}
.pmd-coc .pmd-pos-terminal-provider-row button small{display:flex!important;align-items:center!important;gap:5px!important;color:#7b8f9d!important;font-size:8.5px!important;font-weight:800!important;text-transform:capitalize!important}
.pmd-coc .pmd-pos-terminal-provider-row button small i{width:6px!important;height:6px!important;border-radius:50%!important;background:#9eafb9!important}
.pmd-coc .pmd-pos-terminal-provider-row button.is-online small{color:#0b7359!important}
.pmd-coc .pmd-pos-terminal-provider-row button.is-online small i{background:#18a671!important}
.pmd-coc .pmd-pos-terminal-simple-status{display:none!important}

/* Collection is one small cash field; terminal needs no manual reference fields. */
.pmd-coc [data-pos-collection-fields]{padding:10px 12px!important}
.pmd-coc [data-pos-collection-fields] .pmd-pos-payment-fields{display:block!important}
.pmd-coc [data-pos-collection-fields] label:has([data-pos-payer-label]),
.pmd-coc [data-pos-reference-field],
.pmd-coc [data-pos-external-confirm-row]{display:none!important}
.pmd-coc [data-pos-cash-field]{max-width:260px!important;margin:0!important}
.pmd-coc [data-pos-cash-field] span{font-size:9px!important;font-weight:800!important;color:#557487!important}
.pmd-coc .pmd-pos-payment-input{min-height:44px!important;border-radius:11px!important}
.pmd-coc .pmd-pos-payment-modal.is-direct-terminal [data-pos-collection-fields]{display:none!important}

.pmd-coc .pmd-pos-pay-totals{margin:0!important}
.pmd-coc .pmd-pos-pay-total-row{font-size:10px!important}
.pmd-coc .pmd-pos-pay-total-row.is-grand{margin:0!important;padding:0 0 12px!important;border:0!important;font-size:17px!important}
.pmd-coc .pmd-pos-pay-total-row.is-grand strong{font-size:21px!important;color:#102d40!important}
.pmd-coc .pmd-pos-change-box{margin:0 0 9px!important;padding:9px!important;border-radius:10px!important;font-size:10px!important}
.pmd-coc .pmd-pos-pay-button{width:100%!important;min-height:50px!important;margin:0!important;border-radius:12px!important;background:#0c7a62!important;box-shadow:none!important;font-size:12px!important;font-weight:900!important}
.pmd-coc .pmd-pos-pay-button:disabled{opacity:.48!important;cursor:not-allowed!important}
.pmd-coc [data-pos-copy-link]{display:none!important}
.pmd-coc .pmd-pos-payment-secondary{min-height:36px!important;margin-top:8px!important;font-size:9.5px!important}
.pmd-coc .pmd-pos-payment-safety{display:none!important}
.pmd-coc .pmd-pos-payment-history-wrap{margin-top:10px!important;padding-top:10px!important}
.pmd-coc .pmd-pos-payment-history-wrap[hidden]{display:none!important}

@media(max-width:820px){
  .pmd-coc .pmd-pos-payment-dialog{width:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important}
  .pmd-coc .pmd-pos-payment-body{display:block!important;overflow:auto!important}
  .pmd-coc .pmd-pos-payment-summary{margin-top:9px!important}
}
@media(max-width:560px){
  .pmd-coc .pmd-pos-method-grid{grid-template-columns:1fr 1fr!important}
  .pmd-coc .pmd-pos-balance-hero{grid-template-columns:1fr auto!important}
}