/* /Components/CommunityEventCard.razor.rz.scp.css */
.community-event-card--standalone[b-nzxmpx300d] {
    max-width: 42rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    background: #fafbfc;
}

.community-event-card-title[b-nzxmpx300d] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.community-event-card-meta[b-nzxmpx300d] {
    font-size: 0.95rem;
}

.community-event-card-description[b-nzxmpx300d] {
    white-space: pre-wrap;
    line-height: 1.6;
    color: #333;
}
/* /Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-853j0g4onm] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: linear-gradient(160deg, #3d7ab8 0%, #2a5a87 40%, #1e4568 100%);
    background-attachment: fixed;
}

.login-layout[b-853j0g4onm]::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: radial-gradient(circle at 25% 75%, rgba(255,255,255,0.08) 0%, transparent 45%),
                      radial-gradient(circle at 75% 25%, rgba(255,255,255,0.05) 0%, transparent 40%);
    pointer-events: none;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-63mno8fzm2] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f2f4f6;
}

.top-nav[b-63mno8fzm2] {
    position: sticky;
    top: 0;
    z-index: 100;
}

main[b-63mno8fzm2] {
    flex: 1;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.top-navbar[b-l6mxbc60eg] {
    background-image: linear-gradient(90deg, rgb(5, 39, 103) 0%, #3a0647 100%);
    min-height: 4.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.navbar-toggler[b-l6mxbc60eg] {
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-brand[b-l6mxbc60eg] {
    font-size: 1.5rem;
    font-weight: 600;
}

.nav-menu-icon[b-l6mxbc60eg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    margin-right: 0.5rem;
    font-size: 1.2rem;
    line-height: 1;
}

.nav-scrollable[b-l6mxbc60eg] {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    margin-left: auto;
}

.nav-scrollable .nav[b-l6mxbc60eg] {
    flex-direction: row;
    gap: 0.25rem;
    margin-left: auto;
}

.nav-item[b-l6mxbc60eg] {
    font-size: 1.05rem;
}

.nav-item[b-l6mxbc60eg]  a {
    color: #d7d7d7;
    border-radius: 6px;
    padding: 0.6rem 1.25rem;
    display: flex;
    align-items: center;
}

.nav-item[b-l6mxbc60eg]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-l6mxbc60eg]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-item .nav-link.btn[b-l6mxbc60eg] {
    color: #d7d7d7;
    border: none;
    border-radius: 6px;
    padding: 0.6rem 1.25rem;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
}

.nav-item .nav-link.btn:hover[b-l6mxbc60eg] {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (max-width: 640.98px) {
    .nav-scrollable[b-l6mxbc60eg] {
        margin-left: 0;
        justify-content: flex-start;
        width: 100%;
    }

    .nav-scrollable .nav[b-l6mxbc60eg] {
        flex-direction: column !important;
        flex-wrap: nowrap;
        padding: 1rem 0;
        margin-left: 0;
        width: 100%;
    }

    .nav-scrollable .nav-item[b-l6mxbc60eg] {
        width: 100%;
        flex: 0 0 auto;
    }

    .nav-scrollable .nav-item[b-l6mxbc60eg]  a {
        width: 100%;
        box-sizing: border-box;
    }

    .nav-scrollable.collapse[b-l6mxbc60eg] {
        display: none;
    }

    .nav-scrollable:not(.collapse)[b-l6mxbc60eg] {
        display: flex;
    }
}

@media (min-width: 641px) {
    .navbar-toggler[b-l6mxbc60eg] {
        display: none;
    }

    .collapse[b-l6mxbc60eg] {
        display: flex !important;
    }
}
/* /Pages/AddHomeowner.razor.rz.scp.css */
/* Success bar: clearly green, full-width at top (override any alert/danger styles) */
.add-homeowner-success-bar[b-t8qbw3vdwk] {
    background-color: #198754 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0;
    margin: 0 -1.5rem 1rem -1.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
}

.add-homeowner-page[b-t8qbw3vdwk] {
    max-width: 560px;
}

.add-homeowner-title[b-t8qbw3vdwk] {
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

/* Tighter spacing between form groups */
.add-homeowner-form .add-homeowner-card .mb-3[b-t8qbw3vdwk] {
    margin-bottom: 0.75rem !important;
}

.add-homeowner-form .add-homeowner-card .h5[b-t8qbw3vdwk] {
    margin-bottom: 0.75rem !important;
}

/* Cards closer together and cleaner */
.add-homeowner-card[b-t8qbw3vdwk] {
    background: #fafbfc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.25rem !important;
}

.add-homeowner-card:last-of-type[b-t8qbw3vdwk] {
    margin-bottom: 1.5rem !important;
}

.add-homeowner-card h2[b-t8qbw3vdwk] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
}

.add-homeowner-card .form-label[b-t8qbw3vdwk] {
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.25rem;
}

.add-homeowner-card .form-control[b-t8qbw3vdwk] {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 0.5rem 0.75rem;
}

.add-homeowner-card .form-control:focus[b-t8qbw3vdwk] {
    border-color: #1b6ec2;
    box-shadow: 0 0 0 3px rgba(27, 110, 194, 0.15);
}

.add-homeowner-actions[b-t8qbw3vdwk] {
    margin-top: 0.5rem;
}

.add-homeowner-actions .btn-primary[b-t8qbw3vdwk] {
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    font-weight: 500;
}
/* /Pages/AddUser.razor.rz.scp.css */
/* Keep the add user page narrower and aligned with other admin forms */
.add-user-page[b-xhwzk09jdh] {
    max-width: 560px;
}

.add-user-title[b-xhwzk09jdh] {
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.add-user-form .add-user-card .mb-3[b-xhwzk09jdh] {
    margin-bottom: 0.75rem !important;
}

.add-user-card[b-xhwzk09jdh] {
    background: #fafbfc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem !important;
}

.add-user-card h2[b-xhwzk09jdh] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
}

.add-user-card .form-label[b-xhwzk09jdh] {
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.25rem;
}

.add-user-card .form-control[b-xhwzk09jdh],
.add-user-card .form-select[b-xhwzk09jdh] {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 0.5rem 0.75rem;
}

.add-user-card .form-control:focus[b-xhwzk09jdh],
.add-user-card .form-select:focus[b-xhwzk09jdh] {
    border-color: #1b6ec2;
    box-shadow: 0 0 0 3px rgba(27, 110, 194, 0.15);
}

.add-user-actions[b-xhwzk09jdh] {
    margin-top: 0.5rem;
}

.add-user-actions .btn-primary[b-xhwzk09jdh] {
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    font-weight: 500;
}

/* /Pages/AllowedVendors.razor.rz.scp.css */
.allowed-vendors-page[b-1f69lfngrh] {
    max-width: 640px;
}

.allowed-vendors-title[b-1f69lfngrh] {
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.allowed-vendors-intro[b-1f69lfngrh] {
    margin-bottom: 1.5rem;
    color: #374151;
    font-size: 0.95rem;
}

.allowed-vendors-card .card-header[b-1f69lfngrh] {
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    font-size: 1rem;
    color: #0a2d4a;
}

.allowed-vendors-card .card-body[b-1f69lfngrh] {
    padding: 1rem 1.25rem;
}

.allowed-vendors-service-item[b-1f69lfngrh] {
    padding: 0.35rem 0;
}

.allowed-vendors-service-item .form-check[b-1f69lfngrh] {
    margin-bottom: 0;
}

.allowed-vendors-actions .btn-primary[b-1f69lfngrh] {
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    font-weight: 500;
}
/* /Pages/EventLanding.razor.rz.scp.css */
.event-landing-page[b-uhazjwtkao] {
    max-width: 42rem;
    margin: 0 auto;
}

.event-landing-card[b-uhazjwtkao] {
    border-radius: 0.5rem;
    background: #fafbfc;
}

.event-landing-title[b-uhazjwtkao] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.event-landing-meta[b-uhazjwtkao] {
    font-size: 0.95rem;
}

.event-landing-description[b-uhazjwtkao] {
    white-space: pre-wrap;
    line-height: 1.6;
    color: #333;
}
/* /Pages/EventSignup.razor.rz.scp.css */
/* Event signup page – readable card on soft background */
.event-signup-card[b-wtr186uq9q] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 420px;
    background: #f8f9fb;
    border-radius: 14px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.06);
    padding: 2rem 2rem;
}

.event-signup-card h1[b-wtr186uq9q] {
    margin: 0 0 0.35rem 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #1a2530;
}

.event-signup-card .event-signup-subtitle[b-wtr186uq9q] {
    color: #4a5568;
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

/* Event card at top – same style as other event screens, tighter spacing */
.event-signup-event-card[b-wtr186uq9q] {
    max-width: 42rem;
    margin: 0 auto;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    background: #fafbfc;
}

.event-signup-event-card .card-body[b-wtr186uq9q] {
    padding: 1rem 1.25rem;
}

.event-signup-event-title[b-wtr186uq9q] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
    margin-bottom: 0.5rem;
}

.event-signup-event-meta[b-wtr186uq9q] {
    font-size: 0.95rem;
    margin-bottom: 0.75rem;
}

.event-signup-event-description[b-wtr186uq9q] {
    white-space: pre-wrap;
    line-height: 1.6;
    color: #333;
}

/* Existing account – choice between log in or enter details */
.existing-account-choices .btn-outline-primary[b-wtr186uq9q] {
    width: auto;
    min-width: auto;
}

/* Primary action – sign up, not “log in” */
.event-signup-card .btn-cta[b-wtr186uq9q] {
    width: 100%;
    padding: 0.75rem 1.25rem;
    font-weight: 600;
    font-size: 1rem;
}

/* Existing account – log in elsewhere, no password on this page */
.existing-account-notice[b-wtr186uq9q] {
    padding: 0.5rem 0;
}

.existing-account-notice .btn-cta[b-wtr186uq9q] {
    margin-bottom: 1rem;
}

.existing-account-text[b-wtr186uq9q] {
    font-size: 0.95rem;
    color: #4a5568;
    margin-bottom: 1rem;
}

.event-signup-card .form-label[b-wtr186uq9q] {
    font-weight: 500;
    color: #2d3748;
    font-size: 0.9rem;
    margin-bottom: 0.35rem;
}

.event-signup-card .form-control[b-wtr186uq9q] {
    background: #fafbfc;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
    padding: 0.6rem 0.85rem;
    font-size: 1rem;
    color: #1a202c;
}

.event-signup-card .form-control[b-wtr186uq9q]::placeholder {
    color: #718096;
}

.event-signup-card .form-control:focus[b-wtr186uq9q] {
    border-color: #2b6cb0;
    box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.18);
    outline: none;
}

.event-signup-card .btn-primary[b-wtr186uq9q] {
    width: 100%;
    padding: 0.65rem 1.25rem;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 8px;
    background: #2b6cb0;
    border-color: #2b6cb0;
}

.event-signup-card .btn-primary:hover[b-wtr186uq9q] {
    background: #2c5282;
    border-color: #2c5282;
}

.event-signup-card .btn-outline-primary[b-wtr186uq9q] {
    width: 100%;
    padding: 0.65rem 1.25rem;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 8px;
    color: #2b6cb0;
    border-color: #2b6cb0;
}

.event-signup-card .btn-outline-primary:hover[b-wtr186uq9q] {
    background: #ebf8ff;
    color: #2c5282;
    border-color: #2c5282;
}

.event-signup-card .validation-message[b-wtr186uq9q],
.event-signup-card .alert-danger[b-wtr186uq9q] {
    font-size: 0.9rem;
    padding: 0.65rem 0.85rem;
    background: #fff5f5;
    border-radius: 8px;
    border: 1px solid #feb2b2;
    color: #c53030;
}

.event-signup-card .alert-success[b-wtr186uq9q] {
    font-size: 0.9rem;
    padding: 0.65rem 0.85rem;
    background: #f0fff4;
    border-radius: 8px;
    border: 1px solid #9ae6b4;
    color: #276749;
}

/* Manage-link panel on confirmation/manage pages */
.event-signup-manage-box[b-wtr186uq9q] {
    margin-top: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background: #edf2f7;
    border: 1px solid #cbd5e0;
}

.event-signup-manage-box .form-control[b-wtr186uq9q] {
    background: #ffffff;
}

.event-signup-card .step-heading[b-wtr186uq9q] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 1rem;
}

.event-signup-card .divider[b-wtr186uq9q] {
    border: 0;
    height: 1px;
    background: #e2e8f0;
    margin: 1.5rem 0;
}

.event-signup-card .back-link[b-wtr186uq9q] {
    font-size: 0.9rem;
    color: #4a5568;
    margin-bottom: 1rem;
    display: inline-block;
}

.event-signup-card .back-link:hover[b-wtr186uq9q] {
    color: #2b6cb0;
}

.event-signup-card .mb-2[b-wtr186uq9q] {
    margin-bottom: 0.9rem;
}

.event-signup-card .mb-3[b-wtr186uq9q] {
    margin-bottom: 1.25rem;
}

/* Read-only form control (e.g. displayed email) */
.event-signup-card .form-control-readonly[b-wtr186uq9q] {
    background: #edf2f7;
    color: #2d3748;
}

/* Wizard stepper */
.event-signup-wizard[b-wtr186uq9q] {
    max-width: 480px;
}

@media (min-width: 992px) {
    .event-signup-card.event-signup-wizard[b-wtr186uq9q] {
        max-width: 840px;
        padding: 1.25rem 1.75rem;
    }

    .event-signup-wizard[b-wtr186uq9q] {
        max-width: 840px;
    }

    .wizard-stepper[b-wtr186uq9q] {
        margin-bottom: 1rem;
    }

    .event-signup-card .step-heading[b-wtr186uq9q] {
        margin-bottom: 0.5rem;
    }

    .event-signup-card .mb-3[b-wtr186uq9q] {
        margin-bottom: 0.75rem;
    }

    .event-signup-card .mb-2[b-wtr186uq9q] {
        margin-bottom: 0.65rem;
    }

    .event-signup-event-card .card-body[b-wtr186uq9q] {
        padding: 0.75rem 1rem;
    }

    .event-signup-event-title[b-wtr186uq9q] {
        margin-bottom: 0.35rem;
    }

    .event-signup-event-meta[b-wtr186uq9q] {
        margin-bottom: 0.5rem;
    }
}

.wizard-stepper[b-wtr186uq9q] {
    margin-bottom: 1.25rem;
}

.wizard-steps[b-wtr186uq9q] {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

.wizard-step[b-wtr186uq9q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    color: #718096;
    font-size: 0.8rem;
    font-weight: 500;
}

.wizard-step-number[b-wtr186uq9q] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: #e2e8f0;
    color: #718096;
    font-size: 0.85rem;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
}

.wizard-step.active .wizard-step-number[b-wtr186uq9q] {
    background: #2b6cb0;
    color: #fff;
}

.wizard-step.complete .wizard-step-number[b-wtr186uq9q] {
    background: #38a169;
    color: #fff;
}

.wizard-step.active .wizard-step-label[b-wtr186uq9q],
.wizard-step.complete .wizard-step-label[b-wtr186uq9q] {
    color: #2d3748;
}

.wizard-step-connector[b-wtr186uq9q] {
    flex: 0 0 1.25rem;
    height: 2px;
    min-width: 1rem;
    max-width: 2.5rem;
    background: #e2e8f0;
}

/* Schedule summary block */
.schedule-summary[b-wtr186uq9q] {
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem 1.15rem;
    margin-bottom: 1.25rem;
}

.schedule-row[b-wtr186uq9q] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.85rem;
}

.schedule-row:last-child[b-wtr186uq9q],
.schedule-row-description[b-wtr186uq9q] {
    margin-bottom: 0;
}

.schedule-label[b-wtr186uq9q] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #718096;
}

.schedule-value[b-wtr186uq9q] {
    font-size: 0.95rem;
    color: #2d3748;
    line-height: 1.4;
}

.schedule-row-description .schedule-value[b-wtr186uq9q] {
    white-space: pre-wrap;
}

.confirmation-intro[b-wtr186uq9q] {
    font-size: 0.95rem;
    color: #4a5568;
    margin-bottom: 0.75rem;
}

.confirmation-summary[b-wtr186uq9q] {
    margin-bottom: 1.5rem;
}

/* Wizard step actions (Back / Next) */
.wizard-actions[b-wtr186uq9q] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

.wizard-actions .btn[b-wtr186uq9q] {
    min-width: 6rem;
}

.event-signup-wrapper[b-wtr186uq9q] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.event-signup-header-html[b-wtr186uq9q] {
    text-align: center;
}

.event-signup-powered-by[b-wtr186uq9q] {
    margin-top: 0.75rem;
    text-align: center;
    font-size: 0.85rem;
    color: #f7fafc;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

.event-signup-powered-by-brand[b-wtr186uq9q] {
    font-weight: 600;
}
/* /Pages/EventSignupConfirmed.razor.rz.scp.css */
/* Confirmation page – reuse wizard-style white card layout */
.event-signup-wrapper[b-w7htstkmqv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
}

.event-signup-card[b-w7htstkmqv] {
    width: 100%;
    max-width: 540px;
    background: #f8f9fb;
    border-radius: 14px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.06);
    padding: 2rem 2rem;
}

.event-signup-header-html[b-w7htstkmqv] {
    text-align: center;
}

.event-signup-event-title[b-w7htstkmqv] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.event-signup-powered-by[b-w7htstkmqv] {
    margin-top: 0.75rem;
    text-align: center;
    font-size: 0.85rem;
    color: #f7fafc;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

.event-signup-powered-by-brand[b-w7htstkmqv] {
    font-weight: 600;
}

/* /Pages/EventSignupManage.razor.rz.scp.css */
/* Manage page – reuse wizard-style white card layout */
.event-signup-wrapper[b-mdxu3a9bx3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
}

.event-signup-card[b-mdxu3a9bx3] {
    width: 100%;
    max-width: 540px;
    background: #f8f9fb;
    border-radius: 14px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.06);
    padding: 2rem 2rem;
}

.event-signup-header-html[b-mdxu3a9bx3] {
    text-align: center;
}

.event-signup-event-title[b-mdxu3a9bx3] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.event-signup-powered-by[b-mdxu3a9bx3] {
    margin-top: 0.75rem;
    text-align: center;
    font-size: 0.85rem;
    color: #f7fafc;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

.event-signup-powered-by-brand[b-mdxu3a9bx3] {
    font-weight: 600;
}

/* /Pages/ImportHomeowners.razor.rz.scp.css */
.import-homeowners-page[b-4gpy2vqj8n] {
    max-width: 560px;
}

.import-homeowners-title[b-4gpy2vqj8n] {
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.import-homeowners-intro[b-4gpy2vqj8n] {
    margin-bottom: 1.5rem;
    color: #374151;
    font-size: 0.95rem;
}

.import-homeowners-card[b-4gpy2vqj8n] {
    background: #fafbfc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.import-homeowners-card .form-control[b-4gpy2vqj8n] {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 0.5rem 0.75rem;
}

.import-homeowners-actions .btn-primary[b-4gpy2vqj8n] {
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    font-weight: 500;
}

.import-homeowners-status .card-header[b-4gpy2vqj8n] {
    background: #f5f6f8;
    border-bottom: 1px solid #e5e7eb;
    font-size: 1rem;
}

.import-homeowners-status .card-body[b-4gpy2vqj8n] {
    font-size: 0.95rem;
}
/* /Pages/Login.razor.rz.scp.css */
.login-card[b-tzzda0qilg] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 400px;
    background: #fafbfc;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);
    padding: 2rem 2.25rem;
}

.login-card h1[b-tzzda0qilg] {
    margin: 0 0 0.25rem 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.login-card .login-subtitle[b-tzzda0qilg] {
    color: #5a6c7d;
    font-size: 0.95rem;
    margin-bottom: 1.75rem;
}

.login-card .form-label[b-tzzda0qilg] {
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.35rem;
}

.login-card .form-control[b-tzzda0qilg] {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 0.6rem 0.85rem;
    font-size: 1rem;
}

.login-card .form-control:focus[b-tzzda0qilg] {
    border-color: #1b6ec2;
    box-shadow: 0 0 0 3px rgba(27, 110, 194, 0.2);
}

.login-card .form-floating[b-tzzda0qilg],
.login-card .mb-3[b-tzzda0qilg] {
    margin-bottom: 1.25rem;
}

.login-card .btn-primary[b-tzzda0qilg] {
    width: 100%;
    padding: 0.65rem 1.25rem;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 8px;
    margin-top: 0.25rem;
}

.login-card .validation-message[b-tzzda0qilg] {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    padding: 0.6rem 0.85rem;
    background: #fef2f2;
    border-radius: 8px;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

.login-card .toggle-link[b-tzzda0qilg] {
    color: #1b6ec2;
    text-decoration: none;
    font-weight: 500;
}

.login-card .toggle-link:hover[b-tzzda0qilg] {
    text-decoration: underline;
}
/* /Pages/Vendors.razor.rz.scp.css */
/* Page container */
.vendors-page[b-8qvzw7tfw2] {
    max-width: 960px;
    margin: 0 auto;
}

.vendors-header[b-8qvzw7tfw2] {
    margin-bottom: 2rem;
}

.vendors-title[b-8qvzw7tfw2] {
    margin: 0 0 0.5rem 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a2d4a;
}

.vendors-subtitle[b-8qvzw7tfw2] {
    margin: 0;
    font-size: 1rem;
    color: #5a6c7d;
}

/* Two-column layout */
.vendors-layout[b-8qvzw7tfw2] {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .vendors-layout[b-8qvzw7tfw2] {
        grid-template-columns: 260px 1fr;
        align-items: start;
    }
}

/* Cards */
.vendors-card[b-8qvzw7tfw2] {
    background: #fafbfc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.vendors-card-title[b-8qvzw7tfw2] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1b6ec2;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.vendors-card-title .bi[b-8qvzw7tfw2] {
    font-size: 1.2rem;
    opacity: 0.9;
}

.vendors-card-title-sm[b-8qvzw7tfw2] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

/* Sidebar – services (scrolls with page, no sticky) */

.vendors-service-list[b-8qvzw7tfw2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.vendors-service-btn[b-8qvzw7tfw2] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.65rem 0.9rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fafbfc;
    color: #111827;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.vendors-service-btn:hover[b-8qvzw7tfw2] {
    background: #f9fafb;
    border-color: #d1d5db;
}

.vendors-service-btn.active[b-8qvzw7tfw2] {
    background: #1b6ec2;
    border-color: #1b6ec2;
    color: #fff;
}

/* Main – vendors list */
.vendors-vendor-list[b-8qvzw7tfw2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.vendors-vendor-btn[b-8qvzw7tfw2] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.25rem;
    width: 100%;
    text-align: left;
    padding: 0.75rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fafbfc;
    color: #111827;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.vendors-vendor-btn:hover[b-8qvzw7tfw2] {
    background: #f9fafb;
    border-color: #d1d5db;
}

.vendors-vendor-btn.active[b-8qvzw7tfw2] {
    background: #eff6ff;
    border-color: #1b6ec2;
    box-shadow: 0 0 0 2px rgba(27, 110, 194, 0.2);
}

.vendors-vendor-name[b-8qvzw7tfw2] {
    font-weight: 500;
}

.vendors-vendor-description[b-8qvzw7tfw2] {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Appointment card */
.vendors-card-appointment[b-8qvzw7tfw2] {
    margin-top: 1rem;
}

.vendors-appointment-vendor[b-8qvzw7tfw2] {
    margin: 0 0 1.25rem 0;
    font-size: 0.95rem;
    color: #6b7280;
}

.vendors-appointment-vendor strong[b-8qvzw7tfw2] {
    color: #111827;
}

.vendors-form[b-8qvzw7tfw2] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.vendors-field-group[b-8qvzw7tfw2] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.vendors-label[b-8qvzw7tfw2] {
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #6b7280;
}

.vendors-datetime-row[b-8qvzw7tfw2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

@media (max-width: 400px) {
    .vendors-datetime-row[b-8qvzw7tfw2] {
        grid-template-columns: 1fr;
    }
}

.vendors-datetime-field[b-8qvzw7tfw2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.vendors-input[b-8qvzw7tfw2] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
    font-size: 1rem;
    font-family: inherit;
}

.vendors-input:focus[b-8qvzw7tfw2] {
    border-color: #1b6ec2;
    outline: none;
    box-shadow: 0 0 0 2px rgba(27, 110, 194, 0.2);
}

.vendors-input[b-8qvzw7tfw2]::placeholder {
    color: #9ca3af;
}

.vendors-textarea[b-8qvzw7tfw2] {
    resize: vertical;
    min-height: 4.5rem;
}

.vendors-field-hint[b-8qvzw7tfw2] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.vendors-alert[b-8qvzw7tfw2] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
}

.vendors-alert-error[b-8qvzw7tfw2] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

.vendors-submit-btn[b-8qvzw7tfw2] {
    align-self: flex-start;
    padding: 0.6rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    background: #1b6ec2;
    border: 1px solid #1b6ec2;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.vendors-submit-btn:hover:not(:disabled)[b-8qvzw7tfw2] {
    background: #155a9e;
    border-color: #155a9e;
}

.vendors-submit-btn:disabled[b-8qvzw7tfw2] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Utility */
.vendors-loading[b-8qvzw7tfw2],
.vendors-muted[b-8qvzw7tfw2] {
    margin: 0;
    font-size: 0.95rem;
    color: #6b7280;
}

.vendors-hint[b-8qvzw7tfw2] {
    margin-top: 1rem;
}