.shop-orders-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:10px 0 26px;border-bottom:1px solid #deded8;margin-bottom:25px}
.shop-commerce .shop-orders-heading h1{font:400 39px/1.2 Georgia,serif;letter-spacing:-.7px;margin:9px 0 12px}.shop-orders-heading p{font-size:12px;color:#7b8a90;max-width:530px;margin:0}.shop-orders-heading>a{font-size:11px;white-space:nowrap}
.shop-order-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 30px}.shop-order-stats>div{border:1px solid #e0e4db;background:#fff;padding:18px 20px}.shop-order-stats strong{font:400 27px Georgia,serif;display:block;margin-bottom:7px}.shop-order-stats span{font-size:10px;color:#7b8b91}
.shop-orders-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.shop-orders-list{min-width:0}
.shop-orders-empty{padding:55px 35px;text-align:center;background:#fff;border:1px solid #e0e4db}.orders-empty-symbol{color:#9ca992;margin-bottom:23px}.shop-orders-empty .shop-kicker{font-size:8px}.shop-commerce .shop-orders-empty h2{font:400 29px/1.3 Georgia,serif;max-width:410px;margin:17px auto}.shop-orders-empty p{font-size:12px;color:#7b8b91;line-height:1.9;max-width:440px;margin:0 auto 25px}
.orders-help-panel{padding:23px;background:#fff;border-top:2px solid #a7af99;border-bottom:1px solid #e0e4db;margin-bottom:22px}.shop-commerce .orders-help-panel h2{font:400 24px/1.25 Georgia,serif;margin:10px 0 14px}.orders-help-panel p{font-size:11px;line-height:1.9;color:#7c8b91}.orders-help-panel .shop-button{display:block;text-align:center}.orders-help-panel form{margin-top:17px}.orders-help-panel label{font-size:10px}.orders-help-panel input{font-size:12px;padding:10px}.orders-help-panel button{width:100%;font-size:11px}.orders-help-panel summary{font-size:11px;cursor:pointer}.orders-help-panel .shop-access-code{margin-top:15px;font-size:11px}.orders-transfer{background:#eeeee6}.shop-transfer-instructions{white-space:pre-line;overflow-wrap:anywhere}.orders-help-compact{background:transparent;border-top:1px solid #d8ded2;padding:20px 0}.orders-help-compact>a{font-size:11px;color:#8f2932!important}
.customer-order{border:1px solid #dfe4dc;background:#fff;margin-bottom:24px}.customer-order>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;border-bottom:1px solid #e2e5de}.customer-order>header .shop-kicker{font-size:9px}.shop-commerce .customer-order h2{font:400 23px/1.3 Georgia,serif;margin:8px 0 0}.customer-order-badge{font-size:10px;line-height:1.7;white-space:nowrap;padding:5px 9px;background:#f4eee0;color:#8f7b48}.badge-paid{color:#4c725c;background:#edf3eb}.badge-cancelled{color:#8b7975;background:#f4eeeb}
.customer-order-progress{display:flex;justify-content:space-between;gap:15px;list-style:none;padding:16px 24px;margin:0;background:#f8faf6;font-size:9px;color:#9ba69e}.customer-order-progress li{display:flex;align-items:center;gap:6px}.customer-order-progress span{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #d2d9ce;border-radius:50%;font-size:8px}.customer-order-progress .done{color:#587460}.customer-order-progress .done span{color:#fff;background:#7f9c81;border-color:#7f9c81}.customer-order-progress .current{color:#8d7a46}
.customer-order-items{padding:0 24px}.customer-order-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;padding:20px 0;border-bottom:1px solid #e5e8e0;align-items:start}.customer-order-item:last-child{border-bottom:0}.order-item-symbol{display:grid;place-items:center;background:#eef1e9;color:#87967e;height:49px;font-size:11px;letter-spacing:.5px}.shop-commerce .customer-order-item h3{font:400 21px/1.3 Georgia,serif;margin:0 0 7px}.customer-order-item p{font-size:10px;color:#8a9599;margin:0}.customer-order-item>strong{font-size:12px;font-weight:500}.customer-order-item .shop-button{font-size:10px;margin-top:13px;padding:10px 14px}
.customer-order-reception{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;background:#fafbf8;padding:20px 24px;border-top:1px solid #e3e7de}.customer-order-reception p{font-size:11px;line-height:1.9;color:#6f838b;margin:7px 0 0;white-space:pre-line;overflow-wrap:anywhere}.customer-order-total>span{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-bottom:9px;color:#82908f}.customer-order-total strong{font-weight:500;color:#415e70;white-space:nowrap}.customer-order-total>span:last-child{font-size:13px;padding-top:10px;border-top:1px solid #d9dfd3;margin-bottom:0}
.customer-order-payment{border-top:1px solid #e0e5da;padding:22px 24px}.shop-commerce .customer-order-payment h3{font:400 22px/1.3 Georgia,serif;margin:9px 0}.customer-order-payment p{font-size:11px;color:#82908e;line-height:1.9}.customer-order-payment .shop-report{gap:13px;margin-top:17px}.customer-order-payment .shop-report label{font-size:10px}.customer-order-payment .shop-report input{font-size:12px}.customer-order-payment .shop-report button{font-size:10px;padding:12px 13px;white-space:nowrap}.customer-order-notice{font-size:11px;padding:17px 24px;background:#f6f1e9;border-top:1px solid #e0e5da;color:#928274;margin:0}.notice-paid{color:#648067;background:#eff5eb}
@media(max-width:980px){.shop-orders-layout{grid-template-columns:minmax(0,1fr)}.shop-orders-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.orders-help-panel{margin:0}.shop-order-stats{gap:12px}}
@media(max-width:600px){.shop-orders-heading{align-items:start;flex-direction:column;gap:12px}.shop-commerce .shop-orders-heading h1{font-size:33px}.shop-orders-heading>a{font-size:10px}.shop-order-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-order-stats>div{padding:15px}.shop-orders-empty{padding:35px 22px}.shop-commerce .shop-orders-empty h2{font-size:26px}.shop-orders-aside{grid-template-columns:minmax(0,1fr)}.customer-order>header{padding:19px;align-items:start;flex-direction:column;gap:12px}.customer-order-progress{padding:14px 19px;gap:10px;flex-wrap:wrap}.customer-order-items{padding:0 19px}.customer-order-item{grid-template-columns:32px minmax(0,1fr);gap:12px}.customer-order-item>strong{grid-column:2}.shop-commerce .customer-order-item h3{font-size:19px}.order-item-symbol{height:41px;font-size:9px}.customer-order-reception{grid-template-columns:minmax(0,1fr);gap:20px;padding:19px}.customer-order-payment{padding:19px}.customer-order-payment .shop-report{align-items:stretch;flex-direction:column}.customer-order-payment .shop-report label{width:100%}.customer-order-notice{padding:16px 19px}}
