/* Only the outer history sheet is glass; order surfaces retain their colors. */
html[data-customer-view] #orders-modal{background:rgba(10,20,35,.16)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-customer-view] #orders-modal > .orders-modal-content{background:rgba(245,249,255,.24)!important;backdrop-filter:blur(9px) saturate(135%);-webkit-backdrop-filter:blur(9px) saturate(135%);border:1px solid rgba(255,255,255,.6);box-shadow:0 24px 80px rgba(21,36,73,.22),inset 0 1px 0 rgba(255,255,255,.65);padding:22px 16px 18px!important}
html[data-theme="dark"][data-customer-view] #orders-modal > .orders-modal-content{background:rgba(28,43,68,.26)!important;border-color:rgba(210,227,255,.3)}
#orders-modal .orders-modal-content > h2{font-size:clamp(20px,5vw,26px);margin:6px 40px 8px 0;line-height:1.3}
#orders-modal .orders-modal-content > .eyebrow{font-size:10px;margin:0 40px 0 0}
#orders-modal .orders-modal-intro{color:#172c55;font-size:12px;line-height:1.5;margin:0 0 16px;text-shadow:0 1px 3px rgba(255,255,255,.8)}
html[data-theme="dark"] #orders-modal .orders-modal-intro{color:#e7efff;text-shadow:0 1px 3px rgba(0,0,0,.65)}
#orders-modal #orders-list{gap:12px}
#orders-modal .order-row{padding:12px;gap:10px;border-radius:18px;min-width:0}
#orders-modal .order-row-main{gap:8px}
#orders-modal .order-row-heading{gap:8px;min-width:0;flex-wrap:wrap}
#orders-modal .order-icon{height:32px;width:32px;flex:0 0 32px;font-size:16px;border-radius:10px}
#orders-modal .order-kicker{font-size:9px}
#orders-modal .order-name{font-size:17px;margin:0}
#orders-modal .status-badge{white-space:normal;overflow-wrap:anywhere;max-width:65%;font-size:9px;line-height:1.35;padding:5px 8px}
#orders-modal .order-detail-line{padding:7px 9px;gap:6px}
#orders-modal .order-detail-line .order-meta{font-size:11px;line-height:1.4}
#orders-modal .order-date-line{padding:0 2px}
#orders-modal .customer-order-timeline{padding:9px 6px;margin-top:0;border-radius:12px}
#orders-modal .order-row-right{min-width:0;padding-top:9px}
#orders-modal .order-total{font-size:21px;margin:0}
#orders-modal .order-total-label{font-size:10px}
#orders-modal .order-actions{gap:6px;flex-wrap:wrap;margin-top:6px}
#orders-modal .order-actions .track-button{display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 120px;min-height:44px;height:auto;padding:7px 9px;font-size:11px;line-height:1.35;border-radius:11px;white-space:normal}
@media(max-width:600px){#orders-modal .order-row{grid-template-columns:minmax(0,1fr)}#orders-modal .order-row-right{grid-template-columns:minmax(0,1fr) auto;padding-left:0}#orders-modal .order-actions{grid-column:1/-1}}