/* V137 · theme-aware customer orders and favorites */
#ordersSheet,#favSheet{--sheet-accent:var(--accent,#0f8f87);background:linear-gradient(165deg,color-mix(in srgb,var(--sheet-accent) 12%,#f7faf9),#f5f7f8 46%,color-mix(in srgb,var(--sheet-accent) 7%,#fff));color:#122029}
#ordersSheet .sheetTop,#favSheet .sheetTop{padding:max(14px,env(safe-area-inset-top)) 16px 12px;color:#122029;background:color-mix(in srgb,var(--sheet-accent) 8%,#fff);border-bottom:1px solid color-mix(in srgb,var(--sheet-accent) 18%,transparent);box-shadow:0 8px 30px rgba(15,23,42,.06)}
#ordersSheet .sheetTitle,#favSheet .sheetTitle{font-size:18px;letter-spacing:-.2px}
#ordersSheet .sheetBack,#favSheet .sheetBack{border-color:color-mix(in srgb,var(--sheet-accent) 25%,transparent);background:#fff;color:var(--sheet-accent);box-shadow:0 6px 18px rgba(15,23,42,.08)}
#ordersSheet .sheetBody,#favSheet .sheetBody{width:min(720px,100%);margin:0 auto;padding:4px 14px calc(var(--bottomH) + 24px)}
#ordersSheet .sheetCard,#favSheet .sheetCard{color:#122029;background:rgba(255,255,255,.88);border:1px solid color-mix(in srgb,var(--sheet-accent) 15%,#e4e8eb);box-shadow:0 15px 40px rgba(15,23,42,.09);backdrop-filter:blur(14px)}
#ordersSheet .sheetCard .small,#favSheet .sheetCard .small{color:#64727a}
#ordersHistoryCard{padding:10px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#ordersHistoryHeader{padding:3px 4px 8px}
#ordersHistoryHeader>div{font-size:17px}
#ordersSheet .dateInput{max-width:145px;border:1px solid color-mix(in srgb,var(--sheet-accent) 22%,#dbe1e5);background:#fff;color:#26343d;box-shadow:0 5px 16px rgba(15,23,42,.05)}
.orderPremiumRow{padding:14px!important;margin-top:10px!important;border-color:color-mix(in srgb,var(--sheet-accent) 17%,#e3e8eb)!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important;overflow:hidden}
.orderPremiumRow:before{top:0!important;bottom:0!important;width:5px!important;border-radius:0!important;background:linear-gradient(180deg,var(--sheet-accent),color-mix(in srgb,var(--sheet-accent) 45%,#fff))!important}
.orderPremiumRow .orderTop{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px}
.orderServiceIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--sheet-accent) 12%,#fff);font-size:20px}
.orderMainMeta{min-width:0}.orderMainMeta .orderId{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orderMainMeta .orderMeta{margin-top:4px;color:#74818a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orderPremiumRow .orderStatus{font-size:9px;padding:6px 8px;align-self:start}
.orderPremiumRow .orderItems{margin:11px 0 0;padding:10px 11px;border-radius:12px;background:#f5f7f8;color:#52616a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.orderFoot{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-top:11px}.orderFoot span{font-size:10px;color:#7b8890}.orderFoot strong{color:var(--sheet-accent);font-size:15px}.orderFoot em{font-size:10px;font-style:normal;font-weight:900;color:var(--sheet-accent)}
#activeOrderCard{border-color:color-mix(in srgb,var(--sheet-accent) 22%,#e3e8eb)!important;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--sheet-accent) 8%,#fff))!important}
.activeOrderPremium{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px}.activeOrderIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--sheet-accent);color:#fff;font-size:22px;box-shadow:0 10px 24px color-mix(in srgb,var(--sheet-accent) 28%,transparent)}.activeOrderEyebrow{color:var(--sheet-accent);font-size:9px;font-weight:950;letter-spacing:.7px}
#favSheet .sheetBody>.sheetCard:first-child{background:linear-gradient(135deg,var(--sheet-accent),color-mix(in srgb,var(--sheet-accent) 68%,#071827))!important;color:#fff!important;border:0!important}#favSheet .sheetBody>.sheetCard:first-child .small{color:rgba(255,255,255,.78)!important}
#favSheet .sheetBody>.sheetCard:last-child{padding:8px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.favPremiumRow{position:relative;margin-top:10px!important;padding:10px!important;background:#fff!important;border-color:color-mix(in srgb,var(--sheet-accent) 16%,#e3e8eb)!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;color:#14212a;overflow:hidden}
.favPremiumRow:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--sheet-accent)}
.favPremiumRow .favImg{width:78px;height:78px;border-color:color-mix(in srgb,var(--sheet-accent) 18%,#e2e8eb);background:color-mix(in srgb,var(--sheet-accent) 5%,#fff);padding:7px}
.favEyebrow{color:var(--sheet-accent);font-size:8px;font-weight:950;letter-spacing:.7px}.favPremiumRow .favName{margin-top:3px;color:#14212a;font-size:14px}.favPremiumRow .favDesc{max-width:42vw;color:#74818a}.favPremiumRow .favPrice{color:var(--sheet-accent);font-size:15px}
.favActions{display:grid;gap:7px}.favOpen,.favPremiumRow .favRemove{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:11px;font-size:15px}.favOpen{background:var(--sheet-accent);color:#fff}.favPremiumRow .favRemove{background:color-mix(in srgb,var(--sheet-accent) 10%,#fff);color:var(--sheet-accent)}
.memberEmpty{display:grid;place-items:center;padding:44px 18px;text-align:center;color:#64727a}.memberEmpty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:color-mix(in srgb,var(--sheet-accent) 10%,#fff);color:var(--sheet-accent);font-size:27px}.memberEmpty strong{margin-top:12px;color:#17242c}.memberEmpty small{margin-top:5px}
@media(max-width:380px){.orderPremiumRow .orderTop{grid-template-columns:38px minmax(0,1fr)}.orderServiceIcon{width:38px;height:38px}.orderPremiumRow .orderStatus{grid-column:2;justify-self:start}.activeOrderPremium{grid-template-columns:42px minmax(0,1fr)}.activeOrderIcon{width:42px;height:42px}.activeOrderPremium>.orderStatus{grid-column:2;justify-self:start}.favPremiumRow .favImg{width:68px;height:68px}.favPremiumRow .favDesc{max-width:35vw}}