.header-order-status-wrap{position:relative;display:none;align-items:center;margin-left:4px;z-index:120}
.header-order-status-wrap:not([hidden]){display:flex}
.head-order-status{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #ead9ae;border-radius:999px;background:#fffaf0;color:#74500d;box-shadow:0 5px 16px rgba(36,29,15,.07);font:800 9px/1 system-ui,sans-serif;letter-spacing:.03em;cursor:pointer;white-space:nowrap}
.head-order-status:hover{border-color:#dcbf78;background:#fffdf7}
.head-order-dot{width:7px;height:7px;border-radius:50%;background:#c99617;box-shadow:0 0 0 4px rgba(201,150,23,.12);flex:none}
.head-order-chevron{font-size:11px;line-height:1;color:#9b7a39;transform:translateY(-1px)}
.header-order-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 28px));background:rgba(255,255,255,.98);border:1px solid rgba(20,20,22,.1);border-radius:18px;box-shadow:0 24px 70px rgba(10,18,30,.17);padding:14px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-order-panel[hidden]{display:none!important}
.header-order-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 11px;border-bottom:1px solid #ece8df}
.header-order-panel-head .eyebrow{margin:0;color:#8a6730;font-size:8px;font-weight:900;letter-spacing:.16em}
.header-order-panel-close{width:26px;height:26px;border:0;border-radius:50%;background:#f4f1e9;color:#5f584d;font-size:17px;line-height:1;cursor:pointer}
.header-orders-list{display:grid;gap:8px;margin-top:10px;max-height:min(56vh,460px);overflow:auto;padding-right:2px}
.header-order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:1px solid #ece9e2;border-radius:14px;background:#fff;text-align:left;padding:9px 10px;cursor:pointer}
.header-order-item:hover{border-color:#ddc88e;background:#fffdf8}
.header-order-copy{min-width:0}.header-order-copy strong,.header-order-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-order-copy strong{font-size:10px;color:#1d2430}.header-order-copy small{margin-top:3px;font-size:8px;color:#7e8590}
.header-order-state{justify-self:end;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:900;white-space:nowrap;background:#f3f4f6;color:#5e6570}
.header-order-state.pending,.header-order-state.new{background:#fff4d8;color:#7d5a13}
.header-order-state.accepted{background:#eaf7ef;color:#176b38}
.header-order-state.preparing{background:#eef5ff;color:#2d5d97}
.header-order-state.out_for_delivery{background:#eef2ff;color:#39479b}
.header-order-state.completed{background:#f0f2f4;color:#4d5662}
.header-order-state.cancelled,.header-order-state.declined{background:#fff0f0;color:#9d2929}
@media(max-width:760px){.header-order-status-wrap{margin-left:2px}.head-order-status{min-height:32px;padding:0 9px;font-size:8px;max-width:150px}.header-order-panel{right:-8px;width:min(360px,calc(100vw - 18px))}}
@media(max-width:540px){.head-order-status{max-width:125px;overflow:hidden}.head-order-status #headerOrderStatusLabel{max-width:92px;overflow:hidden;text-overflow:ellipsis}.header-order-panel{top:calc(100% + 7px)}}