/* Forel order and seller surfaces */
.status.status-delivered,.status.status-shipping{background:#f1f4f9;color:#15233f;font-size:1.1rem;font-weight:800;border:1px solid #dce3ee;border-left:4px solid #ff883e;padding:14px 18px;border-radius:12px}
.status.status-waiting{background:#fff5ed;color:#8f4316;font-weight:700;padding:12px 18px}
.staff-counts button[data-filter="delivered"]{border-top:3px solid #ff883e}.staff-counts button[data-filter="shipping"]{border-top:3px solid #15233f}
details>summary{font-weight:800;cursor:pointer;padding:8px 0}
.demo-banner{background:#f0f3f8;color:#536079;padding:14px 20px;border-radius:14px;font-size:14px;line-height:1.7}
.demo-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.demo-actions button{border-radius:100px!important;font-size:13px;padding:10px 18px!important}.demo-actions [aria-pressed="true"]{background:#15233f!important;color:#fff!important;border-color:#15233f!important}.demo-actions [aria-pressed="false"]{background:white!important;color:#637087!important;border-color:#dce3ee!important}
.demo-product{display:flex;gap:24px;align-items:center;padding:22px 0 28px;border-bottom:1px solid #edf0f5}.demo-product img{width:104px;height:104px;object-fit:cover;border-radius:18px}.demo-product h2{font-size:23px;margin:0 0 10px;letter-spacing:-.7px}.demo-product p{color:#778297;margin:8px 0}.demo-product strong{font-size:20px}
#demo-status{display:inline-flex;align-items:center;padding:9px 15px;margin:12px 0 4px;font-size:15px;color:#97491c;background:#fff2e7;border:1px solid #ffdcc2;border-radius:100px}
.demo-steps,.order-progress ol{display:flex;list-style:none;padding:0;margin:32px 0 24px;gap:0}
.demo-steps li,.order-progress ol li{position:relative;flex:1;text-align:center;color:#98a2b3;font-size:14px;background:none;border:0;padding:0;line-height:2.4;z-index:0;min-width:0}
.demo-steps svg,.order-progress li>span{position:relative;z-index:2;width:48px;height:48px;box-sizing:border-box;background:#f5f7fa;border:1px solid #e3e8f0;border-radius:50%;color:#98a2b3}
.demo-steps svg{padding:11px;vertical-align:middle}.order-progress svg{width:24px;height:24px;vertical-align:middle}
.demo-steps .complete,.order-progress li.complete{color:#4c5c74}.demo-steps .complete svg,.order-progress li.complete>span{background:#edf1f7;border-color:#dce4ef;color:#53637d}
.demo-steps .current,.order-progress li.current{color:#15233f;font-weight:800}.demo-steps .current svg,.order-progress li.current>span{background:#15233f;color:#ff9a55;border-color:#15233f;box-shadow:0 0 0 5px #fff1e6}
.demo-steps li:not(:last-child)::after,.order-progress ol li:not(:last-child)::after{content:'';position:absolute;z-index:1;top:23px;left:calc(50% + 29px);right:auto;width:calc(100% - 58px);height:1px;background:#dce3ed}
.demo-steps li:not(:last-child)::before,.order-progress ol li:not(:last-child)::before{content:'›';position:absolute;z-index:2;right:-4px;top:6px;font-size:20px;line-height:32px;color:#a0aabb;background:white;padding:0 3px}
#demo-help{background:#f7f8fb;color:#57657c;text-align:center;border-radius:12px;padding:14px;font-size:14px}
#demo-tracking{border:1px solid #e5e9f0;box-shadow:none;background:#fcfdff;padding:20px;margin:22px 0}#demo-tracking h3{font-size:15px;margin-top:0}#demo-review{background:#15233f;color:#fff;border:0;border-radius:12px;padding:14px 24px;margin-bottom:16px}
.order-progress,.order-progress.status-delivered{border:1px solid #e0e6ef;background:white;padding:24px;border-radius:18px}.order-progress-title{justify-content:space-between}.order-progress-title>span{color:#7a8698;font-size:13px}.order-progress-title strong,.order-progress.status-delivered .order-progress-title strong{color:#15233f;font-size:23px}.order-progress>p{background:#f7f8fb;color:#57657c;padding:14px;border-radius:12px;font-size:14px}.order-progress ol li{display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1.6}
.review-entry{border-top:1px solid #e4e8ef;padding:20px 0}.review-entry>b,.review-rating{color:#a14c18}.review-dialog,dialog{width:min(540px,90vw);box-sizing:border-box;border:1px solid #e0e6ef;border-radius:20px;padding:26px;box-shadow:0 24px 80px #14203d22}dialog::backdrop{background:#101d3d80;backdrop-filter:blur(3px)}.review-dialog textarea,dialog textarea{width:100%;box-sizing:border-box;border-radius:12px}
@media(max-width:600px){.demo-product{gap:16px}.demo-product img{width:80px;height:80px;border-radius:14px}.demo-product h2{font-size:18px}.demo-steps li{font-size:12px}.demo-steps svg,.order-progress li>span{width:38px;height:38px}.demo-steps svg{padding:8px}.demo-steps li:not(:last-child)::after,.order-progress ol li:not(:last-child)::after{top:18px;left:calc(50% + 23px);width:calc(100% - 46px)}.demo-steps li:not(:last-child)::before,.order-progress ol li:not(:last-child)::before{top:1px;font-size:18px}.order-progress{padding:18px 10px}.order-progress li b{font-size:10px}.staff-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}