.flag {
    font-size: 1.5rem;
    margin: 0 5px;
    cursor: pointer;
}

.bien-photo {
    height: 180px;
    object-fit: cover;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    width: 100%;
}

.table td .nom-personne {
    font-weight: 600;
    color: #0d6efd; /* Bootstrap primary */
    font-size: 1.05rem;
}

/* Style enrichi pour les cartes de biens sur le dashboard */
.card .badge {
    font-size: 0.75rem;
    padding: 0.35em 0.6em;
    border-radius: 0.5rem;
}

.card .text-muted.small {
    font-size: 0.85rem;
}

.card .card-body p:not(:last-child) {
    margin-bottom: 0.3rem;
}

.card .card-body {
    padding-bottom: 1rem;
}

.card .card-title a {
    font-weight: 600;
    color: #212529;
}

.card .card-title a:hover {
    text-decoration: underline;
}

.card .bien-photo {
    height: 160px;
    object-fit: cover;
    border-bottom: 1px solid #dee2e6;
}

.archived-mode {
    position: relative;
}

/* Effet de voile par-dessus la page */
.archived-mode::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(240, 240, 240, 0.65);
    backdrop-filter: blur(1.5px);
    z-index: 1;
    pointer-events: none;
    border-radius: 0.5rem;
}

/* Pour que le contenu reste visible par-dessus le voile */
.archived-mode > * {
    position: relative;
    z-index: 2;
}

/* Atténuation générale des couleurs */
.archived-mode .card,
.archived-mode .bg-light,
.archived-mode .alert,
.archived-mode .tab-pane {
    opacity: 0.85;
}


@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
.bounce-animation {
    animation: bounce 1.5s infinite;
}

.btn-check + label.btn {
    opacity: 0.4;
}
.btn-check:checked + label.btn {
    opacity: 1;
    border: 2px solid #0d6efd;
}
.preview-photo img {
    max-width: 60px;
    border-radius: 4px;
    margin-top: 4px;
}