/* _content/OnePassTolls/Components/Layout/MainLayout.razor.rz.scp.css */
.page-wrapper[b-40m6n6cioq] { min-height: 100vh; display: flex; flex-direction: column; background: #f0f2f5; }

/* Navbar */
.navbar[b-40m6n6cioq] { background: #0d1b4b; padding: 0 2rem; height: 56px; display: flex; align-items: center; }
.nav-container[b-40m6n6cioq] { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 2rem; }
.navbar-brand[b-40m6n6cioq] { text-decoration: none; font-size: 1.25rem; font-weight: 700; color: white; white-space: nowrap; }
.brand-reg[b-40m6n6cioq] { font-size: 0.65rem; vertical-align: super; }
.nav-links[b-40m6n6cioq] { display: flex; gap: 1.25rem; flex: 1; justify-content: center; }
.nav-links a[b-40m6n6cioq] { color: #ccd6f6; text-decoration: none; font-size: 0.875rem; padding: 5px 10px; border-radius: 4px; transition: color .2s; }
.nav-links a:hover[b-40m6n6cioq], .nav-links a.active[b-40m6n6cioq] { color: white; }
.nav-phone[b-40m6n6cioq] { color: #ccd6f6; font-size: 0.875rem; white-space: nowrap; }

/* Footer */
.site-footer[b-40m6n6cioq] { background: #0d1b4b; color: #8899bb; padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.82rem; margin-top: auto; }
.site-footer a[b-40m6n6cioq] { color: #8899bb; text-decoration: none; margin-left: 1.5rem; }
.site-footer a:hover[b-40m6n6cioq] { color: white; }

main[b-40m6n6cioq] { flex: 1; }
/* _content/OnePassTolls/Components/Pages/TollAlerts.razor.rz.scp.css */
.hero-banner[b-uyae5dn4a8] { background: linear-gradient(135deg,#0d1b4b 0%,#1a2f6b 100%); color:white; text-align:center; padding:1.5rem 2rem 4rem; }
.hero-icon[b-uyae5dn4a8] { background:#2563eb; border-radius:16px; width:44px; height:44px; display:flex; align-items:center; justify-content:center; margin:0 auto .5rem; font-size:1.2rem; }
.hero-banner h1[b-uyae5dn4a8] { font-size:1.6rem; font-weight:700; margin:0 0 .4rem; }
.hero-banner p[b-uyae5dn4a8]  { color:#b0bedd; font-size:1rem; margin:0; line-height:1.6; }

.form-outer[b-uyae5dn4a8] { max-width:720px; margin:-3rem auto 1.5rem; padding:0 1rem; }
.form-card[b-uyae5dn4a8]  { background:white; border-radius:16px; box-shadow:0 8px 40px rgba(0,0,0,.12); padding:1.25rem; }

.step-progress[b-uyae5dn4a8] { display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.step[b-uyae5dn4a8] { display:flex; flex-direction:column; align-items:center; gap:4px; }
.step-icon[b-uyae5dn4a8] { width:36px; height:36px; border-radius:50%; border:2px solid #d1d5db; display:flex; align-items:center; justify-content:center; color:#9ca3af; font-size:.9rem; background:white; transition:all .3s; }
.step-done .step-icon[b-uyae5dn4a8] { border-color:#2563eb; color:#2563eb; background:#eff6ff; }
.step-label[b-uyae5dn4a8] { font-size:.75rem; color:#9ca3af; }
.step-done .step-label[b-uyae5dn4a8] { color:#2563eb; }
.step-line[b-uyae5dn4a8] { flex:1; height:2px; background:#e5e7eb; margin-bottom:18px; max-width:80px; }
.line-done[b-uyae5dn4a8] { background:#2563eb; }

.form-section[b-uyae5dn4a8] { border:1px solid #e5e7eb; border-radius:12px; padding:1rem; margin-bottom:.75rem; }
.section-header[b-uyae5dn4a8] { display:flex; align-items:center; gap:.75rem; font-weight:600; font-size:.95rem; color:#111827; margin-bottom:.75rem; }
.section-num[b-uyae5dn4a8] { background:#2563eb; color:white; border-radius:50%; width:26px; height:26px; display:flex; align-items:center; justify-content:center; font-size:.85rem; font-weight:700; flex-shrink:0; }
.section-desc[b-uyae5dn4a8] { color:#6b7280; font-size:.9rem; margin:0 0 1rem; }

.field-group[b-uyae5dn4a8] { display:flex; flex-direction:column; gap:4px; margin-bottom:.6rem; }
.field-group label[b-uyae5dn4a8] { font-size:.875rem; color:#374151; font-weight:500; }
.field-row[b-uyae5dn4a8] { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.form-input[b-uyae5dn4a8] { border:1px solid #d1d5db; border-radius:8px; padding:10px 14px; font-size:.9rem; color:#111827; outline:none; transition:border-color .2s; width:100%; box-sizing:border-box; }
.form-input:focus[b-uyae5dn4a8] { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.1); }
.field-hint[b-uyae5dn4a8] { font-size:.78rem; color:#9ca3af; }
.required[b-uyae5dn4a8] { color:#ef4444; }

.or-divider[b-uyae5dn4a8] { display:flex; align-items:center; color:#9ca3af; font-size:.8rem; margin:.4rem 0; }
.or-divider[b-uyae5dn4a8]::before, .or-divider[b-uyae5dn4a8]::after { content:''; flex:1; border-top:1px solid #e5e7eb; }
.or-divider span[b-uyae5dn4a8] { padding:0 1rem; }

.btn-primary[b-uyae5dn4a8] { background:#2563eb; color:white; border:none; border-radius:8px; padding:12px 24px; font-size:.95rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:8px; transition:background .2s; }
.btn-primary:hover:not(:disabled)[b-uyae5dn4a8] { background:#1d4ed8; }
.btn-primary:disabled[b-uyae5dn4a8] { opacity:.6; cursor:not-allowed; }

.alert-error[b-uyae5dn4a8]   { background:#fef2f2; border:1px solid #fecaca; color:#b91c1c; border-radius:8px; padding:10px 14px; font-size:.875rem; margin-bottom:1rem; }
.alert-success[b-uyae5dn4a8] { background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; border-radius:8px; padding:12px 16px; font-size:.9rem; margin-bottom:1rem; }

.note-box[b-uyae5dn4a8] { background:#f9fafb; border:1px solid #e5e7eb; border-radius:8px; padding:1rem; font-size:.82rem; color:#6b7280; line-height:1.5; margin-top:1rem; }
.note-box strong[b-uyae5dn4a8] { color:#374151; }