/*
 * style.css — Styles personnalisés pour CaisseApp
 * Mobile-first, complète Bootstrap 5
 */

/* ------ Général ------ */
body {
    background-color: #f8f9fa;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

/* ------ Icônes dans les boutons ------ */
.btn .bi {
    margin-right: 0.3em;
}

/* ------ Cartes ------ */
.card {
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    background-color: rgba(25, 135, 84, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* ------ Tableaux ------ */
.table th {
    background-color: rgba(25, 135, 84, 0.08);
    white-space: nowrap;
}

.table td {
    vertical-align: middle;
}

/* ------ Centrage des prix dans les tableaux ------ */
.table td.montant, .table th.montant {
    text-align: center;
}

/* ------ Montants ------ */
.montant {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.montant-positif {
    color: #198754;
}

.montant-negatif {
    color: #dc3545;
}

/* ------ Badge de statut ------ */
.badge.statut-ouvert {
    background-color: #0d6efd;
}

.badge.statut-cloture {
    background-color: #6c757d;
}

.badge.statut-archive {
    background-color: #adb5bd;
}

/* ------ Adaptation mobile ------ */
@media (max-width: 575.98px) {
    h1 {
        font-size: 1.5rem;
    }
    h2 {
        font-size: 1.3rem;
    }
    .btn {
        font-size: 0.875rem;
    }
    .table {
        font-size: 0.8rem;
    }
}