.order-detail-modal .modal-dialog{max-width:1040px;margin:1.5rem auto}.order-detail-page{max-width:1180px;margin:0 auto 2rem;overflow:hidden;border-radius:20px;background:#f7f8fb;box-shadow:0 16px 42px #1820301a}.order-detail-page .order-detail-body{max-height:none;overflow:visible}.order-detail-modal .modal-content{overflow:hidden;border:0;border-radius:20px;background:#f7f8fb;box-shadow:0 28px 80px #18203038}.order-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 34px;border:0;color:#fff;background:linear-gradient(115deg,#25354c,#374b64)}.order-detail-heading{min-width:0}.order-detail-eyebrow{display:block;margin-bottom:9px;color:#ffb7a9;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.order-detail-eyebrow i{margin-right:6px}.order-detail-heading h2{margin:0 0 5px;color:#fff;font-size:clamp(23px,3vw,31px);font-weight:800;letter-spacing:-.035em;overflow-wrap:anywhere}.order-detail-heading p{margin:0;color:#d3dce7;font-size:13px}.order-detail-header-actions{display:flex;align-items:center;gap:14px}.order-detail-statuses{display:flex;align-items:center;justify-content:flex-end;gap:8px}.order-detail-status{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:100px;background:#eaf2ff;color:#2e5c94;font-size:12px;font-weight:800;white-space:nowrap}.order-detail-status small{color:inherit;font-size:8px;font-weight:900;letter-spacing:.08em;opacity:.7;text-transform:uppercase}.order-detail-status.is-success{background:#dcf6e6;color:#16744a}.order-detail-status.is-danger{background:#ffe7e7;color:#ad3838}.order-detail-status.is-progress{background:#fff0d7;color:#925b15}.order-detail-close{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;color:#fff;cursor:pointer}.order-detail-close:hover,.order-detail-close:focus{background:#fff3;color:#fff}.order-detail-body{max-height:min(74vh,800px);overflow-y:auto;padding:24px 34px 30px}.order-detail-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.order-detail-highlights>div{display:flex;min-height:96px;flex-direction:column;justify-content:center;padding:17px 20px;border:1px solid #e6eaf0;border-radius:14px;background:#fff}.order-detail-highlights span,.order-detail-label{color:#708098;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.order-detail-highlights strong{margin-top:6px;color:#25354c;font-size:19px;line-height:1.2}.order-detail-highlights small{margin-top:4px;color:#78869a;font-size:12px}.order-detail-highlights .order-detail-highlight-total{border-color:#ffdad1;background:#fff3ef}.order-detail-highlight-total strong{color:#d94d40}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:18px;align-items:start}.order-detail-main,.order-detail-side{display:grid;gap:18px;min-width:0}.order-detail-panel{min-width:0;padding:22px;border:1px solid #e6eaf0;border-radius:15px;background:#fff;box-shadow:0 3px 13px #1d2c4306}.order-detail-section-title{display:flex;align-items:center;gap:12px;margin-bottom:19px}.order-detail-icon{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:11px;background:#fff0eb;color:#e35b48;font-size:15px}.order-detail-section-title h3{margin:0;color:#26374d;font-size:15px;font-weight:800}.order-detail-section-title p{margin:2px 0 0;color:#8793a2;font-size:12px}.order-detail-items{display:grid}.order-detail-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid #eef0f4}.order-detail-item:first-child{padding-top:0;border-top:0}.order-detail-item:last-child{padding-bottom:0}.order-detail-item-qty{display:grid;min-width:30px;height:30px;place-items:center;border-radius:8px;background:#f1f3f7;color:#54647a;font-size:12px;font-weight:800}.order-detail-item-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.order-detail-item-copy strong,.order-detail-person strong,.order-detail-panel>strong{color:#29394f;font-size:13px;font-weight:800}.order-detail-item-copy span,.order-detail-item-copy em{color:#768397;font-size:12px;font-style:normal}.order-detail-item-copy em{margin-top:3px;padding:7px 9px;border-radius:6px;background:#f7f8fa}.order-detail-item-price{color:#26374d;font-size:13px;white-space:nowrap}.order-detail-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.order-detail-muted{margin:7px 0 0;color:#6e7c8e;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.order-detail-summary-row,.order-detail-summary-total{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:13px}.order-detail-summary-row span{color:#718094}.order-detail-summary-row strong{color:#35445a;font-weight:700;white-space:nowrap}.order-detail-payment-method{margin-bottom:8px;padding:10px 12px;border-radius:9px;background:#f1f5fa}.order-detail-payment-method span{color:#52657e;font-weight:700}.order-detail-payment-method strong{color:#25354c}.order-detail-summary-total{align-items:center;margin-top:12px;padding-top:18px;border-top:1px dashed #dce2eb;color:#26374d;font-size:15px;font-weight:800}.order-detail-summary-total strong{color:#e25445;font-size:21px;white-space:nowrap}.order-detail-commission{margin-top:10px;padding:10px 12px;border-radius:9px;background:#fff7ed}.order-detail-commission span{color:#9a5b17;font-weight:700}.order-detail-commission strong{color:#b45309}.order-detail-person{display:flex;flex-direction:column;gap:5px}.order-detail-person span{color:#768397;font-size:12px}.order-detail-label{display:block;margin-bottom:8px}.order-detail-action select{border-color:#dce2ea;border-radius:8px;color:#35445a;font-size:13px}.order-detail-proof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.order-detail-proof{overflow:hidden;border:1px solid #e5eaf0;border-radius:10px;color:#29394f;text-decoration:none}.order-detail-proof:hover{border-color:#e35b48;color:#29394f;text-decoration:none}.order-detail-proof img,.order-detail-proof-placeholder{display:grid;width:100%;height:100px;place-items:center;-o-object-fit:cover;object-fit:cover;background:#eef2f6;color:#34a06c;font-size:27px}.order-detail-proof-caption{display:flex;flex-direction:column;gap:2px;padding:9px;font-size:11px}.order-detail-proof-caption small{color:#8793a2}.order-detail-proof--static{cursor:default}.order-detail-footer{padding:14px 34px;border-top:1px solid #e6eaf0;background:#fff}.order-detail-done{min-width:100px;border-radius:8px;background:#e65b49;color:#fff;font-size:13px;font-weight:800}.order-detail-done:hover,.order-detail-done:focus{background:#d64d3c;color:#fff}@media (max-width: 767px){.order-detail-modal .modal-dialog{max-width:none;margin:8px}.order-detail-modal .modal-content{border-radius:14px}.order-detail-header{padding:22px}.order-detail-header-actions{flex-direction:column-reverse;align-items:flex-end;gap:9px}.order-detail-statuses{align-items:flex-end;flex-direction:column}.order-detail-body{max-height:75vh;padding:18px}.order-detail-highlights{grid-template-columns:1fr 1fr}.order-detail-highlight-total{grid-column:1 / -1}.order-detail-layout,.order-detail-people{grid-template-columns:1fr}.order-detail-footer{padding:12px 18px}}.order-filter-section{margin-bottom:1.15rem;padding:1.5rem;border:1px solid #e7ebf1;border-radius:1.15rem;background:linear-gradient(145deg,#fbfcfe,#f5f7fa)}.order-filter-heading{align-items:flex-end;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.order-filter-eyebrow{color:#e25445;display:block;font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:.15rem;text-transform:uppercase}.order-filter-heading h3{color:#26374d;font-size:1.25rem;font-weight:800;margin:0}.order-filter-heading>small{color:#7b8798;font-size:.85rem}.order-option-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.order-option-filter__button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;box-shadow:0 3px 10px #26374d09;color:#475569;display:flex;gap:.9rem;min-height:6.25rem;padding:1.1rem;position:relative;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.order-option-filter__button:hover{box-shadow:0 8px 22px #26374d1a;transform:translateY(-1px)}.order-option-filter__button.active{border-color:currentColor;box-shadow:0 8px 20px #26374d14}.order-option-filter__button.is-delivery.active{box-shadow:0 0 0 3px #2563eb1a,0 8px 20px #26374d14}.order-option-filter__button.is-pickup.active{box-shadow:0 0 0 3px #d977061c,0 8px 20px #26374d14}.order-option-filter__button.is-dine_in.active{box-shadow:0 0 0 3px #16845b1a,0 8px 20px #26374d14}.order-option-filter__button.is-delivery{color:#2563eb}.order-option-filter__button.is-pickup{color:#d97706}.order-option-filter__button.is-dine_in{color:#16845b}.order-option-filter__icon{align-items:center;background:currentColor;border-radius:.9rem;color:#fff;display:inline-flex;flex:0 0 3.4rem;height:3.4rem;justify-content:center;font-size:1.2rem}.order-option-filter__copy{display:flex;flex-direction:column;min-width:0}.order-option-filter__copy strong{color:#2d3b50;font-size:1.05rem;line-height:1.2}.order-option-filter__copy small{color:#8490a0;font-size:.78rem;margin-top:.3rem;white-space:nowrap}.order-option-filter__count{align-items:flex-end;display:flex;flex-direction:column;margin-left:auto}.order-option-filter__count strong{color:currentColor;font-size:1.4rem;line-height:1}.order-option-filter__count small{color:#9aa4b1;font-size:.7rem;margin-top:.3rem}.order-status-filter-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.order-status-filter-label span{color:#34445a;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.order-status-filter-label small{color:#8b96a5}.order-archive-filter{align-items:center;background:#f8fafc;border:1px solid #e5eaf0;border-radius:.85rem;display:flex;gap:1rem;justify-content:space-between;margin:.9rem 0 1rem;padding:.9rem 1rem}.order-archive-filter label{color:#34445a;display:block;font-size:.78rem;font-weight:800;letter-spacing:.06em;margin:0;text-transform:uppercase}.order-archive-filter small{color:#7b8798}.order-archive-filter select{max-width:260px}.order-fulfillment-row>td:first-child{border-left:3px solid #3b82f6}.order-fulfillment-row.is-pickup>td:first-child{border-left-color:#f59e0b}.order-fulfillment-row.is-dine_in>td:first-child{border-left-color:#22a06b}.order-fulfillment-row:hover>td{background:#fbfcfe}.order-option-filter__button:focus-visible{outline:3px solid rgba(59,130,246,.22);outline-offset:2px}.order-option-badge{align-items:center;background:#eff6ff;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:.75rem;font-weight:700;gap:.4rem;padding:.35rem .6rem;white-space:nowrap}.order-option-badge.is-pickup{background:#fff7ed;color:#c2410c}.order-option-badge.is-dine_in{background:#f0fdf4;color:#15803d}@media (max-width: 767px){.order-detail-highlights{grid-template-columns:1fr 1fr}.order-filter-section{padding:1rem}.order-filter-heading{align-items:flex-start;flex-direction:column;gap:.25rem}.order-option-filter{grid-template-columns:1fr}.order-option-filter__button{min-height:5.25rem}.order-archive-filter{align-items:stretch;flex-direction:column}.order-archive-filter select{max-width:none}}