/* GAINVO v4.7.9 — checkout hierarchy, running-credit clarity and CTA repair */

/* Keep the credit context readable even when legacy invoice-workflow CSS is not loaded. */
.running-credit-banner{
  display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--brand) 25%,#d9e6e1);border-radius:13px;
  background:color-mix(in srgb,var(--brand) 6%,#fff);color:var(--ink)
}
.running-credit-banner>.icon{width:18px;flex:0 0 18px;margin-top:1px;color:var(--brand)}
.running-credit-banner>span{display:grid;gap:2px;min-width:0}
.running-credit-banner strong{font-size:11px;line-height:1.35}
.running-credit-banner small{display:block;color:var(--muted);font-size:9px;line-height:1.45}

@media(min-width:1180px){
  .pos-counter-page-v468 .pos-shell{grid-template-columns:minmax(0,1fr) minmax(410px,460px)}
}

.pos-counter-page-v468 .pos-cart-card{
  padding:14px;background:#fff;border-radius:17px
}
.pos-counter-page-v468 .pos-cart-head{
  min-height:49px;padding:0 2px 9px;border-bottom:1px solid #e6edf3
}
.pos-counter-page-v468 .pos-cart-head h2{margin:2px 0 0;font-size:18px;line-height:1.15}
.pos-counter-page-v468 .pos-cart-head h2 span{vertical-align:2px}
.pos-counter-page-v468 .pos-cart-head .eyebrow{font-size:8px;letter-spacing:.09em}
.pos-counter-page-v468 .pos-cart-head-actions .text-btn{padding:7px 5px;color:#53667a}
.pos-counter-page-v468 .pos-cart-head-actions .text-btn:hover{color:var(--brand)}

.pos-counter-page-v468 .pos-cart-items{
  max-height:245px;margin:0;padding:0 2px;border-top:0;border-bottom:1px solid #e6edf3
}
.pos-counter-page-v468 .pos-cart-row{padding:12px 0}
.pos-counter-page-v468 .pos-cart-row>strong{font-size:11px;font-weight:850}
.pos-counter-page-v468 .pos-cart-item-copy>strong{font-size:11px;line-height:1.3}
.pos-counter-page-v468 .pos-cart-item-copy>small{margin-top:3px;line-height:1.35}

.pos-counter-page-v468 .pos-checkout{padding-top:10px}
.pos-checkout-flow{display:grid;gap:9px;min-width:0}
.pos-checkout-card{
  margin:0;border:1px solid #e0e8ef;border-radius:13px;background:#fff;
  box-shadow:0 2px 7px rgba(18,32,51,.025);overflow:hidden
}
.pos-checkout-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 9px}
.pos-checkout-card-head>span{display:grid;gap:2px}
.pos-checkout-card-head strong{font-size:10px;color:#17263a}
.pos-checkout-card-head small{font-size:8px;line-height:1.35;color:#708196}

/* Customer/channel becomes a compact editable summary card. */
.pos-counter-page-v468 .pos-buyer-source{margin:0;background:#fff}
.pos-counter-page-v468 .pos-buyer-summary{min-height:58px;padding:9px 11px}
.pos-counter-page-v468 .pos-buyer-summary>span:first-child>.icon{
  width:34px;height:34px;flex-basis:34px;padding:8px;border-radius:10px;
  background:color-mix(in srgb,var(--brand) 9%,#fff);color:var(--brand)
}
.pos-counter-page-v468 .pos-buyer-summary>span:last-child{color:var(--brand)}
.pos-counter-page-v468 .pos-buyer-source[open] .pos-buyer-summary{background:#fbfcfe}
.pos-counter-page-v468 .pos-buyer-details-body{padding:12px}

/* Optional adjustments are intentionally quieter than the total/payment stages. */
.pos-counter-page-v468 .pos-adjustments{padding:0;border-bottom:0}
.pos-counter-page-v468 .pos-adjustments summary,
.pos-counter-page-v468 .pos-more-options summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;
  padding:9px 11px;list-style:none;cursor:pointer;color:#27384d
}
.pos-counter-page-v468 .pos-adjustments summary::-webkit-details-marker,
.pos-counter-page-v468 .pos-more-options summary::-webkit-details-marker{display:none}
.pos-counter-page-v468 .pos-adjustments summary>span,
.pos-counter-page-v468 .pos-more-options summary>span{display:grid;gap:1px;min-width:0}
.pos-counter-page-v468 .pos-adjustments summary strong,
.pos-counter-page-v468 .pos-more-options summary strong{font-size:9.5px}
.pos-counter-page-v468 .pos-adjustments summary small,
.pos-counter-page-v468 .pos-more-options summary small{font-size:8px;color:#7a899b;font-weight:600}
.pos-counter-page-v468 .pos-adjustments summary>.icon,
.pos-counter-page-v468 .pos-more-options summary>.icon{width:14px;flex:0 0 14px;transform:rotate(90deg);transition:transform .16s ease;color:#6f8094}
.pos-counter-page-v468 .pos-adjustments[open] summary>.icon,
.pos-counter-page-v468 .pos-more-options[open] summary>.icon{transform:rotate(-90deg)}
.pos-adjustments-body,.pos-more-options-body{padding:0 11px 11px;border-top:1px solid #edf1f5;background:#fbfcfe}
.pos-adjustments-body>.form-grid{margin-top:10px}
.pos-more-options-body label{padding-top:10px}

/* Order summary is the visual anchor before settlement. */
.pos-counter-page-v468 .pos-totals{
  padding:11px 12px;background:#fbfcfe;border-color:#dbe5ed
}
.pos-counter-page-v468 .pos-totals p{margin:5px 0;font-size:10px;color:#43546a}
.pos-counter-page-v468 .pos-totals p>strong{color:#17263a}
.pos-counter-page-v468 .pos-totals p.grand{
  margin:9px -3px -2px;padding:10px 9px;border-top:1px solid color-mix(in srgb,var(--brand) 16%,#dfe6ed);
  border-radius:10px;background:color-mix(in srgb,var(--brand) 6%,#fff);font-size:15px;color:#17263a
}
.pos-counter-page-v468 .pos-totals p.grand strong{font-size:19px;color:var(--brand);white-space:nowrap}
.pos-counter-page-v468 .pos-totals .pos-discounted-subtotal{margin-top:7px}

/* Normal payment card. */
.pos-payment-section{padding:11px 12px}
.pos-payment-section .pos-checkout-card-head{margin-bottom:8px}
.pos-counter-page-v468 .pos-payment{gap:8px}
.pos-counter-page-v468 .pos-payment label{font-size:9px;font-weight:800;color:#36485c}
.pos-counter-page-v468 .pos-payment select,
.pos-counter-page-v468 .pos-payment input{min-height:44px;margin-top:4px;border-radius:10px}
.pos-counter-page-v468 .pos-change{margin-top:1px;padding:8px 10px;border-radius:9px}
.pos-payment-section .receipt-choice{margin:9px 0 0}
.pos-payment-section .receipt-choice>span{padding:9px 10px}

/* Running-credit checkout removes fake payment fields and shows the financial consequence instead. */
.pos-credit-checkout-card{
  padding:11px 12px;border-color:color-mix(in srgb,var(--brand) 22%,#dce6ee);
  background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,#fff),#fff)
}
.pos-credit-checkout-head{display:flex;align-items:center;gap:9px}
.pos-credit-checkout-head>span:last-child{display:grid;gap:2px;min-width:0}
.pos-credit-checkout-head strong{font-size:10px;color:#17263a}
.pos-credit-checkout-head small{font-size:8px;color:#6d7d90;line-height:1.35}
.pos-checkout-icon{
  width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;
  background:color-mix(in srgb,var(--brand) 11%,#fff);color:var(--brand)
}
.pos-checkout-icon .icon{width:17px}
.pos-credit-balance-list{display:grid;gap:0;margin-top:9px;border-top:1px solid #e6edf2}
.pos-credit-balance-list p{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:7px 0;border-bottom:1px solid #edf2f5;font-size:9.5px;color:#53667a}
.pos-credit-balance-list p strong{color:#17263a;font-size:10px;white-space:nowrap}
.pos-credit-balance-list p.new-balance{margin:3px -3px 0;padding:9px 8px;border:0;border-radius:9px;background:color-mix(in srgb,var(--brand) 7%,#fff);color:#17263a;font-weight:800}
.pos-credit-balance-list p.new-balance strong{font-size:14px;color:var(--brand)}
.pos-credit-checkout-note{display:flex;align-items:flex-start;gap:7px;margin:9px 0 0;padding-top:8px;border-top:1px solid #edf2f5;color:#697a8d;font-size:8px;line-height:1.45}
.pos-credit-checkout-note>.icon{width:14px;flex:0 0 14px;color:var(--brand)}
.pos-credit-checkout-note strong{color:#35475b}

/* Secondary notes stay available without competing with checkout. */
.pos-counter-page-v468 .pos-more-options{margin:0;border-top:0}

/* Final actions: explicit, stable and impossible to collapse into the narrow Hold column. */
.pos-counter-page-v468 .pos-submit-actions{display:grid;grid-template-columns:minmax(100px,.34fr) minmax(0,1fr);gap:8px;margin:0}
.pos-counter-page-v468 .pos-submit-actions.single-action{grid-template-columns:minmax(0,1fr)!important}
.pos-counter-page-v468 .pos-submit-actions.single-action [data-complete-sale]{grid-column:1/-1;width:100%}
.pos-counter-page-v468 .pos-submit-actions>[data-hold-sale]{min-height:54px;border-radius:12px;font-size:10px;white-space:nowrap}
.pos-counter-page-v468 [data-complete-sale]{
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:54px;
  padding:9px 12px;border-radius:12px;text-align:left;white-space:normal
}
.pos-primary-action-main{display:flex;align-items:center;gap:8px;min-width:0}
.pos-primary-action-main>.icon{width:17px;flex:0 0 17px}
.pos-primary-action-main>span{display:grid;gap:1px;min-width:0}
.pos-primary-action-main>span>span{font-size:11px;font-weight:850;line-height:1.25}
.pos-primary-action-main small{overflow:hidden;max-width:190px;color:rgba(255,255,255,.78);font-size:7.5px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.pos-counter-page-v468 [data-complete-sale]>strong{
  flex:0 0 auto;margin:0;padding:0 0 0 11px;border-left:1px solid rgba(255,255,255,.28)!important;
  font-size:14px!important;line-height:1.25;white-space:nowrap
}
.pos-counter-page-v468 .summary-assurance{display:flex;align-items:center;gap:5px;margin:0;padding:0 2px;color:#768699;font-size:7.5px;line-height:1.35}
.pos-counter-page-v468 .summary-assurance>.icon{width:12px;flex:0 0 12px;color:var(--brand)}

@media(min-width:901px){
  .pos-counter-page-v468 .pos-cart-items{flex:0 1 auto;min-height:102px;max-height:245px}
  .pos-counter-page-v468 .pos-checkout{padding-right:4px}
  .pos-counter-page-v468 .pos-submit-actions{
    position:sticky;z-index:4;bottom:-7px;margin:1px -4px -6px;padding:9px 4px 6px;
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%,#fff)
  }
}

@media(max-width:900px){
  .pos-checkout-flow{gap:8px}
}

@media(max-width:680px){
  .running-credit-banner{margin:8px 10px;padding:9px 10px;border-radius:12px}
  .running-credit-banner strong{font-size:10px}
  .running-credit-banner small{font-size:8px}
  .pos-counter-page-v468 .pos-v312 .pos-cart-card{padding:12px 11px calc(11px + env(safe-area-inset-bottom))}
  .pos-counter-page-v468 .pos-cart-head{padding-bottom:7px}
  .pos-counter-page-v468 .pos-cart-items{max-height:26svh}
  .pos-counter-page-v468 .pos-checkout{padding-bottom:4px}
  .pos-counter-page-v468 .pos-buyer-summary{min-height:56px}
  .pos-counter-page-v468 .pos-payment{grid-template-columns:1fr 1fr}
  .pos-counter-page-v468 .pos-submit-actions{
    position:sticky;z-index:5;bottom:calc(-11px - env(safe-area-inset-bottom));margin:4px -11px 0;
    padding:9px 11px calc(9px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 22px rgba(18,32,51,.07)
  }
  .pos-counter-page-v468 .pos-submit-actions.single-action{grid-template-columns:1fr!important}
  .pos-primary-action-main small{max-width:145px}
}

@media(max-width:430px){
  .pos-counter-page-v468 .pos-payment{grid-template-columns:1fr}
  .pos-counter-page-v468 .pos-change{grid-column:1}
  .pos-counter-page-v468 .pos-submit-actions{grid-template-columns:92px minmax(0,1fr)}
  .pos-counter-page-v468 .pos-submit-actions.single-action{grid-template-columns:1fr!important}
  .pos-counter-page-v468 [data-complete-sale]{padding-inline:10px;gap:8px}
  .pos-primary-action-main{gap:6px}
  .pos-primary-action-main>span>span{font-size:10px}
  .pos-primary-action-main small{max-width:118px}
  .pos-counter-page-v468 [data-complete-sale]>strong{padding-left:8px;font-size:12px!important}
  .pos-credit-balance-list p{gap:8px}
}

@media(prefers-reduced-motion:reduce){
  .pos-counter-page-v468 .pos-adjustments summary>.icon,
  .pos-counter-page-v468 .pos-more-options summary>.icon{transition:none}
}