@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.mm3aqpuyun.bundle.scp.css';
@import '_content/Konvivio.Application.Shared/Konvivio.Application.Shared.dbpmh2v820.bundle.scp.css';

/* /Components/Pages/Space/SpaceView.razor.rz.scp.css */
/* Page espace copropriétaire : les classes .space-page / .space-section__help communes
   aux pages owner sont dans wwwroot/css/owner.css (pas scopées). */

/* Bandeau solde : l'information que le copropriétaire vient chercher, en premier et en grand */
.space-hero[b-dva98685k6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    background: linear-gradient(135deg, var(--primary, #4185f4) 0%, #2f6ad9 100%);
    color: #fff;
    border-radius: 12px;
    padding: 24px 28px;
    margin: 16px 0 32px 0;
}

.space-hero__label[b-dva98685k6] {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .85;
    margin-bottom: 10px;
}

.space-hero__line[b-dva98685k6] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    font-size: 15px;
}

    .space-hero__line i[b-dva98685k6] {
        width: 16px;
        text-align: center;
        opacity: .8;
    }

.space-hero__balance[b-dva98685k6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    background: rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: 16px 22px;
    min-width: 240px;
}

.space-hero__balance-label[b-dva98685k6] {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .85;
}

.space-hero__amount[b-dva98685k6] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
}

.space-hero__amount--due[b-dva98685k6] {
    color: #ffe08a;
}

.space-hero__amount--credit[b-dva98685k6] {
    color: #b7f5c6;
}

.space-hero__hint[b-dva98685k6] {
    font-size: 12px;
    opacity: .8;
    max-width: 260px;
}

/* Sections : titres en couleur primaire + aide en langage courant */
.space-section[b-dva98685k6] {
    margin-bottom: 36px;
}

/* Les tables occupent toute la largeur de leur carte (pas de blanc résiduel à droite) */
.space-section .konv-table[b-dva98685k6] {
    width: 100%;
}

.space-section__title[b-dva98685k6] {
    color: var(--primary, #4185f4);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    margin-bottom: 4px;
    padding-bottom: 6px;
    border-bottom: 2px solid rgba(65, 133, 244, .18);
}

/* Montants de l'historique : rouge = demandé, vert = en votre faveur */
.space-amount--due[b-dva98685k6] {
    color: #d9534f;
    font-weight: 600;
}

.space-amount--credit[b-dva98685k6] {
    color: #2e9e5b;
    font-weight: 600;
}

@media (max-width: 767px) {
    .space-hero[b-dva98685k6] {
        flex-direction: column;
    }

    .space-hero__balance[b-dva98685k6] {
        align-items: flex-start;
        text-align: left;
    }
}