/* Only the matched-order popup changes; task and order-list layouts stay intact. */
:root #app .order-ui-popup .u-popup__content{background:transparent!important;padding:0!important;width:calc(100% - 32px)!important;max-width:418px!important;border-radius:22px!important;overflow:hidden}
#app .order-ui-dialog{box-sizing:border-box;width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;padding:18px;background:white;color:#272930;border-radius:22px;box-shadow:0 14px 40px #161a1824;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
#app .order-ui-dialog *{box-sizing:border-box}
#app .order-ui-icon{width:22px;height:22px;flex-shrink:0;display:block}
#app .order-ui-top{display:flex;align-items:center;justify-content:space-between;min-height:32px;font-size:11px;color:#8c9087;margin-bottom:8px;flex-shrink:0}
#app .order-ui-top>div{display:flex;align-items:center;gap:6px}
#app .order-ui-vip{font-size:10px;font-weight:600;line-height:1.4;padding:5px 8px;border:1px solid #e1e4dc;border-radius:8px;background:#f7f8f4;color:#505749;max-width:120px;overflow-wrap:anywhere}
#app .order-ui-close{border:0;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:transparent;color:#8b9085;border-radius:10px;cursor:pointer}
#app .order-ui-close .order-ui-icon{width:18px;height:18px}
#app .order-ui-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px}
#app .order-ui-status{text-align:center;margin:0 0 20px}
#app .order-ui-check{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f3ee;color:#4f5d45;margin:0 auto 10px}
#app .order-ui-status h2{font-size:20px;font-weight:650;line-height:1.4;margin:0 0 6px;color:#272930}
#app .order-ui-status p{font-size:11px;color:#777b74;margin:0}
#app .order-ui-product{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f7f8f5;border-radius:12px}
#app .order-ui-image{position:relative;flex:0 0 64px;width:64px;height:64px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#a4ab9b}
#app .order-ui-image>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%;padding:5px;background:white;object-fit:contain!important;border-radius:inherit;display:block}
#app .order-ui-product-copy{flex:1;min-width:0}
#app .order-ui-name summary{list-style:none;cursor:pointer}
#app .order-ui-name summary::-webkit-details-marker{display:none}
#app .order-ui-name h3{font-size:13px;line-height:1.55;font-weight:550;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;word-break:normal}
#app .order-ui-name[open] h3{display:block;-webkit-line-clamp:unset;overflow:visible}
#app .order-ui-name summary>span{font-size:10px;color:#7b8271;line-height:1.4;display:block;margin-top:5px}
#app .order-ui-name summary>.order-ui-collapse{display:none}
#app .order-ui-name[open] summary>.order-ui-expand{display:none}
#app .order-ui-name[open] summary>.order-ui-collapse{display:block}
#app .order-ui-product-copy>p{font-size:11px;color:#727969;margin:8px 0 3px}
#app .order-ui-product-copy>small{font-size:10px;color:#8b9281;overflow-wrap:anywhere}
#app .order-ui-amount{padding:20px 0 16px}
#app .order-ui-amount>span{font-size:11px;color:#7b7e73}
#app .order-ui-amount>p{margin:7px 0 0;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
#app .order-ui-amount strong{font-size:32px;font-weight:650;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-.8px;overflow-wrap:anywhere;max-width:100%}
#app .order-ui-amount small{font-size:11px;color:#7b7e73}
#app .order-ui-metric{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e8e8e5}
#app .order-ui-metric>span{font-size:11px;color:#7b7e73;min-width:0;overflow-wrap:anywhere}
#app .order-ui-metric strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:65%;text-align:right}
#app .order-ui-details{border-top:1px solid #e8e8e5;text-align:left}
#app .order-ui-details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;font-size:11px;color:#7b7e73}
#app .order-ui-details summary::-webkit-details-marker{display:none}
#app .order-ui-details summary>span{font-size:16px}
#app .order-ui-details[open] summary>span{transform:rotate(45deg)}
#app .order-ui-details dl{margin:0;padding-bottom:12px;font-size:11px}
#app .order-ui-details dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;margin-top:8px;line-height:1.6}
#app .order-ui-details dt{color:#7b7e73}
#app .order-ui-details dd{margin:0;overflow-wrap:anywhere;text-align:right;white-space:normal}
#app .order-ui-rating{border:0;border-top:1px solid #e8e8e5;min-width:0;padding:8px 0 0;margin:0}
#app .order-ui-rating legend{font-size:11px;color:#7b7e73;padding:0 8px 0 0}
#app .order-ui-rating>div{display:flex;gap:2px}
#app .order-ui-star{display:block;min-width:38px;min-height:38px;border:0;background:transparent;border-radius:9px;font:24px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#bcc2b2;cursor:pointer}
#app .order-ui-star.selected{color:#4b5542}
#app .order-ui-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;padding-top:16px;margin-top:8px;border-top:1px solid #eeeee9;flex-shrink:0}
#app .order-ui-actions button{min-height:46px;border-radius:12px;padding:10px;font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
#app .order-ui-later{background:#f5f5f2;color:#60635e;border:1px solid #e8e8e5}
#app .order-ui-submit{background:#242528;color:#fff;border:1px solid #242528}
#app .order-ui-dialog button:focus-visible,#app .order-ui-dialog summary:focus-visible{outline:2px solid #8a937f;outline-offset:2px}
@media(max-width:360px){#app .order-ui-dialog{padding:14px}#app .order-ui-image{width:56px;height:56px;flex-basis:56px}#app .order-ui-product{gap:10px;padding:10px}#app .order-ui-name h3{font-size:12px}#app .order-ui-status{margin-bottom:16px}}