:root{color-scheme:dark;--ink:#fffdf4;--muted:#b5c3b9;--gold:#f4cc63;--border:rgba(195,211,196,.24);--panel:#102222;--font:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#061c13;color:var(--ink);font:16px/1.45 var(--font);min-width:280px;min-height:100vh}body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,23,14,.62),rgba(2,20,14,.88) 60%,rgba(1,20,12,.63)),url("assets/SKAM_KassenApp_Wallpaper.png") center/cover no-repeat}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffdb79;outline-offset:4px}a{color:var(--gold)}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,p{margin:0}[hidden]{display:none!important}.app-shell{max-width:1432px;margin:0 auto;padding:0 38px 30px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:29px 6px 28px;min-height:177px;border-bottom:1px solid rgba(232,193,94,.43);margin-bottom:27px}.brand-copy h1{font-size:clamp(24px,2.6vw,39px);line-height:1.14;letter-spacing:-.8px;font-weight:700;text-shadow:0 3px 6px #00190d;color:#fff1c2}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2.5px;color:var(--gold);margin-bottom:10px}.eyebrow span{padding:0 8px}.brand-logo{width:127px;height:127px;flex-shrink:0;filter:drop-shadow(0 5px 15px #0009)}.brand-logo img{width:100%;height:100%;object-fit:contain}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:26px;align-items:start}.checkout{grid-column:2;grid-row:1;position:sticky;top:22px;min-width:0}.receipt{border:1px solid rgba(173,193,180,.36);border-radius:14px;background:linear-gradient(115deg,rgba(23,41,42,.98),rgba(9,26,27,.97));box-shadow:0 10px 28px #0005,inset 0 1px #fff1;padding:21px}.receipt-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--border)}.receipt h2{font-size:23px;letter-spacing:-.4px}.receipt-count{font-size:13px;color:var(--muted);white-space:nowrap}.receipt-lines{min-height:217px;max-height:calc(100dvh - 470px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#65766b transparent}.receipt-line{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:4px;text-align:left;padding:16px 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);transition:background .15s}.receipt-line:hover{background:#ffffff09}.receipt-line .line-name{font-size:17px;overflow-wrap:anywhere}.line-price{font-size:18px;font-weight:600;align-self:center;font-variant-numeric:tabular-nums;grid-column:2;grid-row:1/3}.line-details{font-family:"Segoe UI",sans-serif;font-size:13px;color:var(--muted)}.receipt-line:last-child{border-bottom:0}.receipt-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:20px;border-top:1px solid #94a698;margin-top:6px}.receipt-total>span{font-size:18px;font-weight:600}.receipt-total output{color:var(--gold);font-size:clamp(26px,2.5vw,36px);font-weight:700;letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums}.receipt-hint{font-size:12px;color:#dbe6de;text-align:center;margin-top:13px}.empty-receipt{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:217px;padding:25px 0;color:#bcc9bf;text-align:center;gap:9px}.empty-receipt svg{width:40px;height:40px;fill:none;stroke:#90a393;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:5px}.empty-receipt strong{font-size:16px;font-weight:500}.empty-receipt span{font:13px/1.5 "Segoe UI",sans-serif;max-width:195px;color:#9caea2}.new-invoice{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:16px;width:100%;min-height:64px;padding:14px 12px;border:1px solid #a9b6bf;border-radius:10px;background:linear-gradient(#617781,#354b54);color:white;box-shadow:inset 0 1px 2px #fff5,0 5px 12px #0006;font-size:21px;font-weight:600}.new-invoice:hover:not(:disabled){background:linear-gradient(#778b94,#3f5d64)}.new-invoice:active:not(:disabled){transform:translateY(1px)}.new-invoice:disabled{opacity:.57}.new-invoice svg{width:25px;height:28px}.catalog{grid-column:1;grid-row:1;display:grid;grid-template-columns:145px minmax(0,1fr);gap:17px;align-items:start;min-width:0}.categories{display:flex;flex-direction:column;gap:10px;padding-top:0;min-width:0}.category{position:relative;border:1px solid #65807688;background:linear-gradient(130deg,#1d3030,#0b1d1c);color:#f6f7ed;border-radius:10px;padding:15px 10px;display:flex;align-items:center;gap:10px;min-height:75px;text-align:center;justify-content:center;font-size:16px;font-weight:600;line-height:1.25;box-shadow:0 4px 9px #0004,inset 0 1px #fff1;overflow-wrap:anywhere}.category:hover{border-color:#aeaa74}.category[aria-selected=true]{border:2px solid #f6ce66;padding:14px 9px;background:linear-gradient(130deg,#375b38,#103421);box-shadow:0 0 11px #d7b95424,inset 0 0 8px #fbd67537;color:#fff7dc}.products-section{min-width:0}.products-heading{height:37px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:0 2px}.products-heading h2{font-size:15px;font-weight:500;color:#e9e9d5;letter-spacing:.5px}.products-heading>span{font-size:12px;color:#b5c4b5}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}.product{position:relative;min-width:0;border:1px solid #f3f0df;border-radius:11px;background:linear-gradient(145deg,#fffffb,#e9e7dc);color:#162b23;display:flex;align-items:center;flex-direction:column;text-align:center;padding:14px 7px 12px;min-height:158px;box-shadow:0 4px 9px #0005;transition:transform .12s,box-shadow .12s;overflow:hidden}.product:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0008,0 0 0 2px #cfb262}.product:active{transform:scale(.97)}.product img{display:block;width:80px;height:80px;object-fit:contain;margin-bottom:9px}.product-name{font-weight:600;font-size:16px;line-height:1.18;overflow-wrap:anywhere;margin-top:auto}.product-price{font-size:18px;font-weight:700;line-height:1.3;margin-top:4px;font-variant-numeric:tabular-nums}.product-quantity{position:absolute;right:7px;top:7px;min-width:25px;height:25px;padding:2px 6px;display:grid;place-items:center;border-radius:50px;background:#183e29;color:#ffdd7f;font:700 13px/1 "Segoe UI",sans-serif;box-shadow:0 1px 3px #0003}.product.in-cart{border-color:#ecc662;box-shadow:inset 0 0 0 2px #d7b350,0 4px 9px #0005}.app-footer{border-top:1px solid rgba(208,201,146,.2);padding:21px 2px 0;margin-top:29px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--muted);font:13px/1.5 "Segoe UI",sans-serif}.footer-label{font-weight:600;color:#d4decf;font-size:14px}.version{font-size:10px;color:var(--gold);border:1px solid #b6a36466;border-radius:3px;padding:1px 4px;margin-left:5px;vertical-align:1px}.app-footer p{font-size:12px;margin-top:4px}.file-actions{display:flex;gap:18px;align-items:center}.quiet-button{display:flex;align-items:center;gap:8px;background:#10261ec4;border:1px solid #7c927957;color:#e2e9dc;border-radius:7px;min-height:42px;padding:8px 13px;font-size:13px}.quiet-button svg{width:17px;height:17px}.quiet-button:hover:not(:disabled){border-color:#e5c36c}.quiet-button:disabled{opacity:.5}.help-link{text-decoration:none;padding:12px 0;color:#d0dbc9}.help-link:hover{text-decoration:underline}.app-footer .import-hint{width:100%;text-align:right;margin-top:-7px;color:#b8c6b8;font-size:12px}.data-message{border:1px solid #b6a16c;border-radius:7px;background:#302d17e8;padding:12px 16px;font:14px/1.5 "Segoe UI",sans-serif;margin-top:16px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#f9e7b4;color:#183323;box-shadow:0 4px 30px #0008;border-radius:8px;padding:12px 22px;z-index:10;max-width:90vw;text-align:center;font-size:15px}.catalog-empty{padding:40px 10px;color:#d9e2d3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;top:10px;left:10px;right:10px;padding:20px;background:#f9e7b4;color:#123321;z-index:20}
@media(min-width:1400px){.product{min-height:177px}.product img{width:94px;height:94px}.catalog{grid-template-columns:160px minmax(0,1fr)}.category{font-size:17px;min-height:81px}.workspace{grid-template-columns:minmax(0,1fr) 380px}.receipt-lines,.empty-receipt{min-height:264px}}
@media(max-width:1120px) and (min-width:861px){.app-shell{padding:0 22px 25px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.catalog{grid-template-columns:1fr;gap:14px}.categories{padding-top:0;flex-direction:row;flex-wrap:wrap;gap:7px}.category{flex:1 1 125px;min-height:52px;padding:10px;font-size:14px}.category[aria-selected=true]{padding:9px}.receipt{padding:18px}.receipt-total output{font-size:30px}.receipt-total>span{font-size:16px}.product{min-height:154px}.product img{width:73px;height:73px}}
@media(max-width:860px){.app-shell{padding:0 22px 25px;max-width:780px}.app-header{min-height:142px;padding:23px 2px 22px;margin-bottom:20px}.brand-logo{width:98px;height:98px}.brand-copy h1{font-size:30px}.eyebrow{font-size:11px;margin-bottom:8px;letter-spacing:2px}.workspace{display:flex;flex-direction:column;gap:23px}.checkout{position:static;width:100%}.receipt{padding:18px 21px}.receipt-heading{padding-bottom:10px}.receipt-lines{min-height:90px;max-height:204px}.empty-receipt{min-height:93px;padding:17px;gap:4px}.empty-receipt svg{display:none}.empty-receipt span{max-width:100%}.receipt-line{padding:12px 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:13px}.line-price{grid-column:3;grid-row:1;font-size:17px;min-width:70px;text-align:right}.line-details{grid-column:2;grid-row:1}.receipt-total{padding-top:11px}.receipt-total output{font-size:32px}.receipt-hint{font-size:11px;margin-top:6px}.new-invoice{min-height:55px;margin-top:12px;font-size:20px}.catalog{display:flex;flex-direction:column;gap:19px;width:100%}.categories{width:100%;padding:0;flex-direction:row;flex-wrap:wrap;gap:8px}.category{flex:1 1 29%;min-height:56px;padding:10px 12px;justify-content:center;font-size:16px}.category[aria-selected=true]{padding:9px 11px}.products-section{width:100%}.products{gap:11px}.product{min-height:173px;padding:13px 8px}.product img{width:90px;height:90px}.product-name{font-size:18px}.product-price{font-size:19px}.products-heading{height:29px}.app-footer{margin-top:24px}.app-footer .import-hint{text-align:left;margin-top:0}}
@media(max-width:500px){.app-shell{padding:0 14px 22px}.app-header{gap:10px;min-height:122px;margin-bottom:16px;padding:20px 0 18px}.brand-logo{width:79px;height:79px}.brand-copy h1{font-size:clamp(18px,4.7vw,23px);letter-spacing:-.45px;line-height:1.2}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:7px}.eyebrow span{padding:0 4px}.receipt{padding:14px 15px;border-radius:11px}.receipt h2{font-size:21px}.receipt-count{font-size:12px}.receipt-lines{max-height:178px}.receipt-line{column-gap:8px;padding:10px 0}.receipt-line .line-name{font-size:15px}.line-details{font-size:11px}.line-price{font-size:15px;min-width:57px}.receipt-total>span{font-size:17px}.receipt-total output{font-size:32px}.new-invoice{min-height:51px;font-size:19px;margin-top:10px}.new-invoice svg{width:23px;height:23px}.workspace{gap:20px}.catalog{gap:16px}.categories{gap:7px}.category{font-size:13px;padding:10px 5px;gap:6px;min-height:53px;flex-basis:29%;border-radius:8px}.category[aria-selected=true]{padding:9px 4px}.products{gap:8px}.product{min-height:147px;border-radius:9px;padding:11px 5px 10px}.product img{width:70px;height:70px;margin-bottom:8px}.product-name{font-size:15px}.product-price{font-size:17px}.product-quantity{top:5px;right:5px;min-width:22px;height:22px;font-size:11px}.products-heading h2{font-size:14px}.products-heading>span{font-size:11px}.app-footer{gap:14px;padding-top:17px}.app-footer .import-hint{font-size:11px}.file-actions{gap:14px}.quiet-button{font-size:12px;padding:8px 10px}.footer-label{font-size:13px}.app-footer p{font-size:11px}}
@media(max-width:350px){.app-shell{padding-left:10px;padding-right:10px}.brand-logo{width:66px;height:66px}.brand-copy h1{font-size:17px}.eyebrow{font-size:9px}.category{font-size:12px;gap:4px}.receipt-line{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.line-details{grid-column:1;grid-row:2}.line-price{grid-column:2;grid-row:1/3}.receipt-total{flex-wrap:wrap}.product-name{font-size:14px}.product img{width:60px;height:60px}.product{min-height:138px}.receipt{padding:12px}.brand-copy h1{letter-spacing:-.6px}}
.products-heading{height:auto;min-height:37px;padding-bottom:10px;align-items:flex-start}.products-heading h2{min-width:0;overflow-wrap:anywhere}.products-heading>span{flex-shrink:0}.receipt-total{flex-wrap:wrap}.receipt-total output{max-width:100%;overflow-wrap:anywhere;white-space:normal}.category span{min-width:0;hyphens:auto}.receipt-count{flex-shrink:0}.app-footer>div{min-width:0}.app-footer #data-source{overflow-wrap:anywhere}
@media(max-width:860px){.products-heading{min-height:29px;padding-bottom:9px}}
.product-amount{font-size:14px;line-height:1.3;color:#49604e;margin-top:5px;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.line-amount{display:block;color:var(--muted);font-size:13px;line-height:1.3;margin-top:4px;font-weight:400;overflow-wrap:anywhere}
.reset-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid var(--gold);border-radius:16px;background:linear-gradient(135deg,#19362b,#102222);color:var(--ink);box-shadow:0 20px 80px #0009;overflow-y:auto}
.reset-dialog::backdrop{background:rgba(0,12,7,.78)}
.reset-dialog h2{font-size:24px;line-height:1.25;color:#fff1c2;overflow-wrap:anywhere}
.reset-dialog p{margin-top:16px;font:16px/1.55 "Segoe UI",sans-serif}
.reset-actions{display:flex;gap:14px;margin-top:26px}
.reset-actions button{flex:1;min-height:48px;border-radius:8px;padding:10px 16px;font-weight:700;font-size:18px}
.reset-no{background:#233f33;border:1px solid #7e9988;color:var(--ink)}
.reset-no:hover{background:#30503f}
.reset-yes{background:#f4cc63;border:1px solid #f4cc63;color:#162b23}
.reset-yes:hover{background:#ffe195}
@media(max-width:350px){.reset-dialog{padding:22px}.reset-dialog h2{font-size:22px}}
.new-invoice{min-height:82px;gap:15px}
.new-invoice svg{width:34px;height:38px}
.invoice-label{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.invoice-label strong{font-size:21px;font-weight:700}
.invoice-label>span{font-size:17px;font-weight:500}
.delete-receipt{display:block;width:100%;min-height:48px;margin-top:11px;padding:10px 14px;border:1px solid #eea49d;border-radius:10px;background:linear-gradient(#a43834,#70211f);color:#fff5f2;font-size:17px;font-weight:600;box-shadow:inset 0 1px #ffffff24,0 4px 10px #0004}
.delete-receipt:hover:not(:disabled){background:linear-gradient(#bd433b,#8c2925)}
.delete-receipt:active:not(:disabled){transform:translateY(1px)}
.delete-receipt:disabled{opacity:.45}
.footer-brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.copyright{font-size:12px;color:#becbbb}
.delete-confirmation{border-color:#f1988e}
.delete-confirmation h2{color:#ffb4a8}
.delete-confirmation .reset-yes{background:#a43834;border-color:#eea49d;color:#fff5f2}
.delete-confirmation .reset-yes:hover{background:#bd433b}
#reset-question{font-weight:600}
@media(min-width:861px){.receipt-lines{max-height:calc(100dvh - 550px)}}
@media(max-width:500px){.new-invoice{min-height:76px}.invoice-label strong{font-size:20px}.invoice-label>span{font-size:16px}.copyright{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* V1.6: clear green enabled state for checkout. */
.new-invoice:not(:disabled){border-color:#9bbd86;background:linear-gradient(#3e754c,#1c4c31);color:#fff9e7}
.new-invoice:hover:not(:disabled){background:linear-gradient(#4d8a59,#28613c);border-color:#c1d7a3}

/* V1.8: allow scrolling while suppressing touch zoom throughout the app.
   Older Safari retains manipulation if the pan pair is unsupported. */
html,body,.reset-dialog{touch-action:manipulation;touch-action:pan-x pan-y}

/* V1.9.1beta: small nonblocking startup/status UI and Safari 15.0 dialog fallback. */
.startup-progress{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:30;width:min(360px,calc(100% - 28px));padding:9px 14px;border:1px solid #c9ad65;border-radius:8px;background:#102b22f5;color:#f1e8c9;box-shadow:0 3px 15px #0005;font:12px/1.4 "Segoe UI",sans-serif;pointer-events:none}
.startup-progress progress{display:block;width:100%;height:4px;margin-top:6px;accent-color:#d6b565;border:0;background:#29473a}
.startup-progress progress::-webkit-progress-bar{background:#29473a}.startup-progress progress::-webkit-progress-value{background:#d6b565}
.offline-status{font:11px/1.5 "Segoe UI",sans-serif;color:#c0cdbf;margin:5px 2px 0;overflow-wrap:anywhere}
.app-updating{cursor:progress}.app-updating button{pointer-events:none}
.reset-dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
.legacy-dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,12,7,.78);touch-action:pan-x pan-y}
.legacy-dialog-backdrop[hidden]{display:none}.legacy-dialog-backdrop .reset-dialog{position:relative;display:none;margin:auto}.legacy-dialog-backdrop .reset-dialog[open]{display:block}.legacy-dialog-open{overflow:hidden}

/* Price-list downloads: wrap controls on narrow screens; no change to the till. */
.file-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
a.quiet-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.download-status{font:13px/1.5 "Segoe UI",sans-serif;color:#dbe6de;margin-top:12px;overflow-wrap:anywhere}
.download-status .quiet-button{margin:6px 0 0 8px}
@media(max-width:600px){.file-actions{justify-content:flex-start;width:100%}.file-actions .quiet-button{max-width:100%;white-space:normal;text-align:center}}

/* Keep the two discreet footer links together when controls wrap. */
.footer-links{display:inline-flex;align-items:center;gap:16px;white-space:nowrap}

/* V1.0.2: independent cash-counting view, using the existing receipt/card design. */
.cash-counter-button{display:block;width:100%;min-height:48px;margin-top:11px;padding:10px 14px;border:1px solid #94bfed;border-radius:10px;background:linear-gradient(#286395,#173f68);color:#f3f8ff;font-size:17px;font-weight:600;box-shadow:inset 0 1px #ffffff24,0 4px 10px #0004}
.cash-counter-button:hover{background:linear-gradient(#3377af,#20517e)}
.cash-counter-button:active{transform:translateY(1px)}
.app-header{position:relative}
.cash-info{position:absolute;left:2px;right:2px;bottom:4px;color:#dbe6de;font:12px/1.35 "Segoe UI",sans-serif}
.cash-catalog{grid-column:1;grid-row:1;min-width:0;width:100%}
.cash-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cash-product{min-height:0;padding:8px 5px}
.cash-product img{width:100%;height:auto;aspect-ratio:627/350;object-fit:contain;margin-bottom:4px}
.cash-product .product-price{font-size:19px;margin-top:auto}
.cash-workspace .receipt-heading{flex-wrap:wrap}
.cash-workspace .receipt-lines{min-height:140px;max-height:calc(100vh - 515px);max-height:calc(100dvh - 515px)}
.cash-workspace .empty-receipt{min-height:140px;padding:18px 0}
.cash-workspace .receipt-line{padding:10px 0}
#cash-title:focus{outline:none}
@media(min-width:700px) and (max-width:860px){.cash-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.cash-workspace .receipt{padding:16px}.cash-workspace .receipt-line{grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.cash-workspace .line-price{grid-column:2;grid-row:1/3}.cash-workspace .line-details{grid-column:1;grid-row:2}.cash-workspace .receipt-total>span{font-size:16px}.cash-workspace .receipt-total output{font-size:30px}}
@media(max-width:699px){.cash-workspace .receipt-lines{min-height:90px;max-height:178px}.cash-workspace .empty-receipt{min-height:90px}}
@media(max-width:500px){.cash-products{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-info{font-size:11px;line-height:1.2;bottom:3px}.cash-info:not([hidden])~.brand-copy,.cash-info:not([hidden])~.brand-logo{transform:translateY(-8px)}.cash-counter-button,#close-cash-counter{font-size:16px}}

/* V1.0.3: compact header, keeping the till controls visible on landscape tablets. */
.app-header{min-height:0;padding:6px 6px 21px;margin-bottom:12px;gap:16px}
.brand-logo{width:68px;height:68px}
.brand-copy h1{font-size:23px;line-height:1.12;letter-spacing:-.45px}
.eyebrow{font-size:11px;line-height:1.45;letter-spacing:2px;margin-bottom:4px}
@media(min-width:861px) and (max-width:1399px){
  #till-view .receipt-lines{min-height:min(217px,max(90px,calc(100vh - 552px)));min-height:min(217px,max(90px,calc(100dvh - 552px)));max-height:calc(100vh - 552px);max-height:calc(100dvh - 552px)}
  #till-view .empty-receipt{min-height:min(217px,max(90px,calc(100vh - 552px)));min-height:min(217px,max(90px,calc(100dvh - 552px)))}
}
@media(min-width:861px) and (max-width:1399px) and (max-height:740px){
  #till-view .empty-receipt{padding:10px 0}
  #till-view .empty-receipt svg{display:none}
}
@media(max-width:500px){
  .app-header{padding:6px 0 30px;gap:10px}
  .brand-logo{width:58px;height:58px}
  .brand-copy h1{font-size:18px;line-height:1.2}
  .eyebrow{font-size:9px;letter-spacing:1.3px}
  .cash-info:not([hidden])~.brand-copy,.cash-info:not([hidden])~.brand-logo{transform:none}
}
@media(max-width:350px){.brand-copy h1{font-size:17px}.brand-logo{width:52px;height:52px}}

/* V2.1: published descriptions, viewport-filling checkout and display-only bon. */
.product-description{display:block;max-width:100%;color:#424242;font-size:15px;font-weight:400;line-height:1.35;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:860px){.product-description{font-size:16px}}
@media(max-width:500px){.product-description{font-size:14.5px}}
@media(max-width:350px){.product-description{font-size:14px}}
.product-name{margin-top:0}
.receipt-title-group{display:flex;align-items:center;gap:8px;min-width:0}
.receipt-title-group h2{min-width:0}
.receipt-detail-button{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:8px;border:1px solid #a48e55;border-radius:9px;background:#2b413a;color:#ffe297}
.receipt-detail-button:hover{background:#3a5548}
.checkout-slot{grid-column:2;grid-row:1;min-width:0;width:100%}
.app-shell{--checkout-column:352px;--checkout-gap:26px}
.viewport-layout .checkout{position:fixed;z-index:5;display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain}
.viewport-layout .checkout-slot{min-height:var(--checkout-initial-height,500px)}
.viewport-layout .checkout .receipt{display:flex;flex-direction:column;flex:1 1 auto;min-height:145px;overflow:hidden}
.viewport-layout .checkout .receipt-heading,.viewport-layout .checkout .receipt-total,.viewport-layout .checkout .receipt-hint{flex-shrink:0}
.viewport-layout #till-view .receipt-lines,.viewport-layout #cash-view .receipt-lines{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
.viewport-layout #till-view .empty-receipt,.viewport-layout #cash-view .empty-receipt{min-height:100%;padding:12px 0}
.viewport-layout .checkout>button{flex-shrink:0}
.viewport-layout .checkout .receipt-heading{flex-wrap:wrap;padding-bottom:10px}
.viewport-layout .checkout .receipt-count{margin-left:auto}
@media(min-width:700px){
  .workspace,.cash-workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--checkout-column);gap:var(--checkout-gap)}
  #till-view>.app-footer,#download-status,#offline-status,#data-message{max-width:calc(100% - var(--checkout-column) - var(--checkout-gap))}
}
@media(min-width:1400px){.app-shell{--checkout-column:380px}}
@media(min-width:861px) and (max-width:1120px){.app-shell{--checkout-column:310px;--checkout-gap:20px}}
@media(min-width:700px) and (max-width:860px){
  .app-shell{--checkout-column:280px;--checkout-gap:16px;max-width:100%}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .checkout .receipt{padding:14px}.checkout .receipt h2{font-size:19px}
  .checkout .receipt-line{grid-template-columns:minmax(0,1fr) auto}.checkout .line-price{grid-column:2;grid-row:1/3}.checkout .line-details{grid-column:1;grid-row:2}
  .checkout .receipt-total output{font-size:29px}.checkout .receipt-total>span{font-size:15px}
}
@media(min-width:700px) and (max-height:620px){
  .viewport-layout .checkout .receipt{padding:8px;min-height:100px}.viewport-layout .checkout .receipt h2{font-size:18px}
  .viewport-layout .checkout .receipt-total{padding-top:5px}.viewport-layout .checkout .receipt-hint{display:none}
  .viewport-layout .checkout>button{margin-top:6px;min-height:40px;padding:7px 10px;font-size:16px}
  .viewport-layout .checkout .receipt-total output{font-size:28px}
  .viewport-layout .checkout .invoice-label{display:block;font-size:15px}.viewport-layout .checkout .invoice-label strong,.viewport-layout .checkout .invoice-label span{display:inline;font-size:15px}.viewport-layout .checkout .invoice-label span::before{content:' '}
}
@media(max-width:699px){
  .checkout .receipt-heading{flex-wrap:wrap}
  .checkout .receipt-count{margin-left:auto}
  .receipt-detail-button{width:36px;height:36px;padding:6px}
}
body.receipt-detail-open{overflow:hidden}
.receipt-detail{position:fixed;inset:0;top:var(--visible-top,0px);width:100%;max-width:none;height:var(--visible-height,100vh);max-height:none;margin:0;padding:18px max(18px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));border:0;border-radius:0;background:linear-gradient(#102c23f5,#071c16fa),url('assets/SKAM_KassenApp_Wallpaper.png') center/cover;overflow:hidden;touch-action:pan-x pan-y}
.receipt-detail[open]{display:flex;flex-direction:column;align-items:center;gap:14px}
.receipt-detail>h2{flex-shrink:0;text-align:center;color:#fff1c2;font-size:clamp(22px,3vw,32px);line-height:1.2}
.receipt-detail>.receipt{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:min(1100px,100%);padding:20px;overflow:hidden}
.receipt-detail .receipt-heading,.receipt-detail .receipt-total{flex-shrink:0;border-color:rgba(232,193,94,.43)}
.receipt-detail .receipt-heading{padding-bottom:8px}
.receipt-detail .receipt-lines{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding:0 6px 0 0;-webkit-overflow-scrolling:touch}
.detail-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;overflow-wrap:anywhere}
.detail-col-article{width:44%}.detail-col-quantity{width:9%}.detail-col-unit{width:15%}.detail-col-price{width:15%}.detail-col-sum{width:17%}
.detail-table th,.detail-table td{vertical-align:top;text-align:right;padding:8px 6px 0}
.detail-table th:first-child,.detail-table td:first-child{text-align:left;padding-left:0}
.detail-table th:last-child,.detail-table td:last-child{padding-right:0}
.detail-table thead th{position:sticky;top:0;z-index:1;background:#132b27;color:var(--gold);border-bottom:1px solid rgba(232,193,94,.43);padding-top:9px;padding-bottom:9px;font:600 13px/1.3 "Segoe UI",sans-serif;vertical-align:bottom}
.detail-name{font-size:20px;line-height:1.25;font-weight:600}
.detail-value{font-size:20px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums}
.detail-unit{color:#dbe6de;font-weight:400}
.detail-table .detail-description-row td{padding-top:3px}
.receipt-detail .detail-description{white-space:pre-wrap;text-align:left;font:15px/1.35 "Segoe UI",sans-serif;color:#dbe6de;margin:0}
.receipt-detail-line>tr:last-child>*{padding-bottom:8px;border-bottom:1px solid rgba(232,193,94,.43)}
.receipt-detail-line:last-child>tr:last-child>*{border-bottom:0}
.receipt-detail .receipt-total{justify-content:flex-end;align-items:baseline;flex-wrap:nowrap;gap:.3em;padding-top:12px;font-size:clamp(20px,3.5vw,38px)}
.receipt-detail .receipt-total>span,.receipt-detail .receipt-total output{font-size:inherit;line-height:1.2;font-weight:700;letter-spacing:0}
.receipt-detail .receipt-total>span{flex-shrink:0}
.receipt-detail>.delete-receipt{width:min(480px,100%);margin:0;flex-shrink:0;min-height:48px}
.receipt-detail .detail-empty{padding:24px 0;color:var(--muted)}
.legacy-dialog-backdrop .receipt-detail{position:fixed;margin:0}
.legacy-dialog-backdrop .receipt-detail[open]{display:flex}
@media(max-width:500px){
  .receipt-detail{padding:12px 10px max(10px,env(safe-area-inset-bottom,0px));gap:10px}
  .receipt-detail>.receipt{padding:12px}.receipt-detail .receipt-heading{padding-bottom:8px}.receipt-detail .receipt-total{padding-top:10px}
  .detail-col-article{width:30%}.detail-col-quantity{width:12%}.detail-col-unit{width:16%}.detail-col-price{width:19%}.detail-col-sum{width:23%}
  .detail-table th,.detail-table td{padding-left:3px;padding-right:3px}
  .detail-table thead th{font-size:11px;padding-top:7px;padding-bottom:7px}
  .detail-name,.detail-value{font-size:14px}.receipt-detail .detail-description{font-size:13px}
  .receipt-detail .receipt-lines{padding-right:3px}
}
@media(max-width:350px){.detail-name,.detail-value{font-size:12px}.detail-table thead th{font-size:10px}.detail-col-article{width:28%}.detail-col-quantity{width:14%}}

/* V2.2.1-Final Hotfix 6: compact controls at every breakpoint. */
.checkout .receipt-total{padding-top:6px;margin-top:0}
.checkout .receipt-hint{margin:5px 0 0;font-size:11px;line-height:1.3}
.checkout-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:7px;flex-shrink:0;margin-top:8px}
.checkout .checkout-actions>button{display:flex;align-items:center;justify-content:center;gap:0;min-width:0;width:100%;min-height:44px;height:44px;margin:0;padding:6px 4px;font:700 14px/1.2 "Segoe UI",sans-serif;white-space:nowrap}
.checkout-actions .delete-receipt{background:#802a2c;border-color:#dd7770;color:#fff}
.checkout-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.receipt-sync{flex-shrink:0;margin:5px 0 0;font:11px/1.35 "Segoe UI",sans-serif;color:#dbe6de;overflow-wrap:anywhere}
.receipt-sync.sync-error{color:#ffd0bd;font-weight:600}
.categories .category{min-height:42px;padding:5px 10px}
.categories .category[aria-selected="true"]{padding:4px 9px}
@media(max-width:699px){
  #till-view .checkout .receipt-lines{min-height:160px;max-height:clamp(220px,40svh,380px)}
  .checkout .checkout-actions>button{font-size:13px}
}

/* V2.2.2: comfortable touch targets and deckel dialogs. */
.checkout-actions{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)}
.checkout .checkout-actions>button{white-space:normal;overflow-wrap:normal}
.brand-copy h1{font-size:clamp(32px,3.8vw,52px);line-height:1.12}
.receipt-title-group{flex-wrap:wrap;gap:6px;min-width:0}
.receipt-title-group h2{flex:1 0 100%}
.receipt-title-group .receipt-detail-button{width:44px;height:44px;padding:9px;flex-shrink:0}
.checkout .receipt-heading{align-items:flex-end;gap:6px}
@media(max-width:699px){.brand-copy h1{font-size:clamp(25px,6.5vw,36px)}.checkout .checkout-actions>button{font-size:12px;padding:5px 2px}}
@media(max-width:350px){.checkout-actions{gap:5px}.checkout .checkout-actions>button{font-size:11px}.brand-copy h1{font-size:27px}}
.deckel-dialog{width:min(1000px,calc(100% - 24px));max-width:none;max-height:calc(var(--visible-height,100vh) - 24px);padding:20px;color:#f4f3de;background:#102b22;border:1px solid #b99b50;text-align:left;overflow:hidden}
.deckel-dialog[open]{display:flex;flex-direction:column;gap:12px}
.deckel-dialog>h2{margin:0;font-size:clamp(22px,3vw,30px);color:#f4cc63;flex-shrink:0}
.deckel-body{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;-webkit-overflow-scrolling:touch}
.deckel-body p{margin:5px 0;font-size:15px;color:#edf0e6}
.deckel-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;flex-shrink:0}
.deckel-actions button,.deckel-view-button{min-height:44px;padding:9px 16px;border-radius:9px;border:1px solid #b5be91;font:700 15px/1.2 "Segoe UI",sans-serif;color:white;cursor:pointer}
.deckel-actions .positive{background:#286040}.deckel-actions .negative{background:#802a2c;border-color:#dd7770}
.deckel-actions .neutral,.deckel-view-button{background:#234c68}
.deckel-actions button:disabled{opacity:.5;cursor:wait}
.deckel-form{display:grid;gap:12px}.deckel-form label{display:grid;gap:5px;font-weight:600;color:#f5e8c4}
.deckel-form input,.deckel-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #b99b50;border-radius:7px;background:#f5f4e9;color:#152c23;font:17px/1.4 "Segoe UI",sans-serif}
.deckel-form textarea{min-height:90px;resize:vertical}.deckel-form strong{color:#f4cc63;font-weight:800}
.deckel-message{margin:0;font-size:13px;color:#ffd58a;white-space:pre-wrap;flex-shrink:0}
.deckel-table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;font-size:16px}
.deckel-table th,.deckel-table td{padding:8px 6px;vertical-align:middle;border-bottom:1px solid rgba(232,193,94,.43);text-align:left;overflow-wrap:anywhere}
.deckel-table th{position:sticky;top:0;background:#102b22;z-index:1;color:#f4cc63;font-size:14px}
.deckel-table th button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:8px 0;min-height:44px;cursor:pointer;width:100%;text-align:inherit}
.deckel-table th:nth-child(2),.deckel-table td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}
.deckel-table th:last-child,.deckel-table td:last-child{width:150px;text-align:right}
.deckel-table th:nth-child(2){width:25%}.deckel-row{cursor:pointer}.deckel-row:focus-visible{outline:2px solid #f4cc63;outline-offset:-2px}
.deckel-table .deckel-reason td{font-size:14px;white-space:pre-wrap;color:#dfe7df;text-align:left;padding-top:0}
.deckel-details{margin-bottom:14px}.deckel-details h3{font-size:23px;margin:0 0 6px;color:#fff1c2;overflow-wrap:anywhere}.deckel-details p{white-space:pre-wrap;overflow-wrap:anywhere}
.deckel-summary{display:flex;gap:10px;justify-content:flex-end;align-items:baseline;margin-top:8px;padding-top:8px;border-top:1px solid rgba(232,193,94,.43);font-size:24px;font-weight:700;color:#f4cc63}
.deckel-dialog .detail-description{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.35}
@media(max-width:500px){.deckel-dialog{width:calc(100% - 12px);padding:12px;gap:8px}.deckel-table{font-size:14px}.deckel-table th,.deckel-table td{padding:6px 3px}.deckel-table th:last-child,.deckel-table td:last-child{width:95px}.deckel-view-button{font-size:12px;padding:7px 6px}.deckel-table th:nth-child(2){width:25%}.deckel-summary{font-size:21px}.deckel-dialog .detail-name,.deckel-dialog .detail-value{font-size:13px}}
body.deckel-open{overflow:hidden}

/* Keep title/count in one row and the three touch icons together beneath it. */
#till-view .checkout .receipt-heading{display:grid;grid-template-columns:44px 44px 44px minmax(0,1fr);gap:6px;align-items:center}
#till-view .receipt-title-group{display:contents}
#till-view .receipt-title-group h2{grid-column:1/-1;grid-row:1;padding-right:70px}
#till-view .receipt-title-group .receipt-detail-button{grid-row:2}
#till-view .checkout .receipt-heading>.receipt-count{grid-column:4;grid-row:1;justify-self:end;margin:0;white-space:nowrap}

/* V3 access: the protected workspace is hidden before scripts or cached content run. */
.pin-locked .app-shell {visibility:hidden!important;pointer-events:none!important}
.pin-locked {overflow:hidden}
.pin-gate {position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:auto;background:#10271ff5;padding:16px}
.pin-panel {width:min(420px,100%);text-align:center;background:#17392e;border:1px solid #be9d49;border-radius:22px;padding:24px;box-shadow:0 20px 80px #0009}
.pin-panel h1 {font-size:clamp(26px,6vw,36px);color:#f4cc63;margin:12px 0}
.pin-panel img {object-fit:contain}.pin-caption{font-size:12px;opacity:.7;margin:16px 0 0}
.pin-entry {position:relative;display:block;margin:20px 0}.pin-entry input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text}
#pin-slots {display:grid;grid-template-columns:repeat(8,1fr);gap:5px}#pin-slots span{min-width:0;height:48px;background:#0c241c;border:1px solid #9f8845;border-radius:7px;display:grid;place-items:center;font-size:27px;color:#fff}
#pin-slots .current{border-color:#ffe082;box-shadow:0 0 0 2px #c8a85055}
.pin-keypad {display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pin-keypad button{min-height:52px;font-size:24px;border-radius:12px;background:#27523e;color:#fff;border:1px solid #ab944d}
#pin-submit{margin-top:12px;width:100%;padding:13px;font-size:20px}.pin-panel .form-error{color:#ffd2c9;min-height:1.4em}
.account-bubble{flex-shrink:0;border:1px solid #cfad5b;border-radius:50%;width:46px;height:46px;background:#315741;color:#f7dfa1;font-size:20px;font-weight:700;margin-right:12px}
.brand-logo{display:flex;align-items:center;justify-content:flex-end}
.access-dialog{z-index:11000;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;color:#f3efdd;background:#17382b;border:1px solid #b89a50;border-radius:20px;padding:28px;box-shadow:0 20px 90px #0009}
.access-dialog::backdrop{background:#06130dc9}.access-dialog h2{font-size:26px;margin:0 30px 16px 0;color:#f1d281}
.access-dialog label{display:grid;gap:7px;margin:14px 0;font-size:14px;font-weight:600}.access-dialog input{width:100%;min-width:0;background:#0d251b;color:#fff;border:1px solid #63856a;border-radius:9px;padding:11px;font:inherit}.access-dialog input[aria-invalid=true]{border-color:#ff8070}
.access-dialog button{padding:11px 17px;border-radius:9px;border:1px solid #6e876c;background:#2a4f39;color:#fff;font:inherit;cursor:pointer}.access-dialog button.primary,.access-dialog .positive{background:#3b6a42;border-color:#c1ad65;font-weight:700}
.access-dialog button.negative{background:#762e2b;border-color:#ac6257}.access-dialog .form-error{color:#ffd1c6}.access-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.access-dialog .form-actions{display:flex;gap:10px;flex-wrap:wrap}
.access-dialog .password-rules{font-size:13px;padding-left:20px;color:#b9c2ae}.access-dialog .password-rules .met{color:#a4e5a1}.access-dialog .registration-invite{margin-top:20px}.access-dialog .registration-invite button{background:none;color:#e2c977;border:0;padding:5px}
.access-dialog .dialog-close{position:absolute;right:12px;top:9px;background:transparent;border:0;font-size:28px;padding:2px 8px}.member-result{display:block;width:100%;text-align:left;margin:8px 0}
.debtor-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.debtor-input-wrap{position:relative;min-width:0}.member-bubble{position:absolute;inset:4px;display:flex;align-items:center;gap:6px;background:#255a94;border:1px solid #72a6e6;border-radius:12px;padding:3px 8px;color:#fff;max-width:100%}.member-bubble span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-bubble button{margin-left:auto;color:#fff;background:#ad2e34;border:0;border-radius:50%;min-width:28px;min-height:28px;font-weight:700}.member-linked{color:transparent!important}.member-picker{padding:9px;border-radius:9px;background:#315e4b;color:#fff;border:1px solid #a99a63}
[hidden]{display:none!important}
@media(max-width:540px){.access-dialog{padding:22px 16px}.access-dialog .form-grid{grid-template-columns:1fr}.pin-panel{padding:18px}.account-bubble{width:38px;height:38px;margin-right:6px;font-size:17px}.brand-logo img{max-width:75px}}

/* Reserve real header width for both the account bubble and club logo. */
.brand-copy{min-width:0}.brand-logo{width:auto;height:68px;gap:12px}.brand-logo img{width:68px;height:68px;flex:none}.account-bubble{margin:0}
@media(max-width:699px){.app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.brand-copy{display:contents}.brand-copy .eyebrow{grid-column:1;grid-row:1;align-self:center;margin:0;max-width:100%}.brand-logo{grid-column:2;grid-row:1;height:52px;gap:7px}.brand-logo img{width:52px;height:52px}.brand-copy h1{grid-column:1/-1;grid-row:2;white-space:normal}.cash-info{grid-column:1/-1}.account-bubble{width:38px;height:38px}}

.member-picker,.account-bubble{display:inline-flex;align-items:center;justify-content:center;gap:5px}.member-picker svg{width:20px;height:20px}

.registration-notice{max-width:min(550px,calc(100vw - 24px));color:#f3efdd;background:#17382b;border:1px solid #b89a50;border-radius:18px;padding:24px;font:16px/1.5 var(--font)}.registration-notice h2{font-size:22px;color:#f1d281}.registration-notice button{margin-top:16px;padding:10px 24px;border-radius:9px;background:#3b6a42;border:1px solid #c1ad65;color:#fff}.registration-notice::backdrop{background:#0008}

.pin-gate{background:#10271f}.pin-locked #startup-progress{display:none!important}#pin-submit{background:#35653f;border:1px solid #c8ae61;border-radius:10px;color:#fff;font-weight:700}#pin-submit:disabled{opacity:.65}

/* HF1: definite modal height avoids zero-height flex content on iPadOS 15. */
.deckel-dialog{height:760px;height:min(760px,calc(var(--visible-height,100vh) - 24px));max-height:calc(var(--visible-height,100vh) - 24px)}
.legacy-dialog-backdrop .deckel-dialog[open]{display:flex;position:relative;flex-direction:column}
.deckel-dialog .deckel-body{flex:1 1 auto;min-height:0;overflow-y:auto;width:100%}
.access-dialog{max-height:calc(var(--visible-height,100vh) - 24px)}
#till-view .checkout .receipt-heading{grid-template-columns:repeat(5,44px) minmax(0,1fr)}
#till-view .checkout .receipt-heading>.receipt-count{grid-column:6}
.personal-save{flex-shrink:0;width:100%;margin-top:8px;padding:7px;border:1px solid #f4cc63;border-radius:8px;background:#755e20;color:#fff4c8;font-weight:700}
.personal-table .personal-row-actions{display:flex;gap:5px;flex-wrap:wrap}.personal-row-actions button{font-size:13px;min-height:44px;padding:6px}
.personal-table th:last-child,.personal-table td:last-child{width:48%}
@media(max-width:500px){.personal-table th:last-child,.personal-table td:last-child{width:44%}}
.event-status{font-size:13px;color:#f4cc63;margin:8px 0}.event-controls{display:flex;gap:8px;flex-wrap:wrap}.event-controls button{min-height:44px}

.receipt{position:relative}.personal-list{position:absolute;inset:0;z-index:20;background:#102b22;border:1px solid #b99b50;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:0}
.personal-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.personal-list-heading h3{font-size:20px;margin:0;color:#f4cc63}.personal-list-heading button{background:#802a2c;border:1px solid #dd7770;color:white;border-radius:8px;min-width:44px;min-height:44px;font-size:24px}
#personal-list-status{font-size:12px;color:#ffd58a}.personal-list-rows{min-height:0;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.personal-list-row{border-bottom:1px solid rgba(232,193,94,.43);padding:8px 0}.personal-list-name{display:flex;width:100%;justify-content:space-between;gap:8px;text-align:left;background:transparent;color:#fff1c2;border:0;padding:4px 0;min-height:40px;font-weight:700}.personal-list-name span{overflow-wrap:anywhere}.personal-list-name output{white-space:nowrap;color:#f4cc63}.personal-row-actions{display:flex;gap:5px;flex-wrap:wrap}.personal-row-actions button{border:1px solid #b99b50;border-radius:7px;color:#fff;background:#234c68;font-size:12px;min-height:44px;padding:6px}.personal-row-actions .positive{background:#286040}.personal-row-actions .convert{background:#755e20}.personal-row-info{font-size:12px;color:#bbcbbb}

.account-bubble{overflow:hidden;padding:0}.brand-logo .account-bubble .account-avatar{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%;display:block}

/* Kontomenü direkt unter der User-Bubble, auch auf schmalen Geräten. */
.account-menu{position:fixed;z-index:9000;width:260px;max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);overflow-y:auto;padding:12px;background:#17382b;border:1px solid #bca45e;border-radius:14px;box-shadow:0 10px 32px #0008;box-sizing:border-box}
.account-menu[hidden]{display:none}
.account-menu button{display:block;width:100%;margin:6px 0 0;min-height:44px;padding:10px 12px;text-align:left;font-size:1rem}
.account-menu .account-neutral{background:#39433e;border:1px solid #7e8b84;color:#fff}
.account-menu .account-pin{background:#175d98;border:1px solid #79b6ec;color:#fff}
.account-menu .account-pin:hover{background:#2172b5}
.account-menu .account-neutral:hover{background:#4c5952}
.account-menu .account-name{margin:0 0 8px;color:#e2cd90;font-weight:700;overflow-wrap:anywhere}
.account-menu .form-error{margin:8px 0 0}

.account-menu [hidden]{display:none}

.registration-now{color:#e1bd65;font-weight:800}
.login .keep-session{display:flex;align-items:center;gap:.6rem;margin:1rem 0}
.login .keep-session input{width:1.2rem;height:1.2rem;margin:0}

.account-menu .negative{background:#822b2b;color:#fff;border:1px solid #c47171}
.account-menu .negative:hover{background:#a23c3c}
.account-menu .positive{background:#2d633f;color:#fff;border:1px solid #83b38a}
.account-menu .positive:hover{background:#397f50}

#database-gate{position:fixed;inset:0;z-index:50000;display:flex;align-items:center;justify-content:center;background:#102b22;color:#f7eed5;padding:1rem;overflow:auto}#database-gate[hidden]{display:none}#database-gate>div{max-width:38rem}#database-gate h1{color:#e3c878}#database-gate button{display:block;width:100%;margin:.6rem 0;padding:.8rem;border:1px solid #e3c878;border-radius:.5rem;background:#326341;color:#fff;font:inherit}#database-adopt{background:#756026!important}