/* /Components/Layout/LoginPromptCard.razor.rz.scp.css */
.login-prompt-overlay[b-s0eqh13hz0] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/* /Components/Pages/Authentication/Login.razor.rz.scp.css */
.login-page[b-bzkhs4zm5d] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px 18px;
    background:
        radial-gradient(circle at 15% 20%, rgba(19, 132, 150, 0.18), transparent 32%),
        linear-gradient(135deg, #f7f8fb 0%, #eef4f2 48%, #f9faf7 100%);
    color: #172026;
}

.login-panel[b-bzkhs4zm5d] {
    width: min(100%, 420px);
    padding: 32px;
    border: 1px solid rgba(23, 32, 38, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 70px rgba(23, 32, 38, 0.14);
}

.login-copy[b-bzkhs4zm5d] {
    margin-bottom: 28px;
}

.eyebrow[b-bzkhs4zm5d] {
    margin: 0 0 8px;
    color: #127789;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

h1[b-bzkhs4zm5d] {
    margin: 0;
    font-size: 2rem;
    line-height: 1.1;
}

.subtitle[b-bzkhs4zm5d] {
    margin: 10px 0 0;
    color: #5f6f74;
    line-height: 1.5;
}

form[b-bzkhs4zm5d] {
    display: grid;
    gap: 18px;
}

.field[b-bzkhs4zm5d] {
    display: grid;
    gap: 8px;
}

label[b-bzkhs4zm5d] {
    font-size: 0.92rem;
    font-weight: 700;
}

.input[b-bzkhs4zm5d] {
    width: 100%;
    min-height: 46px;
    box-sizing: border-box;
    border: 1px solid #c8d4d5;
    border-radius: 6px;
    padding: 10px 12px;
    background: #ffffff;
    color: #172026;
    font: inherit;
}

.input:focus[b-bzkhs4zm5d] {
    border-color: #127789;
    outline: 3px solid rgba(18, 119, 137, 0.16);
}

.alert[b-bzkhs4zm5d] {
    border: 1px solid #f0b8ac;
    border-radius: 6px;
    padding: 11px 12px;
    background: #fff1ee;
    color: #8f2f1c;
    line-height: 1.4;
}

.submit-button[b-bzkhs4zm5d] {
    min-height: 48px;
    border: 0;
    border-radius: 6px;
    padding: 0 18px;
    background: #172026;
    color: #ffffff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.submit-button:hover:not(:disabled)[b-bzkhs4zm5d],
.submit-button:focus-visible:not(:disabled)[b-bzkhs4zm5d] {
    background: #0f6776;
}

.submit-button:focus-visible[b-bzkhs4zm5d] {
    outline: 3px solid rgba(18, 119, 137, 0.25);
    outline-offset: 2px;
}

.submit-button:disabled[b-bzkhs4zm5d] {
    cursor: wait;
    opacity: 0.72;
}

@media (max-width: 520px) {
    .login-page[b-bzkhs4zm5d] {
        align-items: start;
        padding-top: 24px;
    }

    .login-panel[b-bzkhs4zm5d] {
        padding: 24px;
    }

    h1[b-bzkhs4zm5d] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/Authentication/Register.razor.rz.scp.css */
.register-page[b-p88oirxz2t] {
    min-height: calc(100vh - 64px);
    display: grid;
    place-items: center;
    padding: 32px 18px;
    background:
        radial-gradient(circle at 15% 20%, rgba(19, 132, 150, 0.18), transparent 32%),
        linear-gradient(135deg, #f7f8fb 0%, #eef4f2 48%, #f9faf7 100%);
    color: #172026;
}

.register-panel[b-p88oirxz2t] {
    width: min(100%, 560px);
    padding: 32px;
    border: 1px solid rgba(23, 32, 38, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 70px rgba(23, 32, 38, 0.14);
}

.register-copy[b-p88oirxz2t] {
    margin-bottom: 28px;
}

.eyebrow[b-p88oirxz2t] {
    margin: 0 0 8px;
    color: #127789;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

h1[b-p88oirxz2t] {
    margin: 0;
    font-size: 2rem;
    line-height: 1.1;
}

.subtitle[b-p88oirxz2t] {
    margin: 10px 0 0;
    color: #5f6f74;
    line-height: 1.5;
}

form[b-p88oirxz2t] {
    display: grid;
    gap: 18px;
}

.form-grid[b-p88oirxz2t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.field[b-p88oirxz2t] {
    display: grid;
    gap: 8px;
}

label[b-p88oirxz2t] {
    font-size: 0.92rem;
    font-weight: 700;
}

.input[b-p88oirxz2t] {
    width: 100%;
    min-height: 46px;
    box-sizing: border-box;
    border: 1px solid #c8d4d5;
    border-radius: 6px;
    padding: 10px 12px;
    background: #ffffff;
    color: #172026;
    font: inherit;
}

.input:focus[b-p88oirxz2t] {
    border-color: #127789;
    outline: 3px solid rgba(18, 119, 137, 0.16);
}

.alert[b-p88oirxz2t] {
    border-radius: 6px;
    padding: 11px 12px;
    line-height: 1.4;
}

.alert-error[b-p88oirxz2t] {
    border: 1px solid #f0b8ac;
    background: #fff1ee;
    color: #8f2f1c;
}

.alert-success[b-p88oirxz2t] {
    border: 1px solid #9fd0ba;
    background: #eefaf4;
    color: #16613f;
}

.submit-button[b-p88oirxz2t],
.secondary-button[b-p88oirxz2t] {
    min-height: 48px;
    border-radius: 6px;
    padding: 0 18px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.submit-button[b-p88oirxz2t] {
    border: 0;
    background: #172026;
    color: #ffffff;
}

.secondary-button[b-p88oirxz2t] {
    border: 1px solid #c8d4d5;
    background: #ffffff;
    color: #172026;
}

.submit-button:hover:not(:disabled)[b-p88oirxz2t],
.submit-button:focus-visible:not(:disabled)[b-p88oirxz2t] {
    background: #0f6776;
}

.secondary-button:hover:not(:disabled)[b-p88oirxz2t],
.secondary-button:focus-visible:not(:disabled)[b-p88oirxz2t] {
    border-color: #127789;
    color: #0f6776;
}

.submit-button:focus-visible[b-p88oirxz2t],
.secondary-button:focus-visible[b-p88oirxz2t] {
    outline: 3px solid rgba(18, 119, 137, 0.25);
    outline-offset: 2px;
}

.submit-button:disabled[b-p88oirxz2t],
.secondary-button:disabled[b-p88oirxz2t] {
    cursor: wait;
    opacity: 0.72;
}

@media (max-width: 640px) {
    .register-page[b-p88oirxz2t] {
        align-items: start;
        padding-top: 24px;
    }

    .register-panel[b-p88oirxz2t] {
        padding: 24px;
    }

    .form-grid[b-p88oirxz2t] {
        grid-template-columns: 1fr;
    }

    h1[b-p88oirxz2t] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/Designer/ClientDetail.razor.rz.scp.css */
.btn-accept-lead[b-489s2sy004] {
    background: oklch(0.66 0.12 275 / 0.15);
    border-color: oklch(0.66 0.12 275 / 0.40);
    color: oklch(0.66 0.12 275);
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.btn-accept-lead:hover:not(:disabled)[b-489s2sy004] {
    background: oklch(0.66 0.12 275 / 0.28);
    border-color: oklch(0.66 0.12 275 / 0.70);
    color: oklch(0.76 0.14 275);
    box-shadow: 0 0 10px oklch(0.66 0.12 275 / 0.20);
}

.btn-accept-lead:active:not(:disabled)[b-489s2sy004] {
    background: oklch(0.66 0.12 275 / 0.38);
    border-color: oklch(0.66 0.12 275 / 0.85);
}

.btn-accept-lead:disabled[b-489s2sy004] {
    cursor: not-allowed;
    opacity: 0.5;
}

.btn-complete[b-489s2sy004] {
    background: oklch(0.84 0.16 165 / 0.12);
    border-color: oklch(0.84 0.16 165 / 0.35);
    color: oklch(0.76 0.14 165);
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.btn-complete:hover:not(:disabled)[b-489s2sy004] {
    background: oklch(0.84 0.16 165 / 0.24);
    border-color: oklch(0.84 0.16 165 / 0.65);
    color: oklch(0.84 0.16 165);
    box-shadow: 0 0 10px oklch(0.84 0.16 165 / 0.18);
}

.btn-complete:active:not(:disabled)[b-489s2sy004] {
    background: oklch(0.84 0.16 165 / 0.34);
    border-color: oklch(0.84 0.16 165 / 0.85);
}

.btn-complete:disabled[b-489s2sy004] {
    cursor: not-allowed;
    opacity: 0.5;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* 3D-scan van het pand op de owner-home.
   Mobiel: normaal blok boven het traject, klikbaar (pand wijzigen).
   Desktop: gedimde decoratieve laag ACHTER het serpentine-traject. */

.pand-scan[b-9dwkwqulik] {
    display: block;
    width: 100%;
    max-width: 44rem;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 0;
}

.pand-scan-change-desktop[b-9dwkwqulik] {
    display: none;
}

@media (min-width: 768px) {
    /* Huisbreedte schaalt mee met het scherm (gecapt op 44rem); de hoogte volgt
       via aspect-ratio, zodat het huis in verhouding kleiner wordt als de
       desktop krimpt. --house-w is de gedeelde bron voor breedte én de
       knop-offset eronder. */
    .pand-scan[b-9dwkwqulik] {
        --house-w: min(44rem, 60vw);
        position: absolute;
        top: 5rem;
        left: 50%;
        transform: translateX(-50%);
        width: var(--house-w);
        z-index: 0;
        opacity: 0.85;
        pointer-events: none;
        cursor: default;
    }

    /* Hoogte van de eigenlijke point-cloud (root-div van RotatingHousePointCloud,
       met inline height:360px) laten afhangen van de breedte. */
    .pand-scan[b-9dwkwqulik]  > div {
        height: auto !important;
        aspect-ratio: 704 / 360;
    }

    /* Onderschrift (adres · klik om te wijzigen) enkel op mobiel tonen. */
    .pand-scan-caption[b-9dwkwqulik] {
        display: none;
    }

    /* Op desktop staat het huis achter het traject → aparte, subtiele wijzig-knop,
       gecentreerd net ONDER het huis. Offset = huistop (5rem) + huishoogte
       (breedte * 360/704) + kleine marge, dus schaalt mee met het huis. */
    .pand-scan-change-desktop[b-9dwkwqulik] {
        --house-w: min(44rem, 60vw);
        display: inline-flex;
        align-items: center;
        position: absolute;
        top: calc(5rem + (var(--house-w) * 360 / 704) + 0.75rem);
        left: 50%;
        transform: translateX(-50%);
        z-index: 20;
        cursor: pointer;
    }
}