/* ===== Background & Global ===== */
body {
    background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url('/images/bg-table-flou.jpg') no-repeat center center fixed;
    background-size: cover;
    color: #333;
    font-family: "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    
}

/* Rendre le container transparent */
.container {
    background-color: transparent !important;
    min-height: calc(100vh - 150px);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* =========================================================
   NAVBAR TOUJOURS VISIBLE (comme Excel)
   ========================================================= */
.app-sticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030; /* au-dessus du contenu */
}
/* Décale le contenu sous la navbar fixe */
body {
    padding-top: 70px; /* ajuste si besoin */
}



/* =========================================================
   REPERE STICKY NAV OFFSET
   Le contenu ne doit pas passer sous la navbar sticky
   ========================================================= */
.app-main {
    padding-top: 1.25rem; /* base */
}

/* Si tu constates encore un chevauchement (selon la page), augmente un peu */
@media (min-width: 992px) { /* navbar en desktop */
    .app-main {
        padding-top: 1.75rem;
    }
}



/* ===== Typographie ===== */
h1 {
    color: #0d47a1;
    margin-bottom: 1rem;
}

h4, h5 {
    color: #1565c0;
}

/* ===== Navbar ===== */
.navbar-brand {
    font-weight: bold;
    letter-spacing: 1px;
}

/* ===== Tables ===== */
table.table {
    background-color: rgba(255,255,255,0.9);
    border-radius: 4px;
    overflow: hidden;
}

    table.table th {
        background-color: #1976d2;
        color: #fff;
    }

table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.02);
}

/* ===== List-group ===== */
.list-group-item {
    border-left: 4px solid #0d47a1;
    background-color: rgba(255,255,255,0.8);
    margin-bottom: 0.5rem;
    transition: background-color 0.2s ease;
}

    .list-group-item:hover {
        background-color: rgba(255,255,255,1);
    }

/* ===== Forms ===== */
.form-label {
    font-weight: 500;
}

.form-control, .form-select {
    border-radius: 0.25rem;
}

/* ===== Buttons ===== */
.btn-primary {
    background-color: #1976d2;
    border-color: #1565c0;
}

    .btn-primary:hover {
        background-color: #1565c0;
        border-color: #0d47a1;
    }

.btn-outline-primary {
    color: #1976d2;
    border-color: #1976d2;
}

    .btn-outline-primary:hover {
        background-color: #1976d2;
        color: #fff;
    }

/* ===== Footer ===== */
footer {
    background-color: rgba(255,255,255,0.9);
    border-top: 1px solid #ddd;
    padding: 1rem 0;
    margin-top: 2rem;
}