.sq-panel,.sq-checkout{--sq-green:#00eb8b;--sq-muted:#a7bbb4;color:#f5fff9;font:16px/1.5 system-ui,sans-serif}.sq-panel{padding:24px;border:1px solid #26463b;border-radius:18px;background:#081510;margin-bottom:24px}.sq-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.sq-panel h2{margin:4px 0}.sq-panel small{color:var(--sq-muted)}.sq-status{padding:5px 10px;border-radius:20px;background:#26312d;font-size:12px;white-space:nowrap}.sq-status.connected{background:#093d2b;color:#00eb8b}.sq-test{color:#a5e6cb!important;border:1px solid #2d5b46;background:#10261c;border-radius:9px;padding:8px 12px;font-size:11px;letter-spacing:.05em}.sq-connect,.sq-save,.sq-confirm,.sq-public-pay{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 20px;background:#00e989;color:#03150d;font-weight:750;font-size:16px;text-decoration:none;cursor:pointer}.sq-connect:disabled,.sq-confirm:disabled{opacity:.48;cursor:default}.sq-settings{display:grid;gap:18px;margin:22px 0}.sq-settings label{display:grid;gap:6px}.sq-settings input,.sq-settings select{padding:12px!important;border:1px solid #375044!important;background:#09110e!important;color:white!important;border-radius:10px!important;font-size:16px!important}.sq-settings .sq-toggle{display:flex;align-items:center;gap:12px}.sq-settings input[type=checkbox]{width:20px;height:20px;accent-color:#00e989}.sq-panel-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.sq-panel-links a{color:#00eb8b}.sq-disconnect{border:1px solid #536259;border-radius:8px;background:transparent;color:#d4ddd8;padding:8px;cursor:pointer}.sq-feedback{min-height:24px;color:#00eb8b}.sq-public-pay{margin-top:10px}.sq-pay-page{margin:0;background:radial-gradient(ellipse at top,#0b2a1c,#040807 65%);min-height:100vh;color:white}.sq-header{max-width:600px;margin:0 auto;padding:26px 22px;display:flex;align-items:center;justify-content:space-between;font:800 26px system-ui}.sq-header strong span{color:#00eb8b}.sq-header small{font-size:12px;letter-spacing:2px}.sq-header select{background:#101b16;color:white;border:1px solid #344b3d;padding:8px;border-radius:10px}.sq-checkout{max-width:510px;margin:0 auto;padding:0 22px 36px}.sq-checkout h1{font-size:32px;line-height:1.2;margin:10px 0 5px}.sq-business{margin-top:0;color:#a7bbb4}.sq-eyebrow{color:#00eb8b;font-size:11px;letter-spacing:1.6px}.sq-amount{padding:22px 0;margin:16px 0;display:flex;justify-content:space-between;align-items:center;border-block:1px solid #284335}.sq-amount strong{font-size:30px}.sq-tips{border:0;padding:0;margin:24px 0}.sq-tips legend{font-weight:700;font-size:19px}.sq-tips p{color:#a7bbb4;font-size:14px;margin:7px 0 16px}.sq-tip-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sq-tip-options button{min-height:48px;border:1px solid #30483b;border-radius:12px;background:#111f17;color:white;font:600 15px system-ui;cursor:pointer}.sq-tip-options button[aria-pressed=true]{border-color:#00eb8b;background:#123827;color:#00eb8b}.sq-custom{display:grid;gap:8px;margin-top:14px}.sq-custom[hidden]{display:none}.sq-custom input{background:#102019;border:1px solid #375143;border-radius:10px;padding:12px;color:white;font-size:17px;width:100%;box-sizing:border-box}.sq-total{background:#0c1b13;border:1px solid #253c2e;border-radius:16px;padding:20px;margin-bottom:24px}.sq-total>div{display:flex;justify-content:space-between;margin-bottom:9px;color:#bbcac2}.sq-total .sq-total-final{border-top:1px solid #2c4234;padding-top:16px;margin:15px 0 0;font-size:23px;color:white}.sq-total-final strong:last-child{color:#00eb8b}.sq-confirm{width:100%;min-height:56px;margin-top:8px}.sq-security{font-size:12px;text-align:center;color:#8fa79a}.sq-back{display:block;text-align:center;color:#b6cbbf;margin-top:20px}.sq-card-demo{border:1px dashed #426250;padding:20px;border-radius:12px;font-size:14px}.sq-card-demo small{display:block;color:#8fa79a;margin-top:8px}#sq-error{color:#ffd2b3;font-size:14px}.sq-success{font-size:48px;color:#00eb8b}.sq-confirmed-total{font-size:40px}.sq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:420px){.sq-panel{padding:16px}.sq-panel-head{align-items:flex-start}.sq-panel h2{font-size:21px}.sq-header{padding-top:18px}.sq-checkout h1{font-size:29px}}

/* Compact mobile checkout only; private panel and desktop keep their layout. */
@media(max-width:600px){
 .sq-pay-page .sq-header{padding:12px 18px 8px;font-size:22px}
 .sq-pay-page .sq-header small{font-size:10px}
 .sq-pay-page .sq-header select{padding:7px 9px}
 .sq-pay-page .sq-checkout{padding:0 18px 18px;font-size:15px;line-height:1.4}
 .sq-pay-page .sq-test{margin:6px 0 10px;padding:6px 9px;font-size:10px}
 .sq-pay-page .sq-eyebrow{font-size:10px;letter-spacing:1px}
 .sq-pay-page .sq-checkout h1{font-size:26px;margin:6px 0 3px}
 .sq-pay-page .sq-business{margin:0 0 8px;font-size:14px}
 .sq-pay-page .sq-amount{padding:12px 0;margin:10px 0}
 .sq-pay-page .sq-amount strong{font-size:26px}
 .sq-pay-page .sq-tips{margin:14px 0}
 .sq-pay-page .sq-tips legend{font-size:17px}
 .sq-pay-page .sq-tips p{font-size:13px;margin:4px 0 10px}
 .sq-pay-page .sq-tip-options{gap:8px}
 .sq-pay-page .sq-tip-options button{min-height:44px;font-size:14px}
 .sq-pay-page .sq-total{padding:14px;margin-bottom:14px;border-radius:13px}
 .sq-pay-page .sq-total>div{margin-bottom:6px}
 .sq-pay-page .sq-total .sq-total-final{padding-top:10px;margin:10px 0 0;font-size:21px}
 .sq-pay-page .sq-card-demo{padding:12px;font-size:13px}
 .sq-pay-page .sq-card-demo small{margin-top:5px;font-size:11px}
 .sq-pay-page #sq-error:empty{margin:0}
 .sq-pay-page .sq-confirm{min-height:48px;padding:11px 16px;font-size:16px;margin-top:12px}
 .sq-pay-page .sq-security{margin:9px 0;font-size:11px}
 .sq-pay-page .sq-back{margin-top:12px}
}

/* Center branding independently from the language selector. */
.sq-pay-page .sq-header{position:relative;justify-content:center;min-height:38px}
.sq-pay-page .sq-header>label{position:absolute;right:22px;top:50%;transform:translateY(-50%)}
@media(max-width:600px){.sq-pay-page .sq-header>label{right:18px}}

/* Native Apple Pay mark; shown only after SDK capability initialization. */
#sq-apple-pay{display:block;width:100%;height:46px;margin:0 0 16px;border-radius:8px;-webkit-appearance:-apple-pay-button;appearance:-apple-pay-button;-apple-pay-button-type:pay;-apple-pay-button-style:white;cursor:pointer}#sq-apple-pay[hidden]{display:none!important}

/* Customer-editable amount; other checkout spacing and controls stay unchanged. */
.sq-amount{flex-wrap:wrap;gap:8px}.sq-amount label,.sq-amount small{flex-basis:100%}.sq-amount input{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:24px;font-weight:700;color:inherit;background:#07150f;border:1px solid #345247;border-radius:10px;padding:10px 12px}.sq-amount input:focus{outline:2px solid #00df87;outline-offset:2px}.sq-amount small{font-size:12px;color:#a6bcb2}

/* Booking and Square share equal columns when both actions are available. */
.gp-primary-actions:has(>[data-square-pay]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gp-primary-actions>[data-square-pay]{min-width:0}