:root{--history-green:#205d42;--history-ink:#253f30;--history-muted:#576b54;--history-line:#dbe5d5}*{box-sizing:border-box}.historyPage{margin:0;background:#f6f8f3;color:var(--history-ink);font:16px/1.6 Arial,sans-serif}.historyPage a{color:inherit;text-decoration:none}.historyPage button,.historyPage input{font:inherit}.historyHeader{max-width:1040px;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;margin:auto;align-items:center}.historyHeader a{padding:10px 0}.historyBrand{font-size:23px;font-weight:700;color:var(--history-green)!important}.historyMain{max-width:940px;margin:0 auto;padding:16px 24px 100px}.historyHeading{display:flex;justify-content:space-between;gap:20px;align-items:center}.historyHeading span{font-size:13px;letter-spacing:1px;font-weight:700;color:var(--history-muted)}.historyHeading h1{font-size:32px;margin:6px 0}.historyHeading p{margin:0;color:var(--history-muted)}.historyPage button{border:1px solid #b6c9aa;border-radius:8px;padding:11px 16px;min-height:48px;background:white;color:var(--history-green);font-weight:600;cursor:pointer}.historyPage button:disabled{opacity:.55;cursor:default}.historyPage button:focus-visible,.historyPage a:focus-visible,.historyPage input:focus-visible{outline:3px solid #8baa74;outline-offset:3px}.historyNotice{padding:16px 18px;border:1px solid #d5e2cb;background:#edf4e8;border-radius:9px;font-size:14px;color:#425a3c;margin:24px 0}.historyFilters{display:flex;gap:10px;flex-wrap:wrap}.historyFilters button[aria-pressed=true]{background:var(--history-green);border-color:var(--history-green);color:#fff}#historyStatus{min-height:26px;color:var(--history-muted);font-size:14px}#historyList{display:grid;gap:18px}.historyCard{padding:22px;background:white;border:1px solid var(--history-line);border-radius:12px}.historyCardTop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.historyCardTop time{font-size:14px;color:var(--history-muted)}.historyBadge{display:inline-block;padding:6px 11px;background:#fff1cf;color:#6f4d0b;border-radius:7px;font-size:14px;font-weight:600}.historyBadge.ready,.historyBadge.completed{background:#e4f2dc;color:#285a2c}.historyBadge.cancelled{background:#f6e4df;color:#8a392a}.historyBadge.sent,.historyBadge.paid,.historyBadge.packing{background:#e7eff9;color:#285174}.historyCard h2{font-size:17px;overflow-wrap:anywhere;margin:14px 0 6px}.historyCard p{font-size:14px;color:var(--history-muted);margin:6px 0 14px}.historyCard ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--history-line)}.historyCard li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--history-line);font-size:16px}.historyCard li span{min-width:0;overflow-wrap:anywhere}.historyCard li b{flex-shrink:0}.historyCardBottom{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}.historyCardBottom small{display:block;font-size:14px;color:var(--history-muted)}.historyCardBottom strong{display:block;color:var(--history-green);font-size:22px}.historyDetail,.historyEmpty>a{display:inline-block;padding:12px 17px;min-height:48px;background:var(--history-green);color:white!important;border-radius:8px;font-size:16px;font-weight:700;text-align:center}.historyCard .historyError{color:#943e28;margin-top:18px}.historyEmpty{padding:32px 24px;background:white;border:1px solid var(--history-line);border-radius:12px;text-align:center}.historyEmpty>span{font-size:40px;color:var(--history-green)}.historyEmpty h2{font-size:21px}.historyEmpty p{color:var(--history-muted)}.historyEmpty button{margin:12px}.historyPager{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0}.historyPager span{font-size:14px}.historyImport{border:1px solid #cbdac0;background:white;padding:20px;border-radius:10px;margin:30px 0}.historyImport summary{font-size:18px;font-weight:700;cursor:pointer;min-height:40px}.historyImport p{font-size:14px;color:var(--history-muted)}.historyImport form{display:grid;gap:12px;margin-top:18px}.historyImport label{font-size:15px;font-weight:600}.historyImport input{width:100%;min-width:0;padding:13px;border:1px solid #b9ccad;border-radius:7px;font-size:16px}.historyImport form button{background:var(--history-green);color:white}.historyCs{display:inline-block;color:var(--history-green)!important;font-weight:600;padding:12px 0}
.customerMobileNav{display:none}.customerOrdersLink{display:inline-flex!important;align-items:center;gap:7px;font-weight:700!important;color:#205d42!important;white-space:nowrap}.customerOrdersLink svg{width:21px;height:21px}.customerMobileNav a,.customerMobileNav button{font:600 14px/1.3 Arial,sans-serif;color:#42583c;text-decoration:none;background:none;border:0;min-height:58px;padding:6px 4px;display:grid;justify-items:center;align-content:center;gap:3px;text-align:center}.customerMobileNav svg{width:24px;height:24px}.customerMobileNav a[aria-current=page]{color:#205d42;background:#eef5e8;border-radius:8px}.customerMobileNav a:focus-visible,.customerMobileNav button:focus-visible{outline:2px solid #8baa74;outline-offset:-2px}
@media(max-width:650px){.historyHeader{padding:14px 16px;gap:12px;flex-wrap:wrap}.historyBrand{font-size:21px}.historyMain{padding:15px 16px 105px}.historyHeading{align-items:flex-start;flex-direction:column;gap:16px}.historyHeading h1{font-size:28px}.historyFilters{gap:8px}.historyFilters button{padding:10px 12px;font-size:15px}.historyCard{padding:17px}.historyCardBottom .historyDetail{width:100%}.historyCard li{gap:12px}.historyEmpty{padding:24px 16px}.historyEmpty button{width:100%;margin:12px 0}.historyImport{padding:16px}.customerMobileNav{position:fixed;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));left:0;right:0;bottom:0;padding:5px 10px calc(5px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #cfdcc4;box-shadow:0 -3px 15px #253f3010;z-index:7}.customerMobileNav span{font-size:14px}body.hasCustomerNav{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))}body.hasCustomerNav.hasFloatingCart{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}body.hasCustomerNav .floatingCart{bottom:calc(85px + env(safe-area-inset-bottom,0px))}body.hasCustomerNav.hasFloatingCart #toast{bottom:calc(172px + env(safe-area-inset-bottom,0px))}body:has(#shop[hidden]) .customerMobileNav,body:has(#modal[open]) .customerMobileNav{display:none}}
@media print{.customerMobileNav{display:none!important}}
body nav.customerMobileNav{margin:0;max-width:none;height:auto;gap:0;overflow:visible}
.historyStorageWarning{display:block;color:#943e28;font-size:14px;line-height:1.6}