.orders-page{max-width:1200px;min-height:calc(100vh - 258px);margin:0 auto;padding:36px 35px 72px}
.orders-back{display:inline-block;margin-bottom:27px;color:var(--green);font-size:12px;text-decoration:none}
.orders-page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.orders-page-heading h1{margin:9px 0 7px;font-size:36px}
.orders-page-heading p{margin:0;color:var(--muted);font-size:12px}
.orders-refresh{height:39px;padding:0 16px;border:1px solid var(--line);border-radius:3px;background:var(--white);color:var(--green);font:12px 'DM Sans',sans-serif;cursor:pointer}
.orders-refresh:disabled{opacity:.6;cursor:wait}
.orders-layout{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.5fr);gap:18px;align-items:start}
.orders-list-panel,.order-details-panel{min-width:0;background:var(--white);border:1px solid var(--line)}
.orders-list-panel{padding:18px}
.orders-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.orders-panel-title h2,.order-detail-title{margin:0;font:500 21px 'Playfair Display',serif}
.orders-panel-title span{color:var(--muted);font-size:10px}
.orders-list{display:grid;gap:8px}
.order-list-item{width:100%;padding:13px 14px;border:1px solid var(--line);background:#fffefa;text-align:left;color:var(--ink);cursor:pointer}
.order-list-item:hover,.order-list-item.active{border-color:#9aab8d;background:#f4f5ef}
.order-list-item-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.order-list-item strong{font-size:12px}
.order-list-item .order-list-sum{font-size:13px;font-weight:600;white-space:nowrap}
.order-list-item small{display:block;margin-top:6px;color:var(--muted);font-size:10px}
.order-status{display:inline-flex;margin-top:8px;padding:4px 7px;background:#edf0e8;color:#506247;font-size:9px}
.orders-message{padding:22px;color:var(--muted);font-size:12px;line-height:1.6}
.order-details-empty{min-height:260px;display:grid;place-items:center;text-align:center}
.order-details-content{padding:22px}
.order-details-head{display:flex;justify-content:space-between;align-items:start;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.order-details-head h2{margin:5px 0 7px;font:500 28px 'Playfair Display',serif}
.order-details-head p{margin:0;color:var(--muted);font-size:11px}
.order-total-badge{text-align:right;white-space:nowrap}
.order-total-badge b{display:block;font-size:18px}
.order-total-badge small{color:var(--muted);font-size:10px}
.order-position-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 8px}
.order-position-heading h3{margin:0;font-size:12px}
.order-position-heading span{color:var(--muted);font-size:10px}
.order-position{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 15px;padding:13px 0;border-bottom:1px solid #efede7}
.order-position-name{font-size:12px;font-weight:600}
.order-position-code{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.order-position-total{align-self:start;font-size:12px;font-weight:600;white-space:nowrap}
.order-position-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}
.order-position-note{margin:16px 0 0;padding:11px 12px;background:#f5f3ed;color:#78766d;font-size:10px;line-height:1.6}
@media(max-width:760px){.orders-page{padding:28px 20px 54px}.orders-layout{grid-template-columns:1fr}.orders-list-panel{padding:15px}.orders-page-heading h1{font-size:30px}.order-details-content{padding:17px}}
@media(max-width:420px){.orders-page-heading{align-items:start}.orders-refresh{padding:0 11px}.order-details-head h2{font-size:24px}.order-position-meta{flex-wrap:wrap}}

.orders-page{max-width:1320px;padding-top:48px}
.orders-back{color:#7a6b4b;font-size:10px;letter-spacing:.6px;text-transform:uppercase}
.orders-page-heading{padding:34px 38px;background:#1a1d18;color:#f7f3e9}
.orders-page-heading .eyebrow{color:#c5aa73}
.orders-page-heading h1{font-size:clamp(38px,5vw,58px);letter-spacing:-1.3px}
.orders-page-heading p{color:#c4c1b7}
.orders-refresh{border-color:#a89d84;border-radius:0;background:transparent;color:#f7f3e9;font-size:9px;letter-spacing:.8px;text-transform:uppercase}
.orders-refresh:hover{background:#ffffff12}
.orders-list-panel,.order-details-panel{border:1px solid #e1dccf;background:#fffdf8}
.orders-list-panel{padding:22px}
.orders-panel-title h2,.order-detail-title{font-size:25px}
.order-list-item{border-color:#e4dfd4;background:#fbfaf6}
.order-list-item:hover,.order-list-item.active{border-color:#b79a62;background:#f4f0e6}
.order-status{background:#eae7dd;color:#485242}
.order-details-content{padding:26px}
.order-position-note{background:#f2efe7}
@media(max-width:760px){.orders-page{padding-top:30px}.orders-page-heading{padding:26px 20px}}