.member-order-shell { width:min(100%,1200px);max-width:1200px!important;margin-inline:auto }
.order-overview { --order-primary:var(--bw-primary,var(--tokyo-accent,var(--acg-primary,#2167f3)));--order-text:var(--bw-text,var(--tokyo-text,var(--acg-text,#0f172a)));--order-muted:var(--bw-muted,var(--tokyo-muted,var(--acg-text-muted,#64748b)));--order-border:var(--bw-line,var(--tokyo-border,var(--acg-border,#dbe5f2)));display:grid;gap:14px }
.order-overview-hero { display:flex;align-items:center;justify-content:space-between;min-height:132px;gap:28px;padding:24px 28px;border:1px solid #dbe7f8;border-radius:14px;background:linear-gradient(112deg,#fff 0%,#f7faff 60%,#edf5ff 100%) }
.order-overview-hero-copy>span { color:var(--order-primary);font-size:11px;font-weight:900;letter-spacing:.14em }
.order-overview-hero h1 { margin:3px 0 6px;color:var(--order-text);font-size:28px;font-weight:950 }
.order-overview-hero p { margin:0;color:var(--order-muted);line-height:1.65 }
.order-overview-hero-actions { display:flex;align-items:center;flex:0 0 auto;gap:8px }
.order-overview-hero-action { display:inline-flex;align-items:center;justify-content:center;min-height:38px;gap:7px;padding:0 13px;border:1px solid #cfe0fb;border-radius:9px;background:rgba(255,255,255,.9);color:var(--order-primary);font-size:12px;font-weight:900;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.04);cursor:pointer;transition:.18s ease }
.order-overview-hero-action:hover,.order-overview-hero-action:focus-visible { border-color:var(--order-primary);color:var(--order-primary);box-shadow:0 10px 24px rgba(37,99,235,.1);transform:translateY(-1px) }
.order-overview-hero-action.is-muted { color:#475569 }
.order-overview-tabs { display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--order-border);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04) }
.order-overview-tab { display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:8px;padding:0 17px;border:0;border-radius:9px;background:transparent;color:var(--order-muted);font-size:13px;font-weight:900;cursor:pointer }
.order-overview-tab:hover { color:var(--order-primary);background:#f5f8ff }
.order-overview-tab.is-active { color:#fff;background:var(--order-primary);box-shadow:0 8px 18px rgba(37,99,235,.2) }
.order-overview-tab-count { min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(148,163,184,.14);font-size:11px;line-height:20px }
.order-overview-tab.is-active .order-overview-tab-count { background:rgba(255,255,255,.2) }
.order-overview-toolbar { padding:14px 16px;border:1px solid var(--order-border);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.035) }
.order-overview-search { display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px auto;align-items:center;gap:10px }
.order-overview-control { display:flex;align-items:center;height:42px;overflow:hidden;border:1px solid #d7e1ef;border-radius:9px;background:#fff }
.order-overview-control:focus-within { border-color:var(--order-primary);box-shadow:0 0 0 3px rgba(37,99,235,.07) }
.order-overview-control>i { margin-left:12px;color:#7c8da7 }
.order-overview-control input,.order-overview-control select { width:100%;height:100%;min-width:0;padding:0 11px;border:0;outline:0;background:transparent;color:#27364d;box-shadow:none!important }
.order-overview-search-button { display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:7px;padding:0 20px;border:0;border-radius:9px;background:var(--order-primary);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(37,99,235,.2);cursor:pointer }
.order-social-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px }
.order-social-summary[hidden] { display:none }
.order-social-summary>div { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 14px;border:1px solid #dce8f8;border-radius:10px;background:rgba(255,255,255,.75) }
.order-social-summary span { color:var(--order-muted);font-size:12px;font-weight:800 }
.order-social-summary strong { color:var(--order-text);font-size:18px;font-weight:950 }
.order-overview-results { min-height:390px;padding:14px;border:1px solid var(--order-border);border-radius:14px;background:rgba(246,249,254,.72) }
.order-overview-results-head { display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 2px 10px }
.order-overview-results-head h2 { margin:0;color:var(--order-text);font-size:16px;font-weight:950 }
.order-overview-results-head span { color:#8a9ab2;font-size:12px }
.order-overview-list { display:grid;gap:10px }
.order-overview-card { overflow:hidden;border:1px solid #dce5f1;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.035);transition:.18s ease }
.order-overview-card:hover { border-color:#c6d9f4;box-shadow:0 9px 24px rgba(37,99,235,.065) }
.order-overview-card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 17px 12px }
.order-overview-title-wrap { min-width:0 }
.order-overview-title-line { display:flex;align-items:center;min-width:0;gap:8px }
.order-overview-title-line h3 { margin:0;overflow:hidden;color:#152033;font-size:16px;font-weight:950;line-height:1.4;text-overflow:ellipsis;white-space:nowrap }
.order-overview-status,.order-overview-source { display:inline-flex;align-items:center;min-height:23px;flex:0 0 auto;padding:0 9px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:11px;font-weight:950 }
.order-overview-status.is-success { background:#dcfce7;color:#15803d }
.order-overview-status.is-processing { background:#dbeafe;color:#1d4ed8 }
.order-overview-status.is-pending,.order-overview-status.is-warning { background:#fef3c7;color:#b45309 }
.order-overview-status.is-danger { background:#fee2e2;color:#dc2626 }
.order-overview-source { min-height:20px;padding-inline:7px;border-radius:5px;background:#eef2ff;color:#4f46e5 }
.order-overview-meta { display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:7px;color:#8a9ab2;font-size:12px }
.order-overview-meta>span { display:inline-flex;align-items:center;gap:5px }
.order-overview-icon-button { display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:#eff6ff;color:#2563eb;cursor:pointer }
.order-overview-amount { flex:0 0 auto;text-align:right }
.order-overview-amount strong { display:block;color:#ea580c;font-size:19px;font-weight:950 }
.order-overview-amount span { display:block;margin-top:3px;color:#7c8da7;font-size:11px }
.order-overview-quick-info { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 17px;padding:10px 12px;border-radius:9px;background:#f7f9fc }
.order-overview-quick-info>span { min-width:0 }
.order-overview-quick-info small,.order-overview-quick-info b { display:block }
.order-overview-quick-info small { margin-bottom:3px;color:#94a3b8;font-size:10px }
.order-overview-quick-info b { overflow:hidden;color:#334155;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap }
.order-overview-quick-info .is-refund b { color:#c2410c }
.order-overview-notice { display:flex;align-items:center;gap:8px;margin:10px 17px 0;padding:8px 10px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#475569;font-size:12px }
.order-overview-notice.is-danger { border-color:#fecaca;background:#fff1f2;color:#be123c }
.order-overview-actions { display:flex;align-items:center;gap:8px;padding:11px 17px 14px }
.order-overview-primary-action,.order-overview-secondary-action,.order-overview-text-action { display:inline-flex;align-items:center;justify-content:center;min-height:34px;gap:6px;padding:0 11px;border-radius:8px;font-size:12px;font-weight:900;cursor:pointer }
.order-overview-primary-action { border:1px solid var(--order-primary);background:var(--order-primary);color:#fff }
.order-overview-secondary-action { border:1px solid #d6e2f2;background:#fff;color:#475569 }
.order-overview-text-action { margin-left:auto;border:0;background:transparent;color:#64748b }
.order-overview-text-action i { transition:transform .18s ease }
.order-overview-text-action.is-open i { transform:rotate(180deg) }
.order-overview-secret,.order-overview-details { margin:0 17px 15px;border:1px solid #cfe5dd;border-radius:10px;background:#f4fbf8 }
.order-overview-secret[hidden],.order-overview-details[hidden] { display:none }
.order-secret-loading,.order-secret-pending,.order-secret-file { display:flex;align-items:center;min-height:82px;gap:12px;padding:14px;color:#64748b }
.order-secret-loading { justify-content:center }
.order-secret-pending>i,.order-secret-file>i { color:#16865a;font-size:24px }
.order-secret-pending strong,.order-secret-file strong { display:block;color:#1e293b }
.order-secret-pending p,.order-secret-file p { margin:3px 0 0;color:#64748b;font-size:12px }
.order-secret-pending.is-error>i,.order-secret-pending.is-error strong { color:#dc2626 }
.order-secret-file a { margin-left:auto;padding:9px 13px;border-radius:8px;background:#16865a;color:#fff;font-size:12px;font-weight:900;text-decoration:none }
.order-secret-head { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px 8px }
.order-secret-head span,.order-secret-head small { display:block }
.order-secret-head span { color:#0f5132;font-size:13px;font-weight:950 }
.order-secret-head small { margin-top:2px;color:#6b8f80;font-size:10px }
.order-secret-head>div:last-child { display:flex;gap:6px }
.order-secret-head button,.order-secret-head a { display:inline-flex;align-items:center;min-height:31px;gap:5px;padding:0 9px;border:1px solid #b9ddcf;border-radius:7px;background:#fff;color:#16865a;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer }
.order-overview-secret pre { max-height:240px;margin:0 12px 12px;padding:12px;overflow:auto;border:1px solid #c7e3d8;border-radius:8px;background:#fff;color:#087452;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere }
.order-secret-message { display:flex;gap:7px;margin:-3px 12px 12px;color:#64748b;font-size:11px }
.order-overview-details { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 12px;border-color:#e2e8f0;background:#fafbfd }
.order-overview-details>div { display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:9px 4px;border-bottom:1px dashed #e2e8f0;line-height:1.5 }
.order-overview-details span { color:#94a3b8;font-size:11px }
.order-overview-details strong { color:#334155;font-size:12px;font-weight:750;overflow-wrap:anywhere }
.order-social-overview-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:10px;margin:0 17px }
.order-social-overview-grid>section { min-width:0;padding:11px 13px;border-radius:9px;background:#f7f9fc }
.order-social-section-label { margin-bottom:7px;color:#64748b;font-size:11px;font-weight:900 }
.order-social-target,.order-social-target a { color:#334155;font-size:12px;font-weight:750;line-height:1.55;overflow-wrap:anywhere }
.order-social-target a i { margin-left:5px;color:#2563eb }
.order-social-progress-head,.order-social-progress-foot { display:flex;align-items:center;justify-content:space-between;gap:10px }
.order-social-progress-head { margin-bottom:7px;color:#334155;font-size:12px;font-weight:900 }
.order-social-progress { height:7px;overflow:hidden;border-radius:999px;background:#e2e8f0 }
.order-social-progress>span { display:block;height:100%;border-radius:inherit;background:#f59e0b }
.order-social-progress>span.is-success { background:#16a34a }
.order-social-progress>span.is-processing { background:#2563eb }
.order-social-progress>span.is-danger { background:#ef4444 }
.order-social-progress-foot { margin-top:7px;color:#94a3b8;font-size:10px }
.order-overview-state { display:grid;min-height:280px;place-items:center;padding:32px;text-align:center }
.order-overview-state[hidden] { display:none }
.order-overview-state>div>i { color:#9aabc2;font-size:34px }
.order-overview-state h3 { margin:12px 0 5px;color:#27364d;font-size:17px;font-weight:950 }
.order-overview-state p { margin:0;color:#8a9ab2;font-size:12px }
.order-overview-state button { margin-top:14px;padding:8px 13px;border:1px solid #d7e1ef;border-radius:8px;background:#fff;color:#2563eb;font-weight:900;cursor:pointer }
.order-overview-loading-lines { display:grid;width:min(100%,560px);gap:9px }
.order-overview-loading-lines span { height:12px;border-radius:999px;background:linear-gradient(90deg,#e8eef7 25%,#f7f9fc 50%,#e8eef7 75%);background-size:200% 100%;animation:order-overview-skeleton 1.2s infinite linear }
.order-overview-loading-lines span:nth-child(2) { width:82% }
.order-overview-loading-lines span:nth-child(3) { width:64% }
@keyframes order-overview-skeleton { to { background-position:-200% 0 } }
.order-overview-load-more-wrap { padding-top:12px;text-align:center }
.order-overview-load-more { min-width:136px;min-height:38px;border:1px solid #d6e2f2;border-radius:9px;background:#fff;color:#475569;font-size:12px;font-weight:900;cursor:pointer }
.order-overview-load-more[hidden] { display:none }
.order-overview-load-more.is-loading { opacity:.58 }
.order-overview-refund-dialog { display:grid;gap:0;padding:14px 18px }
.order-overview-refund-dialog>div { display:flex;justify-content:space-between;gap:18px;padding:10px 2px;border-bottom:1px solid #eef2f7 }
.order-overview-refund-dialog span { color:#64748b }
.order-overview-refund-dialog strong { color:#1e293b;text-align:right }
.order-overview-refund-dialog .is-amount { color:#ea580c }
.order-guest-drawer { position:fixed;z-index:100000;inset:0;visibility:hidden;pointer-events:none }
.order-guest-drawer.is-open { visibility:visible;pointer-events:auto }
.order-guest-drawer-backdrop { position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.42);opacity:0;cursor:default;transition:opacity .2s ease }
.order-guest-drawer.is-open .order-guest-drawer-backdrop { opacity:1 }
.order-guest-drawer-panel { position:absolute;top:0;right:0;display:flex;width:min(760px,calc(100vw - 24px));height:100%;flex-direction:column;background:#f5f8fd;box-shadow:-18px 0 48px rgba(15,23,42,.18);transform:translateX(102%);transition:transform .22s ease }
.order-guest-drawer.is-open .order-guest-drawer-panel { transform:translateX(0) }
.order-guest-drawer-header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #dce5f1;background:#fff }
.order-guest-drawer-header>div>span { color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.13em }
.order-guest-drawer-header h2 { margin:3px 0 5px;color:#0f172a;font-size:21px;font-weight:950 }
.order-guest-drawer-header p { margin:0;color:#64748b;font-size:12px;line-height:1.6 }
.order-guest-drawer-close { display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #dce5f1;border-radius:9px;background:#fff;color:#64748b;cursor:pointer }
.order-guest-drawer-body { min-height:0;padding:18px;overflow-y:auto;overscroll-behavior:contain }
.guest-order-drawer-form-card { padding:16px;border:1px solid #dce5f1;border-radius:12px;background:#fff }
.guest-order-drawer-form { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr) auto;align-items:end;gap:10px }
.guest-order-drawer-field { display:grid;min-width:0;gap:7px }
.guest-order-drawer-field>span { color:#334155;font-size:12px;font-weight:900 }
.guest-order-drawer-input { display:flex;align-items:center;height:42px;overflow:hidden;border:1px solid #d7e1ef;border-radius:8px;background:#fff }
.guest-order-drawer-input:focus-within { border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08) }
.guest-order-drawer-input>i { margin-left:11px;color:#2563eb }
.guest-order-drawer-input input { width:100%;height:100%;min-width:0;padding:0 10px;border:0;outline:0;background:transparent;box-shadow:none!important }
.guest-order-drawer-input .guest-query-captcha-img { width:92px;height:34px;flex:0 0 92px;margin-right:3px;border-radius:6px;object-fit:cover;cursor:pointer }
.guest-order-drawer-submit { display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:7px;padding:0 15px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:12px;font-weight:900;cursor:pointer }
.order-guest-drawer .order-results,.order-guest-drawer .no-results,.order-guest-drawer .loading-state { margin-top:12px }
.order-guest-drawer .recent-orders-panel { margin-bottom:10px }
.order-guest-drawer .tokyo-order-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
.order-guest-drawer .panel { border-radius:11px;background:#fff }
body.is-guest-order-drawer-open { overflow:hidden }
@media(max-width:900px){.order-overview-search{grid-template-columns:minmax(0,1fr) repeat(2,minmax(140px,.55fr))}.order-overview-search-button{grid-column:1/-1}.order-social-overview-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.order-overview-hero{align-items:flex-start;min-height:0;padding:19px;flex-direction:column;gap:15px}.order-overview-hero-actions{width:100%}.order-overview-hero-action{flex:1}.order-overview-tabs{overflow-x:auto}.order-overview-tab{min-width:max-content;flex:1 0 auto}.order-overview-search{grid-template-columns:minmax(0,1fr)}.order-overview-search-button{grid-column:auto}.order-overview-quick-info,.order-social-summary,.order-overview-details{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-order-drawer-form{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.order-overview{gap:10px}.order-overview-hero{padding:16px;border-radius:11px}.order-overview-hero h1{font-size:23px}.order-overview-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.order-overview-hero-action{padding-inline:8px}.order-overview-tab{padding:0 12px;font-size:12px}.order-overview-toolbar,.order-overview-results{padding:10px;border-radius:11px}.order-overview-card-head{display:block;padding:13px}.order-overview-title-line{align-items:flex-start;flex-wrap:wrap}.order-overview-title-line h3{width:100%;white-space:normal}.order-overview-amount{display:flex;align-items:center;justify-content:space-between;margin-top:10px;text-align:left}.order-overview-amount span{margin:0}.order-overview-quick-info,.order-social-summary,.order-overview-details{grid-template-columns:minmax(0,1fr)}.order-overview-quick-info,.order-social-overview-grid,.order-overview-notice{margin-inline:13px}.order-overview-actions{align-items:stretch;padding-inline:13px;flex-wrap:wrap}.order-overview-primary-action,.order-overview-secondary-action{flex:1 1 auto}.order-overview-text-action{width:100%;margin-left:0}.order-overview-secret,.order-overview-details{margin-inline:13px}.order-secret-head{align-items:flex-start;flex-direction:column}.order-secret-head>div:last-child,.order-secret-head button,.order-secret-head a{width:100%}.order-secret-head button,.order-secret-head a{justify-content:center}.order-overview-details>div{grid-template-columns:minmax(0,1fr);gap:3px}.order-social-progress-foot{align-items:flex-start;flex-direction:column;gap:3px}.order-guest-drawer-panel{width:100%}.order-guest-drawer-header{padding:16px}.order-guest-drawer-body{padding:12px}.order-guest-drawer .tokyo-order-summary-grid{grid-template-columns:minmax(0,1fr)}}

/* BlueWind account history center */
.history-orders-page {
    overflow: visible;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.history-orders-page .history-orders-overview {
    gap: 12px;
    padding: 16px;
    border: 1px solid #dfe8f5;
    border-radius: 16px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 16px 42px rgba(31, 61, 107, .08);
}
.history-orders-hero {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 108px;
    padding: 20px 22px;
    border: 1px solid #d8e6fa;
    border-radius: 13px;
    background:
        radial-gradient(circle at 88% 18%, rgba(37, 99, 235, .13), transparent 31%),
        linear-gradient(120deg, #ffffff 0%, #f7faff 61%, #eef5ff 100%);
}
.history-orders-hero-mark {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid #cfe0fb;
    border-radius: 16px;
    color: #2167f3;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 10px 24px rgba(37, 99, 235, .12);
    font-size: 24px;
}
.history-orders-hero-copy > span {
    color: #2167f3;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .16em;
}
.history-orders-hero-copy h1 {
    margin: 3px 0 5px;
    color: #0f1f3a;
    font-size: 25px;
    font-weight: 950;
}
.history-orders-hero-copy p {
    margin: 0;
    color: #6b7d99;
    font-size: 13px;
    line-height: 1.6;
}
.history-orders-hero-guide {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #93a2b8;
    font-size: 11px;
}
.history-orders-hero-guide span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid rgba(207, 224, 251, .86);
    border-radius: 9px;
    color: #52647f;
    background: rgba(255, 255, 255, .78);
    font-weight: 850;
    white-space: nowrap;
}
.history-orders-hero-guide span i {
    color: #2167f3;
}
.history-orders-page .history-orders-type-tabs {
    position: relative;
    z-index: 2;
}
.history-orders-page .order-overview-tab {
    flex: 1 1 0;
}
.history-orders-page .history-orders-toolbar {
    padding: 0;
    overflow: hidden;
}
.history-orders-toolbar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
}
.history-orders-toolbar-head > div {
    min-width: 0;
}
.history-orders-toolbar-head strong,
.history-orders-toolbar-head span {
    display: block;
}
.history-orders-toolbar-head strong {
    color: #263652;
    font-size: 13px;
    font-weight: 950;
}
.history-orders-toolbar-head > div > span {
    margin-top: 2px;
    color: #8b9ab0;
    font-size: 11px;
}
.history-orders-filter-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid #d7e2f1;
    border-radius: 8px;
    color: #53647e;
    background: #fff;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}
.history-orders-filter-toggle > span {
    margin: 0;
}
.history-orders-filter-toggle [data-order-filter-arrow] {
    transition: transform .18s ease;
}
.history-orders-filter-toggle.is-collapsed [data-order-filter-arrow] {
    transform: rotate(180deg);
}
.history-orders-filter-panel {
    padding: 0 14px 14px;
    border-top: 1px solid #eef3f9;
}
.history-orders-filter-panel[hidden] {
    display: none;
}
.history-orders-page .order-overview-search {
    grid-template-columns: minmax(220px, 1fr) 158px 148px 148px auto;
    padding-top: 12px;
}
.history-orders-page [data-order-source-control][hidden] {
    display: none;
}
.history-orders-page .history-orders-results {
    min-height: 360px;
}
.history-orders-page .order-overview-results-head > div {
    min-width: 0;
}
.history-orders-page .order-overview-results-head h2,
.history-orders-page .order-overview-results-head small {
    display: block;
}
.history-orders-page .order-overview-results-head small {
    margin-top: 2px;
    color: #98a5b8;
    font-size: 10px;
}
.history-orders-page .order-overview-card {
    content-visibility: auto;
    contain-intrinsic-size: 230px;
}

@media (max-width: 1180px) {
    .history-orders-hero {
        grid-template-columns: 52px minmax(0, 1fr);
    }
    .history-orders-hero-mark {
        width: 52px;
        height: 52px;
    }
    .history-orders-hero-guide {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
    .history-orders-page .order-overview-search {
        grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(130px, .55fr));
    }
    .history-orders-page .order-overview-search-button {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .history-orders-page .history-orders-overview {
        padding: 12px;
        border-radius: 13px;
    }
    .history-orders-page .order-overview-search {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .history-orders-page .order-overview-search > label:first-child,
    .history-orders-page .order-overview-search-button {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .history-orders-page .history-orders-overview {
        gap: 10px;
        padding: 9px;
        border-radius: 11px;
    }
    .history-orders-hero {
        grid-template-columns: 44px minmax(0, 1fr);
        min-height: 0;
        gap: 12px;
        padding: 15px;
        border-radius: 10px;
    }
    .history-orders-hero-mark {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 19px;
    }
    .history-orders-hero-copy h1 {
        font-size: 21px;
    }
    .history-orders-hero-copy p {
        font-size: 12px;
    }
    .history-orders-hero-guide {
        display: none;
    }
    .history-orders-toolbar-head > div > span {
        display: none;
    }
    .history-orders-page .order-overview-search {
        grid-template-columns: minmax(0, 1fr);
    }
    .history-orders-page .order-overview-search > label:first-child,
    .history-orders-page .order-overview-search-button {
        grid-column: auto;
    }
}

@media (max-width: 520px) {
    .history-orders-page .order-overview-tab {
        padding: 0 9px;
    }
    .history-orders-toolbar-head {
        padding: 10px;
    }
    .history-orders-filter-panel {
        padding: 0 10px 10px;
    }
    .history-orders-page .order-overview-results-head {
        align-items: flex-start;
    }
    .history-orders-page .order-overview-results-head > span {
        flex: 0 0 auto;
    }
}

/* BlueWind member order workbench v2 */
.history-orders-page .history-orders-toolbar {
    overflow: visible;
}
.history-orders-page .history-orders-search {
    display: block;
    padding: 0 14px 14px;
}
.history-orders-search-primary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 154px;
    align-items: center;
    gap: 12px;
}
.history-orders-search-primary .order-overview-control,
.history-orders-search-primary .order-overview-search-button {
    min-height: 48px;
    height: 48px;
}
.history-orders-search-primary .order-overview-control {
    border-color: #cfdced;
    box-shadow: 0 6px 18px rgba(31, 61, 107, .035);
}
.history-orders-search-primary .order-overview-control > i {
    margin-left: 15px;
    color: #2167f3;
    font-size: 15px;
}
.history-orders-search-primary .order-overview-control input {
    padding-inline: 12px 16px;
    font-size: 13px;
}
.history-orders-filter-toggle b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    color: #fff;
    background: #2167f3;
    font-size: 10px;
    font-style: normal;
}
.history-orders-filter-toggle b[hidden] {
    display: none;
}
.history-orders-filter-toggle.is-collapsed [data-order-filter-arrow] {
    transform: rotate(0);
}
.history-orders-filter-toggle:not(.is-collapsed) [data-order-filter-arrow] {
    transform: rotate(180deg);
}
.history-orders-page .history-orders-filter-panel {
    margin-top: 14px;
    padding: 14px 0 0;
    border-top: 1px solid #e8eff8;
}
.history-orders-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr)) minmax(190px, .82fr);
    align-items: end;
    gap: 12px;
}
.history-orders-filter-field {
    display: grid;
    min-width: 0;
    gap: 7px;
}
.history-orders-filter-field > span:first-child {
    color: #60718b;
    font-size: 11px;
    font-weight: 900;
}
.history-orders-filter-field .order-overview-control {
    width: 100%;
}
.history-orders-filter-actions {
    display: grid;
    justify-items: end;
    gap: 5px;
}
.history-orders-filter-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #d5e1f1;
    border-radius: 9px;
    color: #52647e;
    background: #fff;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}
.history-orders-filter-actions small {
    color: #9aa8ba;
    font-size: 9px;
}
.history-orders-page .order-overview-list {
    gap: 14px;
}
.history-orders-page .history-order-workbench-card {
    content-visibility: visible;
    contain-intrinsic-size: auto;
    border-color: #d7e3f2;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(31, 61, 107, .055);
}
.history-order-record-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    gap: 18px;
    padding: 9px 18px;
    border-bottom: 1px solid #e7eef7;
    background: linear-gradient(90deg, #f9fbfe, #fff);
}
.history-order-record-state,
.history-order-trade-no {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}
.history-order-record-state > span:not(.order-overview-status),
.history-order-source {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #73839a;
    font-size: 11px;
    font-weight: 750;
}
.history-order-source i {
    color: #2167f3;
}
.history-order-trade-no > span {
    color: #98a6b8;
    font-size: 10px;
}
.history-order-trade-no > strong {
    overflow: hidden;
    color: #40516b;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-order-workbench-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
    gap: 22px;
    padding: 20px 20px 16px;
}
.history-order-product-pane {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 16px;
}
.history-order-cover {
    position: relative;
    display: grid;
    width: 92px;
    height: 92px;
    flex: 0 0 92px;
    overflow: hidden;
    place-items: center;
    border: 1px solid #d9e5f4;
    border-radius: 14px;
    color: #2167f3;
    background: linear-gradient(145deg, #eef5ff, #f9fbff);
    font-size: 28px;
    box-shadow: 0 9px 22px rgba(37, 99, 235, .08);
}
.history-order-cover img {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #f4f7fb;
}
.history-order-cover img[hidden] {
    display: none;
}
.history-order-product-copy {
    min-width: 0;
}
.history-order-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #2167f3;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .1em;
}
.history-order-product-copy h3 {
    margin: 0;
    color: #14223a;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
.history-order-product-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 11px;
}
.history-order-product-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    gap: 5px;
    padding: 0 9px;
    border-radius: 7px;
    color: #53657e;
    background: #f3f6fa;
    font-size: 10px;
    font-weight: 800;
}
.history-order-product-tags i {
    color: #7388a8;
}
.history-order-product-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 11px 0 0;
    color: #6d7f98;
    font-size: 11px;
    line-height: 1.6;
}
.history-order-product-note i {
    margin-top: 3px;
    color: #2167f3;
}
.history-order-settlement-pane {
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid #e1e9f4;
    border-radius: 12px;
    background: #f8fafd;
}
.history-order-settlement-label {
    display: block;
    color: #8998ac;
    font-size: 10px;
    font-weight: 850;
}
.history-order-settlement-amount {
    display: block;
    margin: 2px 0 11px;
    color: #ea580c;
    font-size: 26px;
    font-weight: 950;
    line-height: 1.2;
}
.history-order-settlement-amount small {
    margin-right: 2px;
    font-size: 14px;
}
.history-order-settlement-lines {
    display: grid;
    gap: 8px;
}
.history-order-settlement-lines > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 10px;
    color: #34435a;
    font-size: 10px;
}
.history-order-settlement-lines em {
    color: #8c9aae;
    font-style: normal;
    white-space: nowrap;
}
.history-order-settlement-lines b {
    overflow: hidden;
    font-weight: 850;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-order-settlement-lines .is-refund b {
    color: #c2410c;
}
.history-order-pay-identity {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 5px;
}
.history-order-pay-identity img {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    object-fit: contain;
}
.history-order-pay-identity i {
    color: #2167f3;
}
.history-order-fulfillment-pane {
    margin: 0 20px 16px;
    padding: 15px 16px;
    border: 1px solid #dde8f6;
    border-radius: 12px;
    background: linear-gradient(120deg, #f8fbff, #f4f8fe);
}
.history-order-fulfillment-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.history-order-fulfillment-head > div {
    display: flex;
    align-items: center;
    gap: 8px;
}
.history-order-fulfillment-head span {
    color: #74849b;
    font-size: 10px;
    font-weight: 850;
}
.history-order-fulfillment-head strong {
    color: #23344f;
    font-size: 12px;
    font-weight: 950;
}
.history-order-fulfillment-head small {
    overflow: hidden;
    color: #8291a6;
    font-size: 10px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-order-timeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 14px 0 13px;
}
.history-order-timeline > span {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 7px;
    color: #91a0b3;
    font-size: 10px;
}
.history-order-timeline > span:not(:last-child)::after {
    position: absolute;
    z-index: 0;
    top: 13px;
    left: 28px;
    width: calc(100% - 35px);
    height: 2px;
    background: #dbe5f1;
    content: '';
}
.history-order-timeline i {
    position: relative;
    z-index: 1;
    display: grid;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    place-items: center;
    border: 2px solid #d8e2ee;
    border-radius: 50%;
    background: #fff;
    font-size: 9px;
}
.history-order-timeline .is-complete {
    color: #15803d;
}
.history-order-timeline .is-complete i {
    border-color: #86d7aa;
    color: #15803d;
    background: #ecfdf3;
}
.history-order-timeline .is-complete:not(:last-child)::after {
    background: #a7e2bf;
}
.history-order-timeline .is-active {
    color: #1d4ed8;
}
.history-order-timeline .is-active i {
    border-color: #93b7fb;
    color: #1d4ed8;
    background: #eff6ff;
}
.history-order-quantity-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
.history-order-quantity-strip > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .86);
}
.history-order-quantity-strip small {
    color: #8b99ac;
    font-size: 9px;
}
.history-order-quantity-strip b {
    color: #34445b;
    font-size: 11px;
    font-weight: 950;
}
.history-order-quantity-strip .is-success b {
    color: #15803d;
}
.history-order-quantity-strip .is-warning b {
    color: #b45309;
}
.history-order-quantity-strip .is-refund b {
    color: #c2410c;
}
.history-order-action-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    gap: 16px;
    padding: 10px 20px 14px;
}
.history-order-action-bar > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #8998aa;
    font-size: 10px;
}
.history-order-action-bar > span i {
    color: #16865a;
}
.history-order-action-bar > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.history-order-action-bar .order-overview-text-action {
    margin-left: 0;
    border: 1px solid transparent;
}
.history-order-workbench-card .order-overview-secret,
.history-order-workbench-card .order-overview-details {
    margin-inline: 20px;
}
.history-order-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px 14px;
}
.history-order-social-grid {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(300px, 1.05fr) minmax(220px, .66fr);
    align-items: stretch;
    gap: 16px;
    padding: 20px;
}
.history-order-social-identity {
    align-items: flex-start;
}
.history-order-social-progress-pane {
    min-width: 0;
    padding: 14px 15px;
    border: 1px solid #dce7f5;
    border-radius: 12px;
    background: #f7faff;
}
.history-order-social-progress-title,
.history-order-social-progress-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.history-order-social-progress-title span {
    color: #687a94;
    font-size: 10px;
    font-weight: 900;
}
.history-order-social-progress-title strong {
    color: #2167f3;
    font-size: 18px;
    font-weight: 950;
}
.history-order-social-progress-track {
    height: 9px;
    margin-top: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}
.history-order-social-progress-track > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #f59e0b;
}
.history-order-social-progress-track > span.is-success {
    background: #16a34a;
}
.history-order-social-progress-track > span.is-processing {
    background: #2563eb;
}
.history-order-social-progress-track > span.is-danger {
    background: #ef4444;
}
.history-order-social-progress-meta {
    margin-top: 7px;
    color: #8796aa;
    font-size: 9px;
}
.history-order-social-target {
    display: grid;
    gap: 5px;
    margin-top: 13px;
    padding-top: 11px;
    border-top: 1px dashed #d8e3f0;
}
.history-order-social-target > span {
    color: #8b99ac;
    font-size: 9px;
}
.history-order-social-target a,
.history-order-social-target > span:last-child {
    overflow: hidden;
    color: #34455d;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-order-attention {
    margin: 0 20px 10px;
}

@media (max-width: 1180px) {
    .history-orders-filter-grid {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }
    .history-orders-filter-actions {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .history-order-social-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .history-order-social-grid .history-order-settlement-pane {
        grid-column: 1 / -1;
    }
    .history-order-social-grid .history-order-settlement-lines {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .history-orders-search-primary {
        grid-template-columns: minmax(0, 1fr) 142px;
    }
    .history-orders-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .history-order-workbench-grid,
    .history-order-social-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .history-order-social-grid .history-order-settlement-pane,
    .history-orders-filter-actions {
        grid-column: auto;
    }
    .history-order-settlement-lines {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .history-order-settlement-lines > span {
        padding: 6px 8px;
        border-radius: 7px;
        background: #fff;
    }
}

@media (max-width: 760px) {
    .history-orders-page .history-orders-search {
        padding: 0 10px 10px;
    }
    .history-orders-search-primary,
    .history-orders-filter-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .history-orders-search-primary .order-overview-search-button {
        width: 100%;
    }
    .history-orders-filter-actions {
        align-items: stretch;
        justify-items: stretch;
    }
    .history-orders-filter-actions button {
        width: 100%;
    }
    .history-order-record-bar {
        align-items: flex-start;
        padding: 10px 12px;
        flex-direction: column;
        gap: 8px;
    }
    .history-order-record-state {
        flex-wrap: wrap;
    }
    .history-order-trade-no {
        width: 100%;
    }
    .history-order-workbench-grid,
    .history-order-social-grid {
        gap: 15px;
        padding: 15px 13px;
    }
    .history-order-product-pane {
        align-items: flex-start;
        gap: 12px;
    }
    .history-order-cover {
        width: 68px;
        height: 68px;
        flex-basis: 68px;
        border-radius: 11px;
        font-size: 21px;
    }
    .history-order-product-copy h3 {
        font-size: 15px;
    }
    .history-order-product-tags {
        gap: 5px;
        margin-top: 8px;
    }
    .history-order-product-tags span {
        min-height: 24px;
        padding-inline: 7px;
        font-size: 9px;
    }
    .history-order-fulfillment-pane {
        margin: 0 13px 10px;
        padding: 13px;
    }
    .history-order-fulfillment-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
    .history-order-fulfillment-head small {
        width: 100%;
        text-align: left;
        white-space: normal;
    }
    .history-order-timeline b {
        font-size: 9px;
    }
    .history-order-quantity-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .history-order-action-bar {
        align-items: stretch;
        padding: 10px 13px 13px;
        flex-direction: column;
    }
    .history-order-action-bar > div {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .history-order-workbench-card .order-overview-secret,
    .history-order-workbench-card .order-overview-details {
        margin-inline: 13px;
    }
    .history-order-detail-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .history-order-attention {
        margin-inline: 13px;
    }
}

@media (max-width: 520px) {
    .history-orders-toolbar-head {
        align-items: flex-start;
    }
    .history-orders-filter-toggle {
        flex: 0 0 auto;
    }
    .history-order-product-pane {
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
    }
    .history-order-cover {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }
    .history-order-product-note,
    .history-order-product-tags {
        grid-column: 1 / -1;
    }
    .history-order-settlement-lines,
    .history-order-social-grid .history-order-settlement-lines {
        grid-template-columns: minmax(0, 1fr);
    }
    .history-order-timeline > span {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
    .history-order-timeline > span:not(:last-child)::after {
        top: 13px;
    }
    .history-order-action-bar > span {
        display: none;
    }
    .history-order-action-bar > div,
    .history-order-action-bar button {
        width: 100%;
    }
    .history-order-action-bar button {
        flex: 1 1 auto;
    }
}