/* version: 1.0.0 - scoped credit review dialog and account settings */
.fs-spend-overlay { z-index: 100100; padding: 24px; backdrop-filter: blur(4px); background: rgba(0,0,0,.62); }
.fs-spend-dialog { width: min(100%, 440px); max-height: calc(100dvh - 48px); overflow-y: auto; padding: 28px; border: 1px solid var(--border-color, #3b3c44); border-radius: 22px; background: var(--bg-secondary, #1c1d22); color: var(--text-primary, #f5f5f7); box-shadow: 0 24px 80px rgba(0,0,0,.4); text-align: start; }
.fs-spend-dialog h2 { margin: 4px 0 10px; font-size: 1.55rem; line-height: 1.25; }
.fs-spend-eyebrow { margin: 0 0 8px; color: var(--text-secondary, #b9bac4); font-size: .75rem; letter-spacing: .1em; }
.fs-spend-detail { margin: 0 0 18px; line-height: 1.5; overflow-wrap: anywhere; color: var(--text-secondary, #b9bac4); }
.fs-spend-receipt { border-block: 1px solid var(--border-color, #3b3c44); padding: 18px 0; margin: 20px 0 12px; display: grid; gap: 10px; }
.fs-spend-receipt > div { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; }
.fs-spend-receipt dt { color: var(--text-secondary, #b9bac4); }
.fs-spend-receipt dd { margin: 0; font-weight: 650; font-variant-numeric: tabular-nums; }
.fs-spend-skip { display: flex; align-items: flex-start; gap: 12px; padding: 14px 0; min-height: 56px; cursor: pointer; line-height: 1.45; }
.fs-spend-skip input, .fs-spend-setting input { flex-shrink: 0; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--accent-primary, #d83d53); }
.fs-spend-skip small { display: block; margin-top: 5px; color: var(--text-secondary, #b9bac4); font-size: .82rem; }
.fs-spend-actions { display: grid; grid-template-columns: 1fr 1.6fr; gap: 12px; margin-top: 12px; }
.fs-spend-actions button { min-height: 50px; white-space: normal; overflow-wrap: anywhere; font: inherit; padding: 12px 16px; border-radius: 12px; }
.fs-spend-error, .fs-spend-warning { color: var(--text-primary, #f5f5f7); border-inline-start: 3px solid var(--accent-primary, #d83d53); padding-inline-start: 12px; line-height: 1.5; }
.fs-spend-grip { display: none; }
.fs-spend-setting { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; min-height: 56px; border-bottom: 1px solid var(--border-color, #3b3c44); cursor: pointer; }
.fs-spend-settings-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0 12px; }
.fs-spend-settings-actions button { min-height: 48px; white-space: normal; }
@media (max-width: 600px) {
    .fs-spend-overlay { padding: 0; align-items: flex-end; }
    .fs-spend-dialog { width: 100%; max-height: calc(100dvh - 16px); border-radius: 22px 22px 0 0; padding: 16px 22px max(24px, env(safe-area-inset-bottom)); }
    .fs-spend-grip { display: block; width: 36px; height: 4px; border-radius: 4px; margin: 0 auto 20px; background: var(--border-color, #65666f); }
}
@media (max-width: 360px) { .fs-spend-actions { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .fs-spend-overlay, .fs-spend-dialog { animation: none; transition: none; } }