/* 11nuts premium customer account — chocolate, cream and gold */
:root{--p8-choc:#493124;--p8-dark:#2c1c16;--p8-gold:#c49a6c;--p8-cream:#faf6ef;--p8-line:#e7d8c5;--p8-muted:#756456}
body{background:linear-gradient(145deg,#fffdf8 0%,#f5ece0 100%);color:var(--p8-dark)}
.account-section,.my-orders-page,.order-page{max-width:1150px;margin:0 auto;padding:clamp(18px,4vw,44px) 18px 72px}
.account-hero,.account-box,.order-card,.order-header,.tracking-box,.summary,.history-box,.empty-orders{background:#fffdf9!important;border:1px solid var(--p8-line)!important;border-radius:20px!important;box-shadow:0 9px 32px rgba(73,49,36,.07)}
.account-hero{background:linear-gradient(120deg,#493124,#72513a)!important;color:#fff!important;border:1px solid #8b6d4c!important}
.account-hero h1,.account-hero p{color:#fff!important}
.account-box,.order-header,.tracking-box,.summary,.history-box{padding:clamp(18px,3vw,30px)!important}
.account-box h2,.summary h2,.tracking-box h2,.history-box h2,.page-header h1{color:var(--p8-choc)!important;letter-spacing:-.025em}
.quick-stat,.address-card,.info-box,.shipping-box,.courier-box,.payment-box{border:1px solid var(--p8-line)!important;border-radius:14px!important;background:var(--p8-cream)!important}
.account-box input:not([type=checkbox]):not([type=radio]),.account-box select,.account-box textarea{border:1px solid #d7c6b3!important;background:#fff!important;border-radius:10px!important;padding:12px!important;max-width:100%}
.account-box input:focus,.account-box select:focus,.account-box textarea:focus{outline:2px solid var(--p8-gold);outline-offset:1px}
.account-section button,.account-section .btn,.my-orders-page .btn,.order-page .btn-main,.order-page .track-button{background:var(--p8-choc)!important;color:#fff!important;border-radius:10px!important;border-color:var(--p8-choc)!important;transition:filter .2s,transform .2s}
.account-section button:hover,.account-section .btn:hover,.my-orders-page .btn:hover,.order-page .btn-main:hover,.order-page .track-button:hover{filter:brightness(1.13);transform:translateY(-1px)}
.order-page .btn-light{background:#eee3d5!important;color:var(--p8-choc)!important;border-radius:10px!important}
.status-badge{border-radius:100px!important;padding:7px 14px!important;font-size:.84rem}
.order-top{background:linear-gradient(90deg,#f8efe4,#fffdf9)!important;border-bottom:1px solid var(--p8-line)!important}
.order-card{overflow:hidden;margin-bottom:18px}
.order-number,.item-name{color:var(--p8-choc)}
.order-actions,.actions{gap:12px}
.timeline-item.done .timeline-dot,.timeline-item.current .timeline-dot{background:var(--p8-choc)!important;color:#fff!important}
.price-row,.payment-row,.courier-row{border-color:var(--p8-line)!important}
.total-row{color:var(--p8-choc)!important}
@media(max-width:720px){.account-section,.my-orders-page,.order-page{padding:18px 12px 50px}.account-hero,.account-box,.order-header,.tracking-box,.summary,.history-box{padding:18px!important}.account-grid{grid-template-columns:1fr!important}.order-actions,.actions{flex-wrap:wrap}.order-actions .btn,.actions a{max-width:100%}.tablewrap{overflow-x:auto}}