/* Supporting storefront, registration, recovery and payment handoff pages. */
.sf-login-page .auth-card .btn-outline-primary{border:1px solid #c3d8ef;background:#f3f8ff;color:#0874d8;border-radius:10px;font-size:12px;white-space:normal;min-height:58px;padding:9px 6px!important}
.sf-login-page .auth-card .btn-outline-primary:hover{background:#e7f1ff}
.sf-login-page .sf-auth-card-heading h2{font-size:26px;line-height:1.4}
.sf-store .sf-secondary{max-width:1120px;margin:0 auto;min-height:65vh;padding:48px 24px!important;color:var(--sf-ink,#202124)}
.sf-secondary-heading{margin-bottom:30px}
.sf-secondary-heading>p:first-child{font-size:12px;color:#777f8b;margin:0 0 12px}
.sf-secondary-heading h1{font-size:34px;line-height:1.4;font-weight:650;letter-spacing:-1px;margin:0 0 12px}
.sf-secondary-heading>p:last-child{font-size:14px;color:#777f8b;line-height:1.8;margin:0}
.sf-store .sf-secondary .panel{border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:none;overflow:hidden;margin-bottom:24px}
.sf-store .sf-secondary .panel-header{padding:22px 24px;border-bottom:1px solid #eceef1;background:transparent}
.sf-store .sf-secondary .panel-title{font-size:16px;color:#202124;font-weight:600}
.sf-store .sf-secondary .panel-body{padding:24px}
.sf-store .sf-secondary .panel-header .icon{color:#0874d8;background:#eff5fd;border-radius:10px}
.sf-store .sf-secondary .order-query-form>.d-flex{justify-content:flex-start!important;flex-wrap:wrap;gap:12px!important}
.sf-store .sf-secondary .order-query-form>.d-flex>div:first-child{width:100%!important;max-width:480px;flex:1 1 240px}
.sf-store .sf-secondary .form-control{background:#fafbfc;border:1px solid #dfe3e8;border-radius:12px;min-height:48px;color:#202124}
.sf-store .sf-secondary .btn-primary{background:#0874e4;border-color:#0874e4;border-radius:12px;min-height:48px;box-shadow:none}
.sf-store .sf-secondary .accordion-item{border-color:#eceef1;background:transparent}
.sf-store .sf-secondary .accordion-button{background:#fff;color:#30353d;padding:20px;box-shadow:none;font-size:14px}
.sf-store .sf-secondary .accordion-button:not(.collapsed){background:#f3f7fc;color:#0874d8}
.sf-store .sf-secondary .accordion-body{line-height:1.9;padding:20px}
.sf-store .sf-secondary .order-item{border:1px solid #e5e7eb;border-radius:14px;box-shadow:none}
.sf-status-page{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:#f7f7f8;color:#202124;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.sf-status-card{box-sizing:border-box;text-align:center;width:min(100%,520px);background:#fff;border:1px solid #e5e7eb;padding:44px 32px;border-radius:24px}
.sf-status-card>img{width:110px;height:110px;object-fit:contain;margin-bottom:20px}
.sf-status-kicker{font-size:12px;color:#787f89;line-height:1.7}
.sf-status-card h1{font-size:26px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0}
.sf-status-card>p:last-child{font-size:13px;color:#727983;line-height:1.8}
.sf-status-page>form{display:none}
:root[data-theme="dark"] .sf-store .sf-secondary{color:#e8edf3}
:root[data-theme="dark"] .sf-store .sf-secondary .panel,:root[data-theme="dark"] .sf-store .sf-secondary .accordion-button{background:#20242a;border-color:#373e48;color:#e8edf3}
:root[data-theme="dark"] .sf-store .sf-secondary .panel-title{color:#e8edf3}
:root[data-theme="dark"] .sf-store .sf-secondary .panel-header,:root[data-theme="dark"] .sf-store .sf-secondary .accordion-item{border-color:#373e48}
:root[data-theme="dark"] .sf-store .sf-secondary .accordion-button:not(.collapsed){background:#293648;color:#9ccbff}
:root[data-theme="dark"] .sf-store .sf-secondary .form-control{background:#272d35;border-color:#373e48;color:#e8edf3}
@media(max-width:600px){.sf-store .sf-secondary{padding:30px 16px!important}.sf-secondary-heading h1{font-size:28px}.sf-store .sf-secondary .panel-header,.sf-store .sf-secondary .panel-body{padding:18px}.sf-store .sf-secondary .order-query-form>.d-flex>div{width:100%}.sf-store .sf-secondary .btn-search-query{width:100%}.sf-status-card{padding:30px 22px}.sf-status-card h1{font-size:22px}}