.customer-invoices[hidden],#lien-he[hidden],.hero[hidden],.benefits[hidden],#thuc-don[hidden]{display:none!important}
.customer-invoices{min-height:calc(100vh - 190px);padding-top:clamp(36px,7vw,78px);padding-bottom:40px}
.customer-page-heading{max-width:720px;margin:0 auto 24px;text-align:center}
.customer-page-heading h2{margin:8px 0;font-size:clamp(30px,5vw,48px)}
.customer-page-heading p{margin:0;color:#685548;line-height:1.6}
.customer-invoices-content{max-width:760px;margin:0 auto;display:grid;gap:14px}
.customer-invoices-note{padding:22px;border:1px solid #d5bea0;border-radius:18px;background:#fffaf1;color:#503d30;text-align:center;line-height:1.6}
.customer-invoices-note button,.customer-invoices-refresh{border:0;border-radius:12px;background:#3e281d;color:#fff8e9;padding:13px 20px;font-weight:800;cursor:pointer}
.customer-invoice-card{overflow:hidden;border:1px solid #d7c3a8;border-radius:18px;background:#fffaf2;box-shadow:0 8px 24px #3e281d12}
.customer-invoice-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:#efe2ce;border-bottom:1px solid #dfceb5}
.customer-invoice-card>header div{display:grid;gap:3px}.customer-invoice-card>header div span{font-size:10px;letter-spacing:.12em;color:#75604e}.customer-invoice-card>header strong{font-size:17px}.customer-invoice-card time{font-size:13px;color:#675343}
.customer-invoice-status{padding:7px 10px;border-radius:999px;background:#e4ead9;color:#31462e;font-size:12px;font-weight:700;text-align:center}
.customer-invoice-card ul{list-style:none;margin:0;padding:14px 18px}.customer-invoice-card li{display:flex;justify-content:space-between;gap:14px;padding:7px 0;color:#49372b}.customer-invoice-card li b{white-space:nowrap}
.customer-invoice-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #e3d3be}.customer-invoice-total strong{font-size:20px;color:#4c3324}.customer-invoices-refresh{display:block;margin:18px auto 0}
@media(max-width:700px){.customer-invoices{min-height:calc(100dvh - 130px);padding:32px 14px 110px}.customer-invoice-card>header{align-items:flex-start}.customer-invoice-card li{font-size:14px}.customer-invoice-card li span{max-width:70%}.main-nav{display:none!important}}

/* Older mobile rules hid the contact section and reduced this nav to two columns. */
body:has(.site-header) .customer-app-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.customer-page-contact:has(.site-header) .contact-section{display:grid!important}
@media(max-width:700px){body:has(.site-header) .customer-app-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.customer-page-contact:has(.site-header) .contact-section{display:grid!important;min-height:calc(100dvh - 130px);align-content:start;padding-bottom:100px}}

/* Semantic mobile links remain tappable and provide hash navigation without JS. */
.customer-app-nav a{position:relative;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border:0;border-radius:9px;color:#f0dfc6;text-decoration:none;font:700 10px/1.1 Arial,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.customer-app-nav a>span{position:relative;height:24px;display:grid;place-items:center;color:#e8d3b2}
.customer-app-nav a>span svg{width:23px;height:23px;display:block;stroke:currentColor}
.customer-app-nav a small{font-size:10px;color:inherit}
.customer-app-nav a.active{background:var(--hl182-moss,#435b3e);color:#fff8e9;box-shadow:inset 0 0 0 1px #78916c}
.customer-app-nav a.active>span,.customer-app-nav a.active small{color:#fff8e9}
#lien-he:target{display:grid!important}
#customer-invoices:target{display:block!important}
body:has(#lien-he:target) :is(.hero,.benefits,#thuc-don,#customer-invoices,.site-footer){display:none!important}
body:has(#customer-invoices:target) :is(.hero,.benefits,#thuc-don,#lien-he,.site-footer){display:none!important}

.checkout-add-mode-note{margin:10px 0;padding:12px 14px;border:1px solid #8a9c79;border-radius:12px;background:#e7eddc;color:#34462f;font-weight:700;line-height:1.5}
.receipt-actions [data-order-more]{flex:1;background:#40563d!important;color:#fff8e9!important}

.receipt-addon-payment-notice{margin:12px 0;padding:14px 16px;border:1px solid #c28c36;border-radius:12px;background:#fff0cb;color:#553d20;line-height:1.5}.receipt-addon-payment-notice strong{display:block;margin-bottom:5px}.receipt-addon-payment-notice p{margin:0}
.open-order-prompt{width:min(1160px,calc(100% - 32px));margin:16px auto;padding:16px 18px;border:1px solid #8a9c79;border-radius:14px;background:#e7eddc;color:#34462f;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 8px 24px #263f3610}.open-order-prompt[hidden]{display:none}.open-order-prompt>div{display:grid;gap:5px}.open-order-prompt strong{font-size:15px}.open-order-prompt span{font-size:13px;line-height:1.45}.open-order-prompt .primary-button{flex:none;white-space:nowrap;border-radius:8px;padding:13px 16px}.customer-page-contact .open-order-prompt{display:none}@media(max-width:600px){.open-order-prompt{align-items:stretch;flex-direction:column;margin:10px auto;padding:14px}.open-order-prompt .primary-button{justify-content:center;width:100%}}

/* Customer-only guidance; no Admin styles changed. */
.checkout-fulfillment-hint{display:block;margin-top:7px;color:#685548;font-size:12px;line-height:1.5}
.customer-invoice-card>header div small{font-size:11px;line-height:1.4;color:#75604e;overflow-wrap:anywhere}
@media(max-width:700px){.checkout-fulfillment-hint{font-size:13px}.customer-invoice-card>header strong{font-size:17px}}

/* 1.8.38: guest receipt retrieval without an account. Customer page only. */
.guest-receipt-restore{max-width:760px;margin:20px auto 10px;padding:18px;border:1px solid #d5bea0;border-radius:18px;background:#fffaf1;color:#503d30;display:grid;gap:9px}
.guest-receipt-restore strong{font-size:16px}
.guest-receipt-restore p{margin:0;line-height:1.55;font-size:13px}
.guest-receipt-restore label{font-weight:700;font-size:13px}
.guest-receipt-restore-row{display:flex;gap:8px;min-width:0}
.guest-receipt-restore input{flex:1;min-width:0;border:1px solid #cdb89f;border-radius:10px;padding:12px;font:inherit;color:#3e281d;background:white}
.guest-receipt-restore button{border:0;border-radius:10px;background:#3e281d;color:white;font-weight:700;padding:12px 16px;cursor:pointer}
.guest-receipt-restore button:disabled{opacity:.6}
#guest-receipt-restore-status:not(:empty){padding:4px 0;font-size:13px}
@media(max-width:520px){.guest-receipt-restore-row{flex-direction:column}.guest-receipt-restore button{min-height:45px}}
