.orderHistoryPage{width:min(100%,680px);min-height:100dvh;padding:0 20px calc(105px + env(safe-area-inset-bottom));background:var(--paper);margin-inline:auto}.orderHistoryPage>.homeTopbar{margin-inline:-20px}.orderHistoryPage>.eyebrow{margin-top:18px;display:block}.orderHistoryPage h1{margin-top:8px}.orderHistoryPage .lead{margin-bottom:24px}.orderHistoryPage>.historyMessage{margin-top:20px}.orderHistoryShortcut{min-height:44px;color:var(--action);background:#fff1e8;border:1px solid #e5e7eb;border-radius:8px;align-items:center;margin:0 0 16px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.orderHistoryList{gap:12px;margin-top:20px;display:grid}.orderHistoryCard,.historyMessage{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.orderHistoryCard{border-inline-start:4px solid #aab3bd;box-shadow:0 3px 12px #23312b0a}.orderHistoryCard[data-tone=action]{border-inline-start-color:#d48719}.orderHistoryCard[data-tone=progress]{border-inline-start-color:#4382bb}.orderHistoryCard[data-tone=waiting]{border-inline-start-color:#8995a2}.orderHistoryCard[data-tone=success]{border-inline-start-color:#31845a}.orderHistoryCard[data-tone=warning]{border-inline-start-color:#c15e39}.orderHistoryCard[data-tone=muted]{border-inline-start-color:#aab3bd}.orderHistoryCard header{justify-content:space-between;align-items:center;gap:12px;display:flex}.orderHistoryCard header strong{margin-top:4px;font-size:17px;display:block}.orderHistoryStatus{color:#46515e;background:#eef1f4;border-radius:99px;flex:none;padding:6px 10px;font-size:12px;font-weight:750}.orderHistoryCard[data-tone=action] .orderHistoryStatus{color:#80500b;background:#fff1d7}.orderHistoryCard[data-tone=progress] .orderHistoryStatus{color:#245b87;background:#e8f2fb}.orderHistoryCard[data-tone=waiting] .orderHistoryStatus{color:#4e5b68;background:#edf0f2}.orderHistoryCard[data-tone=success] .orderHistoryStatus{color:#206640;background:#e5f4eb}.orderHistoryCard[data-tone=warning] .orderHistoryStatus{color:#873d26;background:#fff0e9}.orderHistoryCard[data-tone=muted] .orderHistoryStatus{color:#606a73;background:#f0f1f2}.orderHistoryCard>p,.historyMessage p{color:var(--muted);font-size:12px;line-height:1.8}.orderHistoryCard .orderHistoryDate{margin-bottom:2px}.orderHistoryNote{background:#fff5e4;border-radius:8px;padding:9px;color:#765125!important}.orderHistoryCard>.orderHistoryNextStep{color:#3d4d5a;background:#f4f7f9;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;margin:12px 0 0;padding:10px 12px;line-height:1.7;display:grid}.orderHistoryNextStep strong{color:#243a4a;white-space:nowrap}.orderHistoryCard[data-tone=action]>.orderHistoryNextStep{color:#694b1b;background:#fff8e9}.orderHistoryCard[data-tone=action] .orderHistoryNextStep strong{color:#80500b}.orderHistoryCard[data-tone=success]>.orderHistoryNextStep{color:#315b41;background:#f0f8f3}.orderHistoryActions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.orderHistoryActions a,.historyMessage a{color:#fff;background:var(--button);border-radius:8px;align-items:center;min-height:44px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.orderHistoryActions .orderHistoryPrimaryAction{color:#fff;background:var(--button)}.orderHistoryActions .orderHistoryReorderAction{border:1px solid var(--line);color:var(--action);background:#fff}.historyError{color:#c93636;background:#fff0f0}.historyError a{color:#71352d;background:#f2d9d2}.historyLogin{border:1px solid var(--line);background:#fff;border-radius:12px;gap:12px;margin-top:12px;padding:16px;display:grid}.historyNotice{color:#237a4b;background:#eaf6ee;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:12px}.historyLogin button{color:#fff;background:var(--button);min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:9px 14px;font-weight:700}.historyLogin button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:520px){.orderHistoryPage{padding-inline:18px}.orderHistoryPage>.homeTopbar{margin-inline:-18px;padding-inline:18px}.orderHistoryCard header{align-items:center;gap:8px}.orderHistoryCard header>div{min-width:0}.orderHistoryCard header>div strong{overflow-wrap:anywhere;font-size:15px}.orderHistoryStatus{text-align:center;max-width:58%}.orderHistoryCard>.orderHistoryNextStep{grid-template-columns:1fr;gap:2px}.orderHistoryActions a{flex:100%;justify-content:center}}