/* Habillage "RH & Paie" (KPC-OURO) sur le template Dashnix */
:root {
    --primary-rgb: 233, 168, 37; /* gold */
}

.guinee-bar {
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, #ce1126 33.3%, #fcd116 33.3% 66.6%, #009460 66.6%);
}

.app-sidebar-header {
    padding: 16px 20px;
}

.brand-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(var(--primary-rgb), 1);
    color: #0e2338;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
}

.brand-text strong {
    display: block;
    color: var(--color-heading, #16202b);
    font-size: 14px;
    line-height: 1.2;
}

.brand-text small {
    display: block;
    color: var(--color-text-muted, #61738a);
    font-size: 11px;
}

.avatar-initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 1);
    color: #0e2338;
    font-weight: 600;
    font-size: 13px;
}

.app-header-user .bd-user-info-list form,
.app-header-user .bd-user-info-list button {
    width: 100%;
}

.app-header-user .bd-user-info-list button {
    background: none;
    border: 0;
    padding: 8px 16px;
    text-align: left;
}

.app-header-link form,
.app-header-link .dropdown-item[type="submit"] {
    width: 100%;
}

.app-header-link .dropdown-menu form button {
    background: none;
    border: 0;
    width: 100%;
    text-align: left;
}

.text-net { color: #0b7a57; }
.text-ded { color: #b4232a; }
.bg-net-soft { background: #e6f4ee; }
.bg-ded-soft { background: #fbebec; }