@import '_content/BlazorCalendar/BlazorCalendar.6mdclpyphk.bundle.scp.css';

/* /Components/Layouts/LoginLayout.razor.rz.scp.css */
/* Fond de la page de connexion : calques positionnés sur background.png */
.login-bg[b-u55ilxo2rm] {
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.login-bg-texte[b-u55ilxo2rm],
.login-bg-carte[b-u55ilxo2rm],
.login-bg-vignettes[b-u55ilxo2rm] {
    position: absolute;
    height: auto;
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

/* Texte : en haut à gauche (sous l'AppBar de 64px) */
.login-bg-texte[b-u55ilxo2rm] {
    top: calc(64px + 2.5vw);
    left: 3vw;
    width: clamp(220px, 27vw, 540px);
}

/* Carte : en haut à droite */
.login-bg-carte[b-u55ilxo2rm] {
    top: calc(64px + 1.5vw);
    right: 3vw;
    width: clamp(180px, 16vw, 320px);
}

/* Vignettes : en bas à gauche */
.login-bg-vignettes[b-u55ilxo2rm] {
    bottom: 3vw;
    left: 3vw;
    width: clamp(420px, 42vw, 860px);
}

/* Écran moyen : on masque la carte */
@media (max-width: 1199.98px) {
    .login-bg-carte[b-u55ilxo2rm] {
        display: none;
    }
}

/* Écran plus petit (ou peu haut) : on masque aussi les vignettes */
@media (max-width: 899.98px), (max-height: 760px) {
    .login-bg-vignettes[b-u55ilxo2rm] {
        display: none;
    }
}

/* Mobile : le texte repasse dans le flux, centré au-dessus du formulaire */
@media (max-width: 599.98px) {
    .login-bg[b-u55ilxo2rm] {
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch !important;
    }

    .login-bg-texte[b-u55ilxo2rm] {
        position: static;
        display: block;
        margin: calc(64px + 16px) auto 0;
        width: min(80vw, 320px);
    }
}
/* /Components/Pages/Cap/CapPage.razor.rz.scp.css */
.cap-header[b-5s67pi8xe7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

[b-5s67pi8xe7] .cap-search {
    max-width: 320px;
    flex: 1 1 240px;
}

.cap-grid[b-5s67pi8xe7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
}

.cap-card[b-5s67pi8xe7] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.cap-card:hover[b-5s67pi8xe7] {
    transform: translateY(-2px);
    border-color: var(--mud-palette-error);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
}

.cap-card-icon[b-5s67pi8xe7] {
    flex: 0 0 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(var(--mud-palette-error-rgb), .1);
    color: var(--mud-palette-error);
    font-size: 1.3rem;
}

.cap-card-body[b-5s67pi8xe7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.cap-card-title[b-5s67pi8xe7] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cap-card-sub[b-5s67pi8xe7] {
    font-size: .85rem;
    color: var(--mud-palette-text-secondary);
}

[b-5s67pi8xe7] .cap-card-open {
    color: var(--mud-palette-text-disabled);
    transition: color .15s ease;
}

.cap-card:hover[b-5s67pi8xe7]  .cap-card-open {
    color: var(--mud-palette-error);
}

.cap-empty[b-5s67pi8xe7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
    color: var(--mud-palette-text-secondary);
}