body.storefront .sf-auth {max-width:460px;margin:24px auto;padding:30px}
.sf-auth h1,.sf-account-heading h1 {font-size:24px;margin-bottom:8px}
.sf-auth-intro {font-size:13px;color:var(--text-secondary);margin-bottom:24px}
.sf-login-tabs {display:flex;gap:8px;margin-bottom:20px}
.sf-login-tab {flex:1;padding:10px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer}
.sf-login-tab[aria-selected="true"] {background:var(--sf-soft);border-color:var(--accent-brand);color:var(--accent-brand);font-weight:600}
.sf-code-row {display:flex;gap:8px}
.sf-code-row .form-control {min-width:0;flex:1}
.sf-code-row .btn {white-space:nowrap;font-size:13px;padding:10px 12px}
.sf-demo-code {font-size:13px;margin:12px 0;padding:12px;background:var(--sf-soft);border-radius:8px;line-height:1.7;color:var(--text-primary)}
.sf-demo-code strong {font-family:var(--font-mono);font-size:18px;letter-spacing:2px;margin-left:8px}
.sf-account-message {font-size:13px;line-height:1.7;color:var(--text-secondary);margin:12px 0;overflow-wrap:anywhere}
.sf-account-message[data-error="true"] {color:var(--status-error)}
.sf-account-message:empty {display:none}
.sf-auth .btn-block {margin-top:18px}
.sf-guest-link {display:block;text-align:center;margin-top:18px}
body.storefront.sf-account-page .main-container {max-width:1000px}
.sf-account-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.sf-account-heading p {font-size:13px;color:var(--text-secondary);overflow-wrap:anywhere}
.sf-account-heading .btn {white-space:nowrap;font-size:13px}
.sf-account-toolbar {display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}
.sf-account-toolbar h2 {font-size:17px}
.sf-account-toolbar .btn {padding:8px 12px;font-size:12px}
.sf-order-list {display:grid;gap:12px;margin-bottom:20px}
body.storefront .sf-order-item {padding:20px}
.sf-order-item-top {display:flex;align-items:start;justify-content:space-between;gap:12px}
.sf-order-item h3 {font-size:15px;overflow-wrap:anywhere}
.sf-order-item .sf-order-status {font-size:12px;color:var(--accent-brand);white-space:nowrap}
.sf-order-meta {font-size:12px;color:var(--text-secondary);margin:8px 0 14px;overflow-wrap:anywhere}
.sf-order-item-bottom {display:flex;justify-content:space-between;align-items:center;gap:12px}
.sf-order-item-bottom strong {color:var(--accent-brand)}
.sf-order-item-bottom .btn {font-size:12px;padding:8px 12px}
.sf-account-empty {text-align:center;padding:40px 20px;font-size:13px;color:var(--text-secondary)}
.sf-account-empty a {display:inline-block;margin-top:16px}
body.storefront .sf-account-panel {padding:22px;margin-top:16px}
.sf-account-panel summary {cursor:pointer;font-size:14px;font-weight:600}
.sf-account-panel-content {margin-top:18px;max-width:520px}
.sf-account-panel-content p {font-size:13px;line-height:1.8;color:var(--text-secondary);margin-bottom:14px}
.sf-account-identities {list-style:none;margin-bottom:16px;font-size:13px}
.sf-account-identities li {padding:8px 0;overflow-wrap:anywhere}
.sf-account-identities span {display:inline-block;min-width:60px;color:var(--text-secondary)}
@media(max-width:640px){body.storefront .sf-auth{margin:8px auto;padding:22px}.sf-account-heading{align-items:start}.sf-account-heading h1{font-size:22px}.sf-order-item-top{flex-direction:column;gap:6px}.sf-code-row .btn{padding:10px;font-size:12px}}

body.storefront .sf-guest-help{padding:20px;margin-top:20px}.sf-guest-help p{font-size:13px;line-height:1.8;color:var(--text-secondary);margin-bottom:12px}

.sf-order-list:has(.sf-orders-table-scroll){display:block;min-width:0}.sf-orders-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface)}.sf-orders-table{width:100%;min-width:800px;border-collapse:collapse;text-align:left;font-size:13px}.sf-orders-table th{padding:16px 18px;background:var(--bg-elevated);color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--border-subtle)}.sf-orders-table td{padding:20px 18px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;line-height:1.7}.sf-orders-table tbody tr:last-child td{border-bottom:0}.sf-orders-table tbody tr:hover{background:var(--bg-hover)}.sf-orders-table .sf-order-product{font-weight:600;min-width:180px}.sf-orders-table .sf-order-number{white-space:nowrap;font-size:12px;font-family:var(--font-mono)}.sf-orders-table .sf-order-created{white-space:nowrap;color:var(--text-secondary);font-size:12px}.sf-order-table-status{display:inline-block;padding:4px 10px;border-radius:20px;background:var(--sf-soft);color:var(--accent-brand);font-size:12px;white-space:nowrap}.sf-orders-table .sf-order-action{white-space:nowrap}.sf-orders-table .sf-order-action .btn{font-size:12px;padding:8px 12px}.sf-table-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sf-orders-table-scroll:focus-visible{outline:2px solid var(--accent-brand);outline-offset:3px}

.sf-guest-order-caption{margin:0;min-width:0;font-size:14px;line-height:1.7;color:var(--text-secondary)}#btnRefreshGuestOrders{flex-shrink:0}

.sf-order-table-status.sf-status-warning{background:var(--status-warning-bg);color:var(--status-warning)}.sf-order-table-status.sf-status-error{background:var(--status-error-bg);color:var(--status-error)}.sf-order-table-status.sf-status-neutral{background:var(--bg-elevated);color:var(--text-secondary)}