/* Store status and manual payment confirmation. */
.store-service-notice {display:flex;align-items:flex-start;gap:9px;padding:15px 18px;border:1px solid #e8dfc7;background:#faf5e9;border-radius:12px;color:#8a744d;font-size:12px;line-height:1.85;margin:24px 0}
.store-service-notice svg {flex-shrink:0;margin-top:3px}
.store-closed-card {text-align:center;padding:12px 0}
.store-closed-card>svg {color:#9aab83;margin:4px auto 14px}
.store-closed-card h2 {font-size:20px;color:#6b8055;margin:0 0 12px}
.store-closed-card p {font-size:12px;line-height:1.9;color:#93a37e;margin:0 0 22px}
.payment-unconfigured {text-align:center;padding:25px 12px;color:#8a9a75}
.payment-unconfigured>svg {display:block;margin:0 auto 14px}
.payment-unconfigured h3 {font-size:15px;margin-bottom:10px}
.payment-unconfigured p {font-size:11px;margin:0 auto;max-width:420px;line-height:1.9}
.payment-code-layout {display:grid;grid-template-columns:minmax(130px,210px) minmax(0,1fr);gap:24px;padding:20px;border:1px solid #e5ebdc;background:#fafcf6;border-radius:14px;margin:2px 0 24px}
.payment-code-frame {align-self:start;display:flex;align-items:center;justify-content:center;min-height:130px;aspect-ratio:1;padding:10px;background:#fff;border:1px solid #e8ecdf;border-radius:10px;overflow:hidden}
.payment-code-frame img {display:block;width:100%;height:100%;max-height:250px;object-fit:contain}
.payment-account-details {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0}
.payment-account-details>span:not(.chip) {font-size:10px;color:#9aa98b;margin-top:5px}
.payment-account-details>strong {font-size:20px;color:#60784b;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
.payment-account-details>small {color:#9aab88;font-size:10px;overflow-wrap:anywhere;max-width:100%}
.payment-account-details>p {font-size:10px;color:#9aaa87;margin:4px 0 0;line-height:1.8}
.payment-claim-intro {border-top:1px solid #e7ecdf;padding-top:20px;margin-top:20px}
.payment-claim-intro h3 {font-size:14px;margin-bottom:7px;color:#6c8058}
.payment-claim-intro p {font-size:10px;color:#9aab88;line-height:1.9;margin-bottom:20px}
.assisted-payment-card .field>span {font-size:11px;color:#83986b}
.assisted-payment-card .input {font-size:12px}
.assisted-payment-card textarea.input {min-height:78px}
.payment-claims-card {padding:24px;margin:22px 0}
.payment-claims-card h2 {font-size:16px;margin:0}
.payment-claims-card .card-heading>.muted {font-size:10px}
.payment-claim-row {display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid #e9eddf}
.payment-claim-row:last-child {border-bottom:0;padding-bottom:0}
.payment-claim-row>div {display:flex;flex-direction:column;gap:5px;min-width:0}
.payment-claim-row strong {font-size:12px;font-weight:550;color:#748a5f}
.payment-claim-row small {font-size:10px;color:#9bab89;line-height:1.8}
.payment-claim-row .late-payment-label {color:#a87f40}
.late-payment-note {font-size:10px}
@media(max-width:600px){
  .payment-code-layout {grid-template-columns:1fr;padding:17px;gap:17px}
  .payment-code-frame {width:min(100%,210px);justify-self:center}
  .payment-account-details {align-items:center;text-align:center}
  .payment-account-details>strong {font-size:19px}
  .assisted-payment-card .form-grid {grid-template-columns:1fr;gap:0}
  .payment-claims-card {padding:20px}
  .payment-claims-card .card-heading {align-items:flex-start;flex-direction:column;gap:6px}
  .payment-claim-row {gap:10px}
  .payment-claim-row .chip {font-size:9px}
}
