/* ExpenseTrack brand (expensetrack.ai): black, orange #f97316 / #ea580c, Inter. Loaded after the base styles. */
:root { --blue: #f97316; --blue-dark: #ea580c; }
body { font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

/* app */
input:focus, select:focus { box-shadow: 0 0 0 3px rgba(249, 115, 22, .25); }
.chips label:has(input:checked) { background: rgba(249, 115, 22, .18); }
.choice-opt:has(input:checked) { background: rgba(249, 115, 22, .1); }
.btn-outline:hover { background: rgba(249, 115, 22, .12); }
.badge.estimated, .badge.step-likely, .conf.moderate, .conf.medium { color: #fdba74; }
.badge.step-maybe { border-color: #7c4a1e; color: #fdba74; }
.accounts .likely .mark { color: #fdba74; }
.accounts .possible .mark { color: #fed7aa; }
.timeline .ev-warn::before { color: #fb923c; }
.flash { animation: flash-et 1.2s ease-out; }
@keyframes flash-et { 0% { box-shadow: 0 0 0 4px rgba(249, 115, 22, .7); } 100% { box-shadow: 0 0 0 4px rgba(249, 115, 22, 0); } }
.brand-logo { height: 40px; width: auto; display: block; margin-bottom: 10px; }
.brand-tag { color: #fdba74; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.cta-card { border-color: #7c4a1e; background: linear-gradient(180deg, rgba(249, 115, 22, .08), transparent 60%), #141414; }
.cta-card .btn-primary { display: inline-block; text-decoration: none; margin-top: 8px; }

/* sign-in pages */
.auth-page .brand-logo { height: 48px; margin: 0 auto 12px; }
body.auth { background-image: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(249, 115, 22, .14), transparent 70%), linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); }
.auth-card input:focus { border-color: #f97316; box-shadow: 0 0 0 3px rgba(249, 115, 22, .15); }
.auth-card .btn-primary { background: linear-gradient(to right, #f97316, #ea580c); box-shadow: 0 4px 6px -1px rgba(249, 115, 22, .25); }
.auth-card a, .auth-card .linkbtn { color: #fb923c; }

.hc.attention strong, .badge.h-attention { color: #fdba74; }
.badge.h-attention { border-color: #f97316; }