/* Order ticket: the queue is the focal point; receipt and sharing stay secondary. */
.order-detail-shell{padding-top:26px}.tracking-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#c2bcae;font-size:13px;text-decoration:none;margin-bottom:22px}.tracking-back span{font-size:20px}.order-detail-app .customer-page-heading{margin-bottom:28px}.order-detail-app .customer-page-heading h1{font-size:clamp(32px,4vw,42px)}.tracking-live{display:flex;align-items:center;gap:8px;max-width:320px;flex:none}.tracking-live>span{width:7px;height:7px;border-radius:50%;background:#a4d4b3;flex:none}.tracking-live p{font-size:12px;color:#b7cbb9;line-height:1.6}.tracking-loading{padding:64px 24px;text-align:center;border:1px solid #494331;border-radius:16px;background:#202020;color:#d5cba9}
.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:stretch}.detail-queue-ticket{padding:28px 30px 0;background:#24231d;border:1px solid #756439;border-radius:16px;overflow:hidden;text-align:center;min-width:0}.detail-ticket-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:24px}.detail-ticket-top>span:first-child{font-size:11px;color:#bdb49b;text-align:left}.detail-payment-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #4f6048;border-radius:6px;background:#2b3628;color:#d0e5bf;font-size:11px;line-height:1.4}.detail-payment-pill svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.detail-pending .detail-payment-pill{background:#3d3420;border-color:#75623b;color:#ffe1a2}.detail-closed .detail-payment-pill{background:#3a302a;border-color:#6b5044;color:#eac5b4}.detail-queue-label{font-size:13px;color:#c9c0a8;margin:4px 0 12px}.detail-queue-number{font:700 clamp(74px,7.5vw,106px)/1 Arial,sans-serif;letter-spacing:-5px;font-variant-numeric:tabular-nums;color:#ffdc49;margin:12px 0 24px}.detail-ready .detail-queue-number{color:#c5e5b5}.detail-complete .detail-queue-number{color:#e0d7bd}.detail-queue-ticket h2{font:700 24px/1.3 Arial,sans-serif;letter-spacing:-.4px;margin:0 0 12px}.detail-status-description{max-width:370px;margin:0 auto 24px;font-size:14px;line-height:1.8;color:#d4cdbb}.detail-wait{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border-top:1px solid #4e4732;border-bottom:1px solid #4e4732}.detail-wait>div{display:flex;flex-direction:column;gap:5px}.detail-wait>div+div{border-left:1px solid #4e4732}.detail-wait strong{font-size:24px;color:#efe4bd}.detail-wait span{font-size:11px;color:#bdb49b}.detail-estimate-note{font-size:11px;color:#bdb49b;margin:12px 0 18px}.detail-order-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;text-align:left;border-top:1px dashed #655a3c;margin:26px -30px 0;padding:22px 30px;background:#201f1b}.detail-order-meta>div{min-width:0}.detail-order-meta dt{color:#b8b19e;font-size:11px;margin-bottom:5px}.detail-order-meta dd{margin:0;font-size:13px;font-weight:600;color:#e9e3d2;overflow-wrap:anywhere}.detail-order-meta>div:nth-child(2) dd{font-size:20px;color:#ffe07a}.detail-order-meta>div:first-child{grid-column:1/-1}.detail-waiting-icon{width:76px;height:76px;margin:12px auto 24px;display:flex;align-items:center;justify-content:center;border:1px solid #70603a;border-radius:20px;background:#37301e}.detail-waiting-icon svg{width:44px;height:44px;fill:none;stroke:#f0d58d;stroke-width:1.8}.detail-countdown{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;background:#37301e;border:1px solid #6f5e34;border-radius:9px;text-align:left}.detail-countdown>span{font-size:13px;color:#dccda6}.detail-countdown strong{font:bold 30px/1 Arial,sans-serif;color:#ffe18d;font-variant-numeric:tabular-nums}
.detail-panel{padding:26px;background:#202020;border:1px solid #404040;border-radius:16px;min-width:0}.detail-panel h2{font:700 20px/1.35 Arial,sans-serif;margin:0 0 10px;letter-spacing:-.2px}.detail-panel>p{font-size:14px;line-height:1.8;color:#bcb6aa}.detail-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.detail-panel-heading>span{font-size:11px;color:#b9b3a7}.detail-progress{padding:28px}.detail-progress-badge{padding:5px 9px;border-radius:5px;background:#2a382e;color:#c2dfca!important;font-weight:600}.detail-timeline{list-style:none;margin:32px 0 0;padding:0}.detail-timeline li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;position:relative;min-height:82px;padding-bottom:24px}.detail-timeline li:last-child{min-height:0;padding-bottom:0}.detail-timeline li:not(:last-child)::after{content:'';position:absolute;width:1px;background:#4b4a43;left:14px;top:34px;bottom:4px}.detail-timeline li.finished:not(:last-child)::after{background:#99844b}.detail-step-mark{width:30px;height:30px;border:1px solid #57544b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#969083;font-size:11px;font-variant-numeric:tabular-nums;background:#292824}.detail-step-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.detail-timeline .finished .detail-step-mark{background:#494025;border-color:#8a7741;color:#ffe8a1}.detail-timeline .current .detail-step-mark{background:#ffcf00;border-color:#ffcf00;color:#171717;font-weight:700}.detail-timeline strong{display:block;font-size:14px;margin:3px 0 5px;color:#e8e2d4}.detail-timeline p{font-size:12px;line-height:1.6;color:#aba496;margin:0}.detail-timeline .upcoming strong{color:#a09b90}.detail-timeline .upcoming p{color:#8f8b82}.detail-payment-guide{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:28px}.detail-payment-guide li{display:grid;grid-template-columns:30px 1fr;gap:16px}.detail-payment-guide b{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:7px;color:#e5cc83;background:#3b3422;font-size:13px}.detail-payment-guide strong{font-size:14px;color:#e6dfcf}.detail-payment-guide p{font-size:13px;line-height:1.7;color:#b5ae9e;margin:8px 0 0}.detail-closed-symbol{display:block;color:#b5a16b;font-size:52px;margin-bottom:26px}.detail-closed .button{margin-top:20px}
.tracking-secondary-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.tracking-secondary-grid>div,.tracking-secondary-grid>aside{display:grid;gap:24px;min-width:0}.tracking-receipt ul{list-style:none;padding:0;margin:24px 0 0}.tracking-receipt li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid #3e3c36}.receipt-quantity{font-size:16px;color:#d6c89e;font-weight:700}.tracking-receipt li>div{min-width:0}.tracking-receipt li strong{display:block;font-size:14px;overflow-wrap:anywhere}.tracking-receipt li span:not(.receipt-quantity),.tracking-receipt li small{display:block;font-size:12px;color:#b3ad9e;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.tracking-receipt li>b{font-size:13px;white-space:nowrap}.receipt-total{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.receipt-total span{font-size:14px;color:#c6bead}.receipt-total strong{font-size:24px}.receipt-privacy{font-size:11px!important;color:#aaa497!important;margin-bottom:0}.tracking-pickup{display:flex;align-items:start;justify-content:space-between;gap:24px;flex-wrap:wrap}.tracking-pickup p{color:#b9b2a3;line-height:1.8;font-size:13px;margin:14px 0 0}.tracking-pickup .button{font-size:13px;min-height:44px;padding:12px 16px}.detail-icon{display:inline-flex;margin-bottom:12px;color:#cdbc86}.detail-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.order-detail-app .tracking-share{margin:0;background:#202020;border-color:#404040}.order-detail-app .tracking-share>p{color:#bab3a3;font-size:13px}.order-detail-app .tracking-share label{font-size:12px;margin-top:24px}.order-detail-app .tracking-share input{font-size:12px;margin-top:8px}.tracking-share-actions{display:flex;gap:10px}.tracking-share-actions .button{flex:1;min-height:46px;padding:12px 14px;text-align:center;font-size:13px}.tracking-share-note{padding-top:18px;border-top:1px solid #3c3b35;margin-top:22px;font-size:11px!important}.tracking-lookup{padding:0 22px}.tracking-lookup summary{font-size:13px;min-height:56px;padding:18px 0;cursor:pointer;color:#c7bfae}.tracking-lookup form{padding-bottom:22px;margin:0}.tracking-lookup form label{font-size:12px}.tracking-lookup form input{font-size:13px}.tracking-lookup form .button{width:100%;min-height:44px;font-size:13px}.tracking-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:22px 0;border-top:1px solid #363530;font-size:12px}.tracking-bottom>a{color:#d6c68d;text-decoration:none}.tracking-bottom>span{color:#968f80}.order-detail-app [hidden]{display:none!important}
@media(max-width:850px){.order-detail-grid,.tracking-secondary-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.detail-queue-ticket{padding:24px 22px 0}.detail-ticket-top{align-items:start;flex-direction:column;gap:12px}.detail-order-meta{margin-left:-22px;margin-right:-22px;padding:22px}.detail-progress,.detail-panel{padding:22px}.detail-panel-heading{align-items:start;flex-wrap:wrap}.tracking-receipt li{gap:8px;grid-template-columns:24px 1fr}.tracking-receipt li>b{grid-column:2}.tracking-secondary-grid>div,.tracking-secondary-grid>aside{gap:18px}}
@media(max-width:600px){.order-detail-shell{padding-top:16px}.tracking-back{margin-bottom:14px}.order-detail-app .customer-page-heading{gap:12px;margin-bottom:22px}.tracking-live{max-width:none}.tracking-live p{font-size:11px;margin:0}.order-detail-grid,.tracking-secondary-grid{grid-template-columns:1fr;gap:18px}.detail-queue-ticket{padding:22px 22px 0}.detail-ticket-top{align-items:center;flex-direction:row;padding-bottom:22px;gap:10px}.detail-ticket-top>span:first-child{font-size:10px;max-width:130px}.detail-payment-pill{font-size:10px;gap:4px}.detail-queue-number{font-size:88px;margin-bottom:22px}.detail-queue-ticket h2{font-size:23px}.detail-status-description{font-size:13px}.detail-order-meta{grid-template-columns:1fr 1fr;margin-top:22px;padding:20px 22px}.detail-progress{padding:24px}.detail-timeline{margin-top:26px}.detail-timeline li{min-height:78px}.tracking-secondary-grid{margin-top:18px}.tracking-receipt li{grid-template-columns:24px 1fr auto;gap:10px}.tracking-receipt li>b{grid-column:auto;font-size:12px}.tracking-receipt .detail-panel-heading>span{font-size:10px}.tracking-lookup{padding:0 22px}.tracking-bottom{align-items:start;flex-direction:column;gap:12px}.detail-panel h2{font-size:19px}}
