/**

 * Identité NegoDesk — logo, typo marque, accents (orange / marine).

 * N’altère pas la structure de l’app : variables et composants logo uniquement.

 */

:root {

    --brand-orange: #F2A223;

    --brand-navy: #0B1D33;

    --brand-orange-soft: rgba(242, 162, 35, 0.14);

    --brand-orange-border: rgba(242, 162, 35, 0.35);

    --brand-navy-muted: #1a3352;

}



.brand-logo {

    display: inline-flex;

    align-items: center;

    text-decoration: none;

    line-height: 0;

    flex-shrink: 0;

}



.brand-logo img {

    display: block;

    width: auto;

    object-fit: contain;

}



.brand-logo--header img {

    height: 52px;

    max-width: min(300px, 78vw);

}



.brand-logo--footer img {

    height: 44px;

    max-width: 260px;

}



.brand-logo--auth img {

    height: 48px;

    max-width: 280px;

}



.brand-logo--sidebar img,

.brand-logo--compact img {

    height: 34px;

    max-width: 150px;

}



/* Logo / icône nuage (PNG transparent) sur fond noir */

.brand-logo--on-dark img,

.sidebar .brand-logo img,

.legal-header .brand-logo img,

.mobile-app-brand .brand-logo img,

.mobile-native-brand .brand-icon {

    background: #050505;

    border-radius: 8px;

    padding: 4px 8px;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);

}



.brand-icon--on-dark,

.features li .brand-icon {

    background: #050505;

    border-radius: 6px;

    padding: 3px;

    box-sizing: content-box;

}



/* Icône nuage (remplace l'éclair Lucide) */

.brand-icon {

    display: inline-block;

    width: 22px;

    height: 22px;

    object-fit: contain;

    flex-shrink: 0;

    vertical-align: middle;

    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.35));

}



.brand-icon--sm {

    width: 18px;

    height: 18px;

}



.brand-icon--lg {

    width: 32px;

    height: 32px;

}



/* Logo texte (Nego + span orange) — style d’origine */

.brand-logo--text {

    font-size: inherit;

    font-weight: 800;

    color: #ffffff;

    gap: 0;

    line-height: 1.1;

}



.brand-logo--text span {

    color: var(--brand-orange, #F2A223);

}



.brand-logo--header.brand-logo--text {

    font-size: 1.6rem;

}



.brand-logo--footer.brand-logo--text {

    font-size: 1.4rem;

}



.brand-logo--auth.brand-logo--text {

    font-size: 1.5rem;

}



.brand-logo--sidebar.brand-logo--text,

.brand-logo--compact.brand-logo--text {

    font-size: 1.35rem;

}



.logo.brand-logo:not(.brand-logo--text),

a.logo.brand-logo:not(.brand-logo--text) {

    font-size: 0;

    gap: 0;

}



.logo.brand-logo i,

.mobile-native-brand > i[data-lucide],

.features li i[data-lucide="zap"] {

    display: none !important;

}



.features li .brand-icon {

    margin-right: 2px;

}



.mobile-app-brand {

    display: inline-flex;

    align-items: center;

}