*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#213b32;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}main{max-width:760px;margin:60px auto;padding:0 20px}.brand{font-size:24px;font-weight:800;color:#237653}h1{font-size:clamp(28px,5vw,40px);line-height:1.2;margin:24px 0 12px}.muted{color:#66766e}.card{background:white;border:1px solid #e1e7df;border-radius:20px;padding:24px;margin:20px 0}.stats{display:flex;gap:36px;flex-wrap:wrap}.value{font-size:30px;font-weight:750}form{display:grid;grid-template-columns:1fr 150px auto;gap:12px;align-items:end}label{display:block;font-size:14px}input,button{font:inherit;border-radius:10px;padding:11px 14px}input{display:block;width:100%;border:1px solid #becbc1;margin-top:6px}button{border:0;background:#237653;color:white;cursor:pointer}button:hover{background:#195d40}button:focus-visible,input:focus-visible{outline:3px solid #e6ac41;outline-offset:3px}.secondary{background:#edf2ec;color:#213b32}.secondary:hover{background:#dbe6d9}ul{padding:0;list-style:none}li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0e9;padding:14px 0;overflow-wrap:anywhere}li span:first-child{min-width:0}small{display:block;color:#66766e}.amount{white-space:nowrap;font-weight:650}.actions{display:flex;gap:12px;flex-wrap:wrap}#status{min-height:26px;color:#237653}footer{font-size:13px;color:#66766e;margin-bottom:40px}@media(max-width:600px){main{margin-top:28px}.card{padding:18px}form{grid-template-columns:1fr}button{min-height:46px}}
  
header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.language{display:flex;align-items:center;gap:10px}select{font:inherit;padding:9px 12px;border:1px solid #becbc1;border-radius:10px;background:white;color:#213b32}select:focus-visible{outline:3px solid #e6ac41;outline-offset:3px}.note{font-size:13px;color:#66766e}form{grid-template-columns:minmax(0,1fr) 170px auto}h2{font-size:21px}button{white-space:normal}@media(max-width:700px){form{grid-template-columns:1fr}header{align-items:flex-start}.language{flex-wrap:wrap}.value{font-size:26px}}
[hidden]{display:none!important}nav{display:flex;gap:8px;margin-top:26px;padding:5px;background:#e8eee5;border-radius:12px;width:fit-content}nav a{color:#40594b;text-decoration:none;padding:9px 18px;border-radius:8px}nav a[aria-current]{background:#237653;color:white}nav a:focus-visible{outline:3px solid #e6ac41;outline-offset:3px}.catalog-heading{display:flex;align-items:center;gap:12px}.badge{background:#edf2ec;border-radius:20px;padding:2px 12px}.product-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}#products-list li{align-items:center}#product-editor{border-color:#8bb29a}@media(max-width:480px){.product-actions{flex-direction:column;align-items:flex-end;gap:6px}nav{width:100%}nav a{flex:1;text-align:center}}
#sale-form{grid-template-columns:minmax(0,1fr) 130px 90px auto}.line-summary{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding:12px 16px;background:#f0f5ed;border-radius:10px}.line-summary output{font-weight:750;font-size:20px;overflow-wrap:anywhere}@media(max-width:760px){#sale-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#sale-form>label:first-child,#sale-form>button{grid-column:1/-1}}
.product-picker{position:relative;min-width:0}.product-input-row{display:flex;margin-top:6px}.product-input-row input{min-width:0;margin-top:0;border-radius:10px 0 0 10px;font-size:16px}.product-input-row button{flex:0 0 44px;padding:8px;border-radius:0 10px 10px 0;background:#e8eee5;color:#213b32;border:1px solid #becbc1;border-left:0;font-size:20px}.product-dropdown{position:absolute;z-index:20;left:0;right:0;top:100%;margin-top:5px;background:white;border:1px solid #a9c0af;border-radius:12px;box-shadow:0 8px 24px #183a2726;max-height:min(280px,40vh);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.product-option{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;min-height:48px;cursor:pointer;border-bottom:1px solid #edf0e9}.product-option>span:first-child{overflow-wrap:anywhere;min-width:0}.product-option:last-child{border-bottom:0}.product-option[aria-selected=true],.product-option:focus{background:#e8f2e4;outline:none}.suggestion-empty{margin:0;padding:16px;color:#66766e;font-size:14px}@media(hover:hover){.product-option:hover{background:#f0f5ed}}@media(max-width:760px){#sale-form>.product-picker{grid-column:1/-1}}
.product-input-row{position:relative;display:block}.product-input-row input{border-radius:10px;padding-right:58px;min-height:52px}.product-input-row #product-toggle{position:absolute;right:5px;top:5px;width:42px;height:42px;min-height:42px;border:0;border-radius:7px;padding:10px;display:grid;place-items:center;background:#e8eee5;color:#237653}.product-input-row #product-toggle:hover{background:#dbe8d7}#product-grid-dialog{border:1px solid #d8e3d5;border-radius:20px;padding:0;width:min(680px,calc(100% - 28px));max-height:85vh;max-height:85dvh;overflow:auto;color:#213b32;background:#fafcf8;box-shadow:0 24px 80px #11251e40}#product-grid-dialog::backdrop{background:#132b2466}.grid-dialog-content{padding:24px}.grid-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.grid-dialog-header h2{margin:0;font-size:25px}.grid-close{font-size:26px;line-height:1;width:44px;height:44px;min-height:44px;padding:0;flex-shrink:0}#product-grid-hint{margin:10px 0 22px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-height:110px;text-align:left;padding:16px;border:1px solid #c9d8c6;border-radius:14px;background:white;color:#213b32;overflow-wrap:anywhere;touch-action:manipulation}.product-tile:hover,.product-tile:active{background:#e7f1e1;border-color:#237653}.tile-name{font-weight:650;max-width:100%}.tile-price{color:#237653;font-weight:750;font-size:19px;max-width:100%}@media(max-width:520px){.grid-dialog-content{padding:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-dialog-header h2{font-size:22px}.product-tile{padding:13px;min-height:105px}}
/* Keep a consistent inset for the language chevron across browsers. */
.language select{appearance:none;-webkit-appearance:none;min-width:128px;min-height:44px;padding:10px 42px 10px 15px;line-height:1.4;border:1px solid #becbc1;border-radius:12px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233e5c4e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;cursor:pointer;box-shadow:0 1px 2px #213b3205}.language select:hover{border-color:#88a491}.language select:focus-visible{border-color:#237653;outline:3px solid #23765326;outline-offset:2px}@media(forced-colors:active){.language select{appearance:auto;-webkit-appearance:auto;background-image:none;padding-right:15px}}
body[data-page="sales"] main{padding-bottom:180px}.catalog-heading{justify-content:space-between;flex-wrap:wrap}.text-button{background:transparent;color:#617868;padding:8px;text-decoration:underline;text-underline-offset:3px}.text-button:hover{background:#eef3ea;color:#213b32}button:disabled{opacity:.45;cursor:not-allowed}.cart-item{padding:18px 0;border-top:1px solid #e2e9df}.cart-item-heading{display:flex;justify-content:space-between;gap:20px;overflow-wrap:anywhere}.cart-item-heading>strong:last-child{white-space:nowrap}.cart-controls{display:grid;grid-template-columns:minmax(100px,1fr) minmax(160px,1.2fr) auto;gap:16px;align-items:end;margin-top:14px}.cart-controls input{font-size:16px}.cart-controls label>span,.cart-controls div>span{font-size:13px;color:#66766e}.quantity-controls{display:flex;align-items:center;margin-top:6px;gap:5px}.quantity-controls input{margin:0;width:100%;min-width:0;text-align:center;padding:10px 4px}.quantity-controls button{flex:0 0 40px;min-height:46px;padding:8px;background:#edf2e9;color:#213b32}.cart-controls .text-button{align-self:end;margin-bottom:3px}input[aria-invalid=true]{border-color:#b93636;background:#fff4f4}.checkout-bar{position:fixed;z-index:15;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);background:#fff;border:1px solid #dce5d8;border-radius:18px 18px 0 0;padding:14px 20px max(14px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px #183a2712}.checkout-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.checkout-summary strong{font-size:28px;overflow-wrap:anywhere}.checkout-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.checkout-actions button{min-height:48px}.order-record details{width:100%}.order-record summary{cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center}.order-record summary>span::before{content:'▸ ';color:#237653}.order-record details[open] summary>span::before{content:'▾ '}.order-record summary strong{white-space:nowrap}.order-detail{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf0e9;font-size:14px}.order-detail>span:first-child{overflow-wrap:anywhere}.order-detail>span:last-child{white-space:nowrap}.product-tile{position:relative;padding-top:36px}.tile-badge{position:absolute;top:8px;right:10px;border-radius:16px;background:#e7f0e1;color:#237653;padding:1px 8px;font-weight:700;font-size:13px}.grid-dialog-footer{position:sticky;bottom:-24px;background:#fafcf8;padding:14px 0 0}.grid-dialog-footer button{width:100%;min-height:48px}#grid-status{font-size:14px;min-height:22px;color:#237653}#reset-entry{font-size:13px}@media(max-width:520px){.cart-controls{grid-template-columns:minmax(80px,1fr) minmax(150px,1.4fr);gap:10px}.cart-controls>.text-button{grid-column:1/-1;justify-self:end;padding:4px}.checkout-bar{padding-left:16px;padding-right:16px}.checkout-summary strong{font-size:25px}.checkout-actions{gap:8px}.grid-dialog-footer{bottom:-18px}.cart-item-heading{gap:10px}.catalog-heading h2{margin-bottom:8px}}
/* A print action is available even while an order is collapsed. */
.order-record{align-items:flex-start;gap:12px}.order-record details{flex:1 1 0;min-width:0;width:auto}.order-record summary{min-height:46px;gap:10px}.print-order{flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.5;min-height:46px;padding:10px 14px}#receipt{display:none}
@media print{
  @page{margin:4mm}
  html,body{margin:0!important;padding:0!important;background:#fff!important;color:#000!important}
  body> :not(#receipt){display:none!important}
  #receipt{display:block!important;width:72mm;max-width:100%;margin:0 auto;font:12px/1.5 Arial,"Microsoft YaHei",Tahoma,sans-serif;color:#000;overflow-wrap:anywhere}
  #receipt h1{font-size:21px;text-align:center;margin:0 0 4px;color:#000}
  #receipt h2{font-size:15px;text-align:center;margin:0 0 12px}
  #receipt p{margin:5px 0}
  .receipt-item{border-top:1px dashed #777;padding:8px 0;break-inside:avoid}
  .receipt-item>strong{display:block;font-weight:600}
  .receipt-amounts{display:flex;justify-content:space-between;gap:8px}
  .receipt-amounts> :last-child{white-space:nowrap}
  .receipt-total{border-top:1px dashed #000;padding-top:10px;font-size:15px;break-inside:avoid}
  #receipt>p:last-child{text-align:center;margin-top:16px}
}
#settings-form{grid-template-columns:1fr 1.5fr auto}#settings-form select{display:block;width:100%;min-height:48px;margin-top:6px}nav a{white-space:nowrap}.tax-breakdown{font-size:13px;color:#52655c;margin:8px 0}.tax-line{display:flex;justify-content:space-between;gap:12px}.tax-line>span:last-child{white-space:nowrap}.order-record .tax-breakdown{border-top:1px dashed #becbc1;padding-top:8px}body[data-page="sales"] main{padding-bottom:230px}@media(max-width:600px){#settings-form{grid-template-columns:1fr}nav a{padding:9px 12px}}@media print{.receipt-tax{margin:8px 0;color:#000;font-size:12px}}
nav{max-width:100%;flex-wrap:wrap}nav a{font-size:14px;padding:9px 12px}.cloud-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:13px;color:#52655c}.cloud-bar button{flex-shrink:0;padding:8px 12px}.account-form{display:grid;grid-template-columns:1fr;max-width:480px}.account-form button{justify-self:start}.account-form input{font-size:16px}.account-form p{margin:0}.invite-code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#edf2ec;border-radius:10px;margin:12px 0}.sync-dialog{max-width:calc(100% - 32px);width:500px;border:1px solid #becbc1;border-radius:18px;padding:22px;color:#213b32}.sync-dialog::backdrop{background:#132b2466}.sync-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#edf2ec;padding:14px;border-radius:10px}#account-status{color:#237653}#team-list li{align-items:center}#team-list span{overflow-wrap:anywhere}

#report-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}#report-form input{min-width:0;font-size:16px}#report-error{color:#a32b2b}.report-total{display:flex;justify-content:space-between;gap:16px;border-top:2px solid #becbc1;padding-top:18px;font-size:22px}.report-total strong:last-child{overflow-wrap:anywhere}#report-list summary{align-items:center}#report-range{font-size:13px}@media(max-width:600px){#report-form{grid-template-columns:minmax(0,1fr)}#report-form button{width:100%}}

.admin-shop{display:block;padding:24px 0}.admin-shop h3{margin:0}.admin-shop p{overflow-wrap:anywhere}.admin-check{display:flex;align-items:center;gap:8px}.admin-check input{width:auto;margin:0}#admin-search{display:flex;align-items:end;flex-wrap:wrap}#admin-search select{display:block;min-height:46px;margin-top:6px}#admin-status{overflow-wrap:anywhere}