.active-orders{display:grid;gap:9px}
.active-orders-warning{display:grid;gap:2px;padding:9px 11px;border:1px solid #8d6337;border-radius:10px;background:#35281b;color:#f4d095}
.active-orders-warning strong{font-size:12px}
.active-orders-warning span{font-size:10.5px}
.active-order-card{padding:11px;border:1px solid #405f73;border-radius:13px;background:linear-gradient(135deg,#142b3d,#102334);box-shadow:0 12px 30px #020a1238}
.active-order-card>header{display:flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid #355165}
.active-order-card>header>div{display:grid;min-width:0}
.active-order-card>header span,.active-order-total>span,.active-payment-details span,.active-order-progress small{color:#74ddce;font-size:10.5px;font-weight:900;letter-spacing:.08em}
.active-order-card>header strong{overflow:hidden;color:#f5c573;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.active-copy{margin-left:auto;padding:4px 8px;border:1px solid #557867;border-radius:7px;background:#17382f;color:#7ee3c9;cursor:pointer;font:900 11px system-ui}
.active-order-total{display:grid;margin-top:8px;padding:10px 11px;border:1px solid #735e39;border-radius:10px;background:linear-gradient(105deg,#30291f,#221e19)}
.active-order-total strong{color:#ffd181;font-size:25px;line-height:1.05}
.active-order-total small{color:#b9aa91;font-size:10.5px}
.active-payment-details{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:7px;margin-top:7px}
.active-payment-details button{position:relative;display:grid;gap:2px;min-width:0;padding:8px 9px;border:1px solid #36546a;border-radius:9px;background:#102538;color:#eef7fb;cursor:pointer;text-align:left}
.active-payment-details strong{overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.active-payment-details small{position:absolute;top:8px;right:8px;color:#72e4d5;font-size:10.5px;font-weight:900}
.active-order-card>p{margin:7px 0;padding:7px 8px;border-left:2px solid #f5b757;background:#2b271f;color:#d9c9ac;font-size:10.5px}
.active-order-progress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px}
.active-order-progress span{display:grid;padding:7px 8px;border:1px solid #345269;border-radius:8px;background:#102538}
.active-order-progress strong{overflow:hidden;color:#ecf6fa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.active-order-card>footer{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}
.active-order-cancel{min-height:39px;padding:0 12px;border:1px solid #744956;border-radius:9px;background:#321f29;color:#ffb7c2;cursor:pointer;font:900 10.5px system-ui}
.active-order-card .purchase-paid-button{min-width:155px;justify-content:center}
.active-processing-state{display:flex;align-items:center;gap:7px;color:#bdd4df;font-size:10.5px;font-weight:800}
.active-processing-state i{width:8px;height:8px;border-radius:50%;background:#64ddc9;box-shadow:0 0 12px #64ddc9}
.active-cancel-dialog{width:min(430px,calc(100vw - 28px));padding:0;border:1px solid #4f697b;border-radius:15px;background:linear-gradient(145deg,#172f42,#0e2030);color:#edf6fa;box-shadow:0 25px 80px #000b}
.active-cancel-dialog::backdrop{background:#02070dcc;backdrop-filter:blur(5px)}
.active-cancel-dialog form{display:grid;gap:9px;padding:19px}
.active-cancel-dialog form>span{color:#f2bd69;font-size:10.5px;font-weight:900;letter-spacing:.1em}
.active-cancel-dialog h2,.active-cancel-dialog p{margin:0}
.active-cancel-dialog h2{font-size:21px}
.active-cancel-dialog p{color:#afc4d0;font-size:11px;line-height:1.5}
.active-cancel-dialog form>div{display:flex;justify-content:flex-end;gap:7px;margin-top:5px}
.active-cancel-dialog button{min-height:39px;padding:0 12px;border:1px solid #496579;border-radius:8px;background:#172d3f;color:#d8e7ee;cursor:pointer;font-weight:900}
.active-cancel-dialog #active-cancel-confirm{border-color:#8c4e5b;background:#562a37;color:#ffd1d7}
.active-cancel-dialog small{min-height:15px;color:#ffacb7;font-size:10.5px;font-weight:800}
@media(max-width:560px){.active-payment-details,.active-order-progress{grid-template-columns:1fr}
.active-order-card>footer{display:grid}
.active-order-card .purchase-paid-button{width:100%}
}

/* Compact active order: one summary, one delivery bar, useful actions. */
.active-order-card,.active-order-card.is-processing{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px 18px;align-items:center;padding:16px;background:#152b36;border:1px solid #3b535e;border-radius:12px;box-shadow:none}
.active-order-card>header{grid-column:1;grid-row:1;border:0;padding:0;min-width:0;flex-wrap:wrap}
.active-order-card>header>div{gap:3px}.active-order-card>header span{color:#a5c9c4;font-size:10px;letter-spacing:.04em}.active-order-card>header strong{font-size:14px;color:#edf5f4}
.active-copy{margin-left:0;background:transparent;border-color:#49616b;color:#b6d8d2;min-height:30px;font-size:11px}
.active-order-total{grid-column:2;grid-row:1;display:block;margin:0;padding:0;border:0;background:transparent;text-align:right}
.active-order-total>span,.active-order-total small{display:none}.active-order-total strong{font-size:20px;white-space:nowrap;color:#f4d49a}
.active-order-card>footer{grid-column:3;grid-row:1;display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;background:transparent}
.active-processing-state{display:none}.active-order-follow{color:#a5ded1;font-size:12px;font-weight:800;padding:8px 11px;border:1px solid #496a6a;border-radius:8px;white-space:nowrap}.active-order-follow:hover{background:#213d46;color:#fff}
.active-order-card .purchase-paid-button{min-width:110px;min-height:35px;font-size:12px;border-radius:8px}.active-order-cancel{min-height:35px;font-size:11px;padding:0 10px;background:transparent;border-color:#6d525c;color:#e5b7c0}
.active-order-progress{grid-column:1/-1;grid-row:2;display:flex;gap:8px;margin:0}.active-order-progress>span:first-child{display:none}.active-order-progress>span{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent}.active-order-progress small{color:#9eb4bd;font-size:11px;letter-spacing:0;font-weight:500;text-transform:lowercase}.active-order-progress strong{font-size:12px;color:#d0dfe3}
.active-payment-details{grid-column:1/-1;grid-row:2;margin:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.active-payment-details button{padding:8px 10px;background:transparent;border-color:#405963;min-width:0;gap:4px;border-radius:8px}.active-payment-details span{font-size:10px;color:#a4bcc4;letter-spacing:.03em}.active-payment-details strong{font-size:13px;white-space:normal;overflow-wrap:anywhere;color:#edf3f5;padding-right:0}.active-payment-details small{position:static;font-size:10px;color:#a2d7ca;justify-self:end}
.active-order-card>p{grid-column:1/-1;grid-row:3;margin:0;padding:0;border:0;background:transparent;color:#a9bcc4;font-size:11px}
.active-order-delivery{grid-column:1/-1;grid-row:4;padding:0;border:0;background:transparent;min-width:0}.is-processing .active-order-delivery{grid-row:3}
.active-order-delivery>div{display:flex;gap:8px;align-items:center;margin-bottom:7px}.active-order-delivery>div strong{font-size:12px;color:#d1e2e3}.active-order-delivery>div span{display:none}.active-order-delivery>div b{margin-left:auto;color:#9ed4c5;font-size:12px}
.active-order-delivery progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:5px;overflow:hidden;border:0;border-radius:5px;background:#344c54;color:#78cbb0}.active-order-delivery progress::-webkit-progress-bar{background:#344c54;border-radius:5px}.active-order-delivery progress::-webkit-progress-value{background:#78cbb0;border-radius:5px}.active-order-delivery progress::-moz-progress-bar{background:#78cbb0;border-radius:5px}
.active-order-delivery>footer{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:11px;color:#a6bdc4}.active-order-delivery footer b{font-weight:600;color:#d1e3e3;font-variant-numeric:tabular-nums}
.active-order-card button:focus-visible,.active-order-follow:focus-visible{outline:2px solid #a5ded1;outline-offset:3px}
@media(max-width:620px){.active-order-card,.active-order-card.is-processing{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.active-order-card>footer{grid-column:1/-1;grid-row:5;justify-content:flex-end}.active-order-card .purchase-paid-button{width:auto}.active-order-total strong{font-size:18px}.active-payment-details{grid-template-columns:1fr}.active-order-delivery>footer{flex-wrap:wrap}.active-order-card>header strong{white-space:normal}.active-order-progress{grid-column:1/-1}}

/* Aligned order facts, with restrained accents. */
.active-order-card,.active-order-card.is-processing{grid-template-columns:minmax(180px,1fr) minmax(260px,1.5fr) auto auto;gap:10px 20px;padding:13px 16px}
.active-order-card>header{gap:6px}.active-order-card>header strong{font-size:16px;color:#b6e8dd}.active-order-card>header span{font-size:9px}.active-copy{font-size:10px;min-height:25px;padding:3px 6px}
.active-order-progress{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.active-order-progress>span,.active-order-progress>span:first-child{display:grid;gap:4px;min-width:0}.active-order-progress small{text-transform:none;letter-spacing:.04em;font-size:9px;font-weight:700;color:#9cb1ba}.active-order-progress strong{font-size:14px;color:#eff6f4;white-space:normal;overflow-wrap:anywhere}
.active-order-total{grid-column:3;grid-row:1;display:grid;gap:4px}.active-order-total>span{display:block;font-size:9px;color:#c7b797;letter-spacing:.04em}.active-order-total strong{font-size:21px}
.active-order-card>footer{grid-column:4;grid-row:1}.active-order-delivery,.is-processing .active-order-delivery{grid-row:4}.active-payment-details{grid-row:2}.active-order-card>p{grid-row:3}
@media(max-width:1000px){.active-order-card,.active-order-card.is-processing{grid-template-columns:minmax(0,1fr) auto;gap:12px}.active-order-progress{grid-column:1;grid-row:2}.active-order-total{grid-column:2;grid-row:1}.active-order-card>footer{grid-column:2;grid-row:2}.active-payment-details{grid-row:3}.active-order-card>p{grid-row:4}.active-order-delivery,.is-processing .active-order-delivery{grid-row:5}}
@media(max-width:620px){.active-order-card,.active-order-card.is-processing{padding:12px;gap:12px}.active-order-progress{grid-column:1/-1;grid-row:2;gap:12px}.active-order-progress strong{font-size:13px}.active-order-card>footer{grid-column:1/-1;grid-row:6}.active-order-total strong{font-size:19px}.active-order-card>header strong{font-size:14px}}

/* Delivery meter: compact figures and clear percentage. */
.active-order-delivery>div{margin-bottom:8px;gap:7px}.active-order-delivery>div strong{font-size:11px;letter-spacing:.025em;color:#b9d9d8}.active-order-delivery>div strong:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#81d5bf;vertical-align:middle}
.active-order-delivery>div b{padding:3px 8px;border:1px solid #426b68;border-radius:6px;background:#203d43;color:#a7e9d8;font-size:11px;line-height:1.2}
.active-order-delivery progress{height:6px;background:#324b55;box-shadow:inset 0 1px 2px #0c1c2533}.active-order-delivery progress::-webkit-progress-bar{background:#324b55}.active-order-delivery progress::-webkit-progress-value{background:linear-gradient(90deg,#54bca7,#a0e1cc)}.active-order-delivery progress::-moz-progress-bar{background:linear-gradient(90deg,#54bca7,#a0e1cc)}
.active-order-delivery>footer{align-items:center;margin-top:7px;font-size:11px;color:#9fb7bf;line-height:1.4}.active-order-delivery footer b{font-size:12px;color:#dceceb}.active-order-delivery footer>span:last-child b{color:#a7dfce}

/* Order information left, amount and actions in a separate right panel. */
@media(min-width:901px){
.active-order-card,.active-order-card.is-processing{grid-template-columns:minmax(0,1fr) 254px;grid-template-rows:auto auto auto;gap:10px 20px;padding:15px 16px}
.active-order-card>header{grid-column:1;grid-row:1;justify-content:space-between}.active-order-progress{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.active-order-total{grid-column:2;grid-row:1;text-align:left;margin:-15px -16px 0 0;padding:15px 16px 8px;border-left:1px solid #48606a;background:#203844;border-radius:0 11px 0 0;align-content:start}.active-order-total strong{font-size:25px}
.active-order-card>footer,.is-processing>footer{grid-column:2;grid-row:2/6;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;margin:-10px -16px -15px 0;padding:14px 16px 15px;border-left:1px solid #48606a;background:#203844;border-radius:0 0 11px 0}.active-order-follow{text-align:center;justify-content:center;min-height:37px}.active-order-card .purchase-paid-button{width:100%;min-width:0}.active-order-cancel{width:100%}
.active-payment-details{grid-column:1;grid-row:3}.active-order-card>p{grid-column:1;grid-row:4}.active-order-delivery,.is-processing .active-order-delivery{grid-column:1;grid-row:5;margin-top:2px}.is-processing .active-order-delivery{grid-row:3}
}
@media(max-width:900px){.active-order-card,.active-order-card.is-processing{grid-template-columns:minmax(0,1fr) auto;gap:12px}.active-order-card>header{grid-column:1;grid-row:1}.active-order-total{grid-column:2;grid-row:1}.active-order-progress{grid-column:1/-1;grid-row:2}.active-payment-details{grid-column:1/-1;grid-row:3}.active-order-card>p{grid-column:1/-1;grid-row:4}.active-order-delivery,.is-processing .active-order-delivery{grid-column:1/-1;grid-row:5}.is-processing .active-order-delivery{grid-row:3}.active-order-card>footer{grid-column:1/-1;grid-row:6;justify-content:flex-end}}
@media(min-width:901px){.active-order-card{position:relative;overflow:hidden}.active-order-card:before{content:"";position:absolute;top:0;right:0;bottom:0;width:269px;background:#203844;border-left:1px solid #48606a;pointer-events:none}.active-order-card>*{position:relative}.active-order-total,.active-order-card>footer,.is-processing>footer{background:transparent;border-left:0}.is-processing>footer{grid-row:2/4;margin-bottom:-15px}.active-order-card.is-processing{grid-template-rows:auto auto auto}}

/* Order facts and action hierarchy. */
.active-order-card,.active-order-card.is-processing{border-color:#4b716f;background:linear-gradient(120deg,#172f39,#152a35);border-radius:13px}
.active-order-card>header span{display:inline-block;width:max-content;max-width:100%;padding:4px 7px;border-radius:5px;background:#284b48;color:#b9e9d8;font-size:9px;letter-spacing:.05em}.active-order-card.is-unpaid>header span{background:#4a3d29;color:#f5d596}
.active-order-card>header strong{color:#c8f0e2;font-size:16px;margin-top:4px}.active-copy{color:#c6dedb;border-color:#587977;background:#213d44;border-radius:6px}
.active-order-progress>span,.active-order-progress>span:first-child{padding:9px 11px;border:1px solid #3e5e69;border-radius:8px;background:#203b47;gap:5px}.active-order-progress small{color:#abc3ce;letter-spacing:.045em;font-size:9px}.active-order-progress strong{color:#f0f8f7;font-size:14px}
.active-order-progress>span:first-child{border-left:2px solid #d9bd7c}.active-order-progress>span:last-child{border-left:2px solid #7ebdab}
.active-order-total>span{color:#d2c6a6;font-size:9px}.active-order-total strong{color:#ffdc91;font-size:26px}
.active-order-follow{display:flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:8px 12px;border:1px solid #7ac8b0;border-radius:8px;background:#a8ddcb;color:#19483b;font-size:12px;font-weight:800;text-decoration:none}.active-order-follow:hover{background:#c3ecdd;border-color:#cef4e5;color:#113f30}
.active-order-cancel{order:3;min-height:36px;background:#3d2c36;border:1px solid #926470;color:#f1c0c9;font-size:11px;border-radius:8px}.active-order-cancel:hover{background:#513643;border-color:#c08a95;color:#ffdae0}
@media(min-width:901px){.active-order-card:before{background:linear-gradient(145deg,#2b4350,#213742);border-left-color:#52727b}.active-order-card>footer{gap:9px}}
@media(max-width:620px){.active-order-card>header strong{font-size:14px}.active-order-progress>span{padding:8px}.active-order-progress strong{font-size:13px}.active-order-card>footer{flex-wrap:wrap}.active-order-follow{flex:1}.active-order-total strong{font-size:21px}}