/* s3 – betaling + kundeskjerm (prefix aoe-t3-) */
.aoe-t3-cols{display:grid;gap:var(--sk-space-4,1rem);align-items:start}
html[data-screen="tablet-landscape"] .aoe-t3-cols{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}
.aoe-t3-col-a,.aoe-t3-col-b{display:grid;gap:var(--sk-space-3,.75rem);min-width:0;align-content:start}
.aoe-t3-summary{border:1px solid var(--sk-color-border-soft,#ddd);border-radius:var(--sk-radius-lg,6px);background:var(--sk-color-surface,#fff);overflow:hidden}
.aoe-t3-summary-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;width:100%;min-height:56px;padding:.6rem 1rem;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}
.aoe-t3-summary-head small{display:block;color:var(--sk-color-ink-soft)}
.aoe-t3-summary-head b{font-weight:500}
.aoe-t3-summary-head strong{font-size:1.25rem}
.aoe-t3-summary-head svg{transform:rotate(-90deg);transition:transform .15s}
.aoe-t3-summary.is-open .aoe-t3-summary-head svg{transform:rotate(90deg)}
.aoe-t3-summary-body{display:none;padding:0 1rem 1rem;border-top:1px solid var(--sk-color-border-soft,#ddd)}
.aoe-t3-summary.is-open .aoe-t3-summary-body{display:block}
.aoe-t3-summary ul{list-style:none;margin:0;padding:0}
.aoe-t3-summary li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--sk-color-border-soft,#e6e0dc)}
.aoe-t3-summary li span{display:grid;min-width:0}.aoe-t3-summary li small{color:var(--sk-color-ink-soft)}
.aoe-t3-summary li strong{white-space:nowrap}.aoe-t3-summary s{color:var(--sk-color-ink-soft);font-weight:400;margin-right:.3rem}
.aoe-t3-summary dl{margin:.6rem 0 0;display:grid;gap:.3rem}.aoe-t3-summary dl>div{display:flex;justify-content:space-between;color:var(--sk-color-ink-soft)}
.aoe-t3-summary dd,.aoe-t3-summary dt{margin:0}
.aoe-t3-summary dl>.is-total{color:var(--sk-color-ink);font-weight:600;font-size:1.15rem;padding-top:.4rem;border-top:1px solid var(--sk-color-border-soft,#ddd)}
.aoe-t3-display-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.aoe-t3-display-actions button{flex:1 1 9rem;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.aoe-t3-paid .aoe-t3-ok{color:var(--sk-color-success,#3b7a4f);display:grid;place-items:center}
.aoe-t3-remaining{background:var(--sk-color-surface-subtle,#f4eeea)}
.aoe-t3-methods>button{min-height:6rem}
.aoe-t3-methods>button:disabled small{color:var(--sk-color-ink-soft)}
/* keypad + amounts */
.aoe-t3-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:26rem}
.aoe-t3-keypad button{min-height:60px;border:1px solid var(--sk-color-border,#bbb);border-radius:var(--sk-terminal-radius,.5rem);background:var(--sk-color-surface,#fff);font:inherit;font-size:1.5rem;color:var(--sk-color-ink);cursor:pointer;display:grid;place-items:center}
.aoe-t3-keypad button:active{background:var(--sk-color-primary-soft,#efe6ee)}
.aoe-t3-amount{display:grid;gap:.15rem;padding:.9rem 1rem;border:1px solid var(--sk-color-border,#bbb);border-radius:var(--sk-terminal-radius,.5rem);background:var(--sk-color-surface,#fff)}
.aoe-t3-amount small{color:var(--sk-color-ink-soft)}
.aoe-t3-amount strong{font-size:2.2rem;letter-spacing:-.03em;line-height:1.1}
.aoe-t3-amount.is-dark{background:rgb(255 255 255/8%);border-color:rgb(255 255 255/25%);color:#fff;text-align:center}
.aoe-t3-cash{width:100%!important;max-width:none!important;align-items:start}
.aoe-t3-cash-left,.aoe-t3-cash-right{display:grid;gap:var(--sk-space-3,.75rem);min-width:0;align-content:start}
html[data-screen="tablet-landscape"] .aoe-t3-cash{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.aoe-t3-quick{display:flex;flex-wrap:wrap;gap:.5rem}
.aoe-t3-quick button{flex:1 1 7rem;min-height:56px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.4rem .6rem;line-height:1.15}
.aoe-t3-quick small{display:block;color:var(--sk-color-ink-soft)}
.aoe-t3-quick button.is-on{background:var(--sk-color-primary);color:#fff;border-color:var(--sk-color-primary)}
.aoe-t3-quick button.is-on small{color:#fff}
.aoe-t3-cash-right .aoe-t3-keypad{max-width:none}
.aoe-t3-change{width:min(32rem,100%)}
/* gift + split */
.aoe-t3-gift{width:min(44rem,100%)!important}
.aoe-t3-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem}
.aoe-t3-cards button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;min-height:64px;padding:.6rem .9rem;border:1px solid var(--sk-color-border,#bbb);border-radius:var(--sk-radius-md,.5rem);background:var(--sk-color-surface,#fff);font:inherit;text-align:left;color:inherit;cursor:pointer}
.aoe-t3-cards button span{display:grid}.aoe-t3-cards small{color:var(--sk-color-ink-soft)}
.aoe-t3-cards button.is-on{border-color:var(--sk-color-primary);background:var(--sk-color-primary-soft)}
.aoe-t3-cards button:disabled{opacity:.5;cursor:not-allowed}
.aoe-t3-split{width:100%!important}
.aoe-t3-splitform{display:grid;gap:var(--sk-space-3,.75rem)}
.aoe-t3-splitrow{display:grid;gap:.6rem;align-items:start}
html[data-screen="tablet-landscape"] .aoe-t3-splitrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.aoe-t3-add{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.aoe-t3-tipcustom{display:grid;gap:.6rem;margin-top:.5rem;justify-items:start}
.aoe-t3-tip .sk-terminal-tip-chips button{min-height:56px}
.aoe-t3-tip .sk-terminal-help svg{vertical-align:-3px}
.aoe-t3-rcpt{width:min(32rem,100%);text-align:left}
.aoe-t3-muted{color:var(--sk-color-ink-soft)}
/* slide */
.aoe-t3-slide{width:100%;max-width:38rem}
/* waiting */
.aoe-t3-pulse{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:50%;background:var(--sk-color-primary-soft,#efe6ee);color:var(--sk-color-primary);animation:aoe-t3-pulse 1.6s ease-in-out infinite}
.aoe-t3-pulse svg{width:2.4rem!important;height:2.4rem!important}
@keyframes aoe-t3-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sk-color-primary) 35%,transparent)}50%{box-shadow:0 0 0 18px transparent}}
.aoe-t3-wait .sk-terminal-payment-wait__phase,.aoe-t3-declined .sk-terminal-error{margin:0;text-align:center}
.aoe-t3-wait .sk-terminal-payment-wait__phase span{color:var(--sk-color-ink-soft)}
.aoe-t3-wait .sk-terminal-payment-wait__hint{margin:0;color:var(--sk-color-ink-soft);font-size:.9rem}
.aoe-t3-demo{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;margin-top:.5rem;padding-top:.8rem;border-top:1px dashed var(--sk-color-border,#bbb)}
.aoe-t3-demo button{min-height:48px}
.aoe-t3-x{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--sk-color-danger,#b3382c);color:#fff}
.aoe-t3-x svg{width:2rem!important;height:2rem!important;color:#fff!important}
.aoe-t3-qr{position:relative}
.aoe-t3-qr-badge{position:absolute;top:8px;right:8px;background:#242423;color:#fff;font-size:.75rem;padding:2px 8px;letter-spacing:.04em;text-transform:uppercase;border-radius:3px}
/* done */
.aoe-t3-done .sk-terminal-completed-details{display:grid;gap:var(--sk-space-3,.75rem);justify-items:center;width:100%}
.aoe-t3-done .sk-terminal-completed-details>p{margin:0}
.aoe-t3-done .sk-terminal-completed-details>svg{width:3.5rem;height:3.5rem}
/* customer display additions */
.aoe-t3-dlogo{height:30px;width:auto;display:block}
.sk-customer-display>header>div{display:flex;align-items:center;gap:.7rem}
.sk-customer-display button.sk-customer-tip-option,.sk-customer-display button.sk-customer-tip-decline{font:inherit;cursor:pointer;min-height:56px}
.sk-customer-display button.sk-customer-tip-decline{width:100%;max-width:24rem;justify-self:center}
.aoe-t3-dcustom{display:grid;gap:.5rem;justify-items:center;width:100%;max-width:24rem}
.aoe-t3-dcustom .aoe-t3-keypad button{min-height:54px;background:rgb(255 255 255/10%);border-color:rgb(255 255 255/25%);color:#fff;font-size:1.4rem}
.aoe-t3-dcustom .sk-customer-tip-option{width:100%}
.sk-customer-display .sk-customer-tip-note{color:rgb(255 255 255/65%)}
.sk-customer-display .sk-customer-qr{position:relative}
/* preview sheet */
.aoe-t3-sheet{position:fixed;inset:0;z-index:120;background:#24242399;display:grid;place-items:center;padding:12px}
.aoe-t3-sheet-panel{display:grid;gap:.8rem;max-height:calc(100dvh - 24px);overflow:auto;padding:1rem 1.1rem;background:var(--sk-color-surface,#fffdfa);border-radius:8px;max-width:100%}
.aoe-t3-sheet-panel>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}
.aoe-t3-sheet-panel h2{margin:0;font-size:1.3rem;font-weight:500}
.aoe-t3-sheet-panel .sk-terminal-eyebrow{margin:0}
.aoe-t3-orient{min-width:14rem}
.aoe-t3-frame{position:relative;overflow:hidden;margin:0 auto;border:8px solid #242423;border-radius:14px;background:#242423}
.aoe-t3-stage{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}
.aoe-t3-stage .sk-customer-display{height:100%;min-height:0;box-sizing:border-box}
.aoe-t3-stage .sk-customer-display .sk-customer-qr svg{width:170px;height:170px}
.aoe-t3-stage[data-o="p"] .sk-customer-transaction{width:calc(100% - 4rem)}
.aoe-t3-sheetactions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}
.aoe-t3-sheetactions button{min-height:48px;display:inline-flex;align-items:center;gap:.4rem}
html[data-surface="display"] body{overflow:hidden}
html[data-screen="tablet-portrait"] .aoe-t3-keypad button{min-height:54px}
html[data-screen="tablet-portrait"] .aoe-t3-pay,html[data-screen="tablet-portrait"] .aoe-t3-done,html[data-screen="tablet-portrait"] .aoe-t3-wait,html[data-screen="tablet-portrait"] .aoe-t3-declined{padding-bottom:9rem}
.aoe-t3-pay .sk-terminal-heading-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}
.aoe-t3-pay .sk-terminal-heading-actions>strong{font-size:2rem;letter-spacing:-.03em}
.sk-customer-display button.sk-customer-tip-decline{background:rgb(255 255 255/10%);border:2px solid rgb(255 255 255/30%);color:#fff;border-radius:var(--sk-terminal-radius,.5rem)}
.sk-customer-display button.sk-customer-tip-decline.is-chosen{background:var(--sk-color-primary-soft,#efe6ee);color:var(--sk-color-primary);border-color:var(--sk-color-primary)}
.sk-customer-display .sk-customer-lines{min-height:7.5rem}