/* =============================================================
   APP.CSS — Intranet AMSS13
   Repris du thème du site public (navy / doré), adapté à un shell
   navbar + sidebar + contenu clair.
   ============================================================= */

html, body {
    display:        flex;
    flex-direction: column;
    min-height:     100vh;
    margin:         0;
    padding:        0;
    background:     #f4f6f9;
}

/* -------------------------------------------------------------
   NAVBAR
   ------------------------------------------------------------- */

.custom-navbar {
    background:    linear-gradient(180deg, #041229 0%, #08182b 100%);
    border-bottom: 2px solid #2b3b56;
    padding-top:   8px;
    padding-bottom:8px;
    z-index:       1030;
}

.custom-navbar .navbar-brand {
    color:       #fff;
    font-weight: 600;
}

.custom-navbar .navbar-brand img {
    display: block;
}

.custom-navbar .dropdown-toggle::after {
    color: #fff;
}

/* -------------------------------------------------------------
   SHELL (navbar + sidebar + contenu)
   ------------------------------------------------------------- */

.app-shell {
    flex: 1 1 auto;
    align-items: stretch;
}

.app-main {
    min-width: 0;
}

/* -------------------------------------------------------------
   SIDEBAR
   ------------------------------------------------------------- */

#appSidebar {
    --bs-offcanvas-width: 270px;
    background:  #ffffff;
    border-right: 1px solid #e3e6ec;
}

#appSidebar .offcanvas-body {
    overflow-y: auto;
}

.sidebar-section-title {
    font-size:     0.72rem;
    font-weight:   700;
    text-transform:uppercase;
    letter-spacing:0.04em;
    color:         #8a93a6;
    margin:        0.75rem 0 0.4rem;
}

#appSidebar .nav-link {
    color:         #1c2a3f;
    border-radius: 0.5rem;
    padding:       0.5rem 0.75rem;
    font-weight:   500;
}

#appSidebar .nav-link:hover {
    background: #f1f3f7;
}

#appSidebar .nav-link.active {
    background:    #041229;
    color:         #ffd79a;
}

#appSidebar .nav-link.text-danger:hover {
    background: #fdecec;
}

/* -------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------- */

footer.footer {
    background: #08182b;
    color:      #fff;
    width:      100%;
}

.footer-link {
    color:           #fff;
    text-decoration: none;
}

.footer-link:hover {
    color:           #ffd79a;
    text-decoration: underline;
}

/* -------------------------------------------------------------
   PAGE DE CONNEXION
   ------------------------------------------------------------- */

.login-wrap {
    flex:            1;
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         2rem 1rem;
    background:      linear-gradient(180deg, #041229 0%, #08182b 60%, #f4f6f9 60%);
}

.login-card {
    max-width: 400px;
    width:     100%;
}

/* -------------------------------------------------------------
   TUILES KPI (admin)
   ------------------------------------------------------------- */

.stat-card {
    border-left: 4px solid #ffd79a;
}

.stat-card .stat-value {
    font-size:   2rem;
    font-weight: 600;
    color:       #041229;
}

.stat-card .stat-label {
    color:     #6c757d;
    font-size: 0.85rem;
}

.stat-card.stat-disabled {
    border-left-color: #cfd4dc;
    opacity: 0.75;
}