/* The approved prototype stylesheet is kept byte-for-byte in styles.css.
   These rules adapt server controls and native dialogs to its original classes. */
.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}
.tone-mint{--product-color:#8bb3a4}.tone-berry{--product-color:#b68c9c}.tone-gold{--product-color:#b4a06b}.tone-peach{--product-color:#d1a17f}.tone-blue{--product-color:#8ba9ba}.swatch{--product-color:#8ba9ba}.swatch.tone-mint{--product-color:#8bb3a4}.swatch.tone-berry{--product-color:#b68c9c}.swatch.tone-gold{--product-color:#b4a06b}.swatch.tone-peach{--product-color:#d1a17f}
.module-cash,.shop-tone-0{--tint:#5ca6ff;--shade:#2480e9}.module-gifts,.shop-tone-1{--tint:#b6a0e3;--shade:#987acb}.module-warehouse{--tint:#e5b27e;--shade:#cd955c}.module-customers{--tint:#a891ec;--shade:#8b70d5}.module-history{--tint:#e6b96b;--shade:#ce9b48}.module-statistics,.shop-tone-2{--tint:#79c6aa;--shade:#4ea886}.module-settings{--tint:#a2afbf;--shade:#7d8ba1}
.shell .content{min-width:0}.page-heading h1{margin:0}.page-heading p{margin-bottom:0}.heading-actions{flex-wrap:wrap}.error{color:#c64e60;font-size:12px;line-height:1.7}.error:empty{display:none}.inset{padding:20px 22px}.section-gap{margin-top:22px}.text-button{font-size:11px;color:#8294ad;padding:8px 0}.full{width:100%}.subline{display:block;font-size:10px;color:#94a1b2;margin-top:5px}.check{display:flex;align-items:center;gap:10px;font-size:12px;margin:14px 0;color:#687f9e}.check input{width:16px;height:16px;min-height:0;accent-color:#087cf0}.badge{background:#eef5ff;border-radius:5px;padding:4px 7px;font-size:10px}.badge.red{background:#fff0f1;color:#b33848}.pricing-reset{font-size:9px;padding:3px 0;color:#8b9db4}.line-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;padding:0}.line-title strong{min-width:0}.line-title .line-total{margin-left:auto}.cart-item-top .mini-icon{flex-shrink:0}.line-kind{appearance:none;background:transparent;border:0;text-align:right;padding:0;font-size:11px;color:#8ca0b8;cursor:pointer;max-width:90px}.line-kind:focus{outline:2px solid #8abfff}.cash-layout .keypad-display input{border:0;outline:0;background:transparent;box-shadow:none;width:40%;min-width:50px;text-align:right;font-size:27px;font-weight:550;color:#57677b;padding:0;line-height:1}.cash-layout .keypad-display:focus-within{border-color:#8abfff}.catalog-pagination{display:flex;justify-content:space-between}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:15px 20px;font-size:11px;color:#8996a7}.pagination .btn{min-height:30px;padding:6px 9px;font-size:11px}.pagination:has(button:first-child:disabled):has(button:last-child:disabled){display:none}
#detail{border:0;padding:0;margin:auto;width:490px;max-width:calc(100vw - 50px);max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 100px #142b4930;color:#20232b;overflow:hidden}#detail[open]{display:flex;flex-direction:column}#detail::backdrop{background:#18253740;backdrop-filter:blur(6px)}#detail.wide{width:740px}#detail .modal-header,#detail .modal-footer{flex-shrink:0;background:#fff}#detail .modal-body{min-height:0;overflow:auto}#detail .modal-body>p{font-size:12px;color:#8592a7;line-height:1.8}#detail .modal-footer:empty{display:none}#detail .modal-footer>.btn:not(.primary):not(.danger):not(.ghost){border:1px solid #e4e7ed;background:#fff;color:#5d6572}#detail input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#detail select{width:100%;min-width:0}#detail:has([data-article-editor]){width:850px}#detail:has([data-article-editor]) .field{margin-bottom:0}#detail:has([data-article-editor]) .form-grid{gap:16px}#detail:has([data-article-editor]) .modal-description{margin-bottom:23px}#detail:has([data-article-editor]) .form-section{margin:25px 0 15px}#detail:has([data-article-editor]) .notice{margin:16px 0 0}#detail:has([data-article-editor]) .article-extra{margin-top:20px;border:1px solid #e4eaf3;border-radius:10px;padding:0 15px}#detail:has([data-article-editor]) .article-extra>summary{padding:15px 0;color:#7a92b3;font-size:12px}#detail:has([data-article-editor]) .article-extra[open]{padding-bottom:16px}#detail #article-barcodes .field input{font-size:11px;min-height:34px;padding:8px 10px}#add-barcode{margin-top:15px}#workspace-error:not(:empty){margin-top:16px}.span-two{grid-column:1/-1}.settings-period-actions{margin-top:25px;display:flex;gap:10px}.settings-grid+.notice{margin-top:25px}.gift-metrics{margin:20px 0}.gift-search-panel{padding:22px}.gift-search-panel .field{margin-bottom:0}.store-bar-track>svg{display:block;width:100%;height:100%;stroke:none;fill:#6ba6e8}.store-bar-track .bar-tone-0{fill:#6ba6e8}.store-bar-track .bar-tone-1{fill:#ae93d3}.store-bar-track .bar-tone-2{fill:#74b59d}.hour-bar-space>svg{height:100%;width:100%;stroke:none;fill:#70a4df}.warehouse-entry-actions .btn{width:100%}.warehouse-entry input,.warehouse-entry select{font-size:12px}#batch-confirm{min-width:165px}.warehouse-draft .warehouse-confirm>div{display:flex;gap:10px;justify-content:flex-end}.warehouse-draft .warehouse-quantity-control button svg{width:13px;height:13px}.gift-pay{border:1px solid #e7def8;border-radius:10px;padding:14px;background:#faf8ff;margin:14px 0 20px}.gift-pay summary{color:#8664c0;font-size:12px;font-weight:600}.gift-pay .form-grid{margin-top:15px}.checkout-total{text-align:center;padding:0 0 25px}.checkout-total>span{display:block;font-size:11px;color:#939fb1}.checkout-total>strong{display:block;font-size:34px;letter-spacing:-1px;margin-top:10px}.payment-group{border:1px solid #e7ebf2;border-radius:10px;padding:15px;margin:15px 0}.payment-group legend{color:#687f9e;font-size:12px;font-weight:600}.payment-group.single-payment{border:0;padding:0;margin:0}.single-payment>legend{display:none}.payment-modes{display:grid;grid-template-columns:1fr 1fr .7fr;gap:8px;margin-bottom:18px}.payment-modes .btn{border:1px solid #e1e7f0;background:#fff;color:#8995a5}.payment-modes .chosen{background:#f0f7ff;border-color:#9cc9ff;color:#087cf0}.payment-preview{padding:14px;background:#f5f8fc;border-radius:8px}.payment-group .small{font-size:12px;color:#8294ad}.gift-print{text-align:center;border:1px dashed #baa5e1;border-radius:12px;padding:22px;margin:15px 0}.gift-value{display:block;font-size:35px;margin:18px}.gift-print code{display:block;font-size:16px;overflow-wrap:anywhere}.gift-print p{font-size:12px;color:#7c889f}.line,.total{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #edf0f5}.line small{display:block;margin-top:6px;color:#8795aa}.total strong{font-size:20px}.notice p{margin:5px 0}.customer-result{display:block;width:100%;text-align:left;border:1px solid #e6edf7;border-radius:10px;padding:14px;margin-top:8px;background:#f9fbff;font-size:12px;color:#536b8c}.customer-result small{display:block;color:#8d9cb0;margin-top:5px}.quantity-controls{display:flex;align-items:center;gap:6px}.quantity-controls input{width:75px!important}.bar-row{display:grid;grid-template-columns:110px 1fr 110px;gap:15px;padding:10px 22px;font-size:12px}.bar-row meter{width:100%}.loading{padding:70px;text-align:center;color:#8995a5}
#notice:not(:empty){position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:#263954;color:#fff;padding:14px 22px;border-radius:9px;z-index:200;font-size:12px;box-shadow:0 5px 20px #18243c22}
@media(max-width:700px){#detail{max-width:calc(100vw - 30px)}.cash-layout .keypad-display input{font-size:24px}.heading-actions{justify-content:flex-start}.inset{padding:16px}.warehouse-confirm>div{flex-wrap:wrap}}@media print{#app,#notice,.modal-header,.modal-footer{display:none!important}#detail[open]{position:static;max-height:none;width:100%;max-width:none;border:0;box-shadow:none;margin:0;padding:0}#detail::backdrop{display:none}.gift-print{break-inside:avoid}.modal-body{padding:0}}

/* Original five-action keypad selectors mapped to the API-connected controls. */
.cash-layout .keypad-actions:has([data-key-action="price"]){grid-template-rows:repeat(5,minmax(0,1fr));gap:7px}.cash-layout .keypad-actions:has([data-key-action="price"]) button{min-height:40px;padding:8px 6px}@media(max-width:980px){.cash-layout .keypad-actions:has([data-key-action="price"]){grid-template-rows:none}}
#detail:has([data-customer-editor]){width:900px}#detail:has([data-customer-editor]) .field{margin-bottom:10px}#detail:has([data-customer-editor]) .modal-description{margin-bottom:20px}#detail:has([data-customer-editor]) .form-grid{gap:0 18px}#detail:has(.customer-detail-grid){width:740px}.gift-card-preview code{display:block;font-size:20px;letter-spacing:1px;margin-top:20px}.customer-editor-aside{background:transparent;border:0}
.cash-layout .keypad-display{height:51px;min-height:51px}.demo-badge.server-environment{width:94px;text-align:center}

#detail label.field{font-size:11px;color:#8291a4;font-weight:550}.payment-group [id^="payment-preview-"]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:15px;background:#f5f8fc;border-radius:8px;margin-top:16px;color:#8698b1}.payment-group [id^="payment-preview-"] strong{font-size:17px;color:#566e90}.payment-group [id^="payment-preview-"] small{flex-basis:100%;font-size:11px}.loyalty-rule-row+button{margin-top:14px}#detail:has(.loyalty-rule-row) .notice{margin-top:20px}.customer-option{width:100%}