/**
 * Header PO UI v2
 * Prérequis : body.aside-v2-theme + variables --po-green dans head
 */

body.aside-v2-theme {
    --po-header-h: 58px;
    --po-subheader-h: 36px;
    --po-header-fs: var(--po-layout-fs, 0.9375rem);
    --po-header-fs-sm: var(--po-layout-fs-sm, 0.875rem);
    --po-header-fs-title: var(--po-layout-fs-title, 1.0625rem);
}

@media (min-width: 992px) {
    body.aside-v2-theme.header-fixed.subheader-fixed.subheader-enabled .wrapper {
        padding-top: calc(var(--po-header-h) + var(--po-subheader-h)) !important;
    }

    body.aside-v2-theme.header-fixed.subheader-fixed .header.po-header-v2 {
        height: var(--po-header-h) !important;
        min-height: var(--po-header-h) !important;
    }

    body.aside-v2-theme.header-fixed.subheader-fixed .subheader {
        top: var(--po-header-h) !important;
        height: var(--po-subheader-h) !important;
        min-height: var(--po-subheader-h) !important;
    }

    body.aside-v2-theme.aside-enabled.subheader-fixed .subheader {
        left: var(--po-aside-w, 280px) !important;
    }

    body.aside-v2-theme.aside-minimize.subheader-fixed .subheader {
        left: 76px !important;
    }

    body.aside-v2-theme.aside-enabled.subheader-fixed .header.po-header-v2 {
        left: var(--po-aside-w, 280px) !important;
        right: 0 !important;
        width: auto !important;
    }

    body.aside-v2-theme.aside-minimize.subheader-fixed .header.po-header-v2 {
        left: 76px !important;
    }
}

/* ── Barre principale ── */
.header.po-header-v2 {
    background: #ffffff !important;
    border-bottom: 1px solid #e8edf3 !important;
    box-shadow: none !important;
    z-index: 96;
}

.po-header-v2__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    min-height: var(--po-header-h);
    padding: 0 1.25rem;
    gap: 1rem;
}

/* ── Nom application ── */
.po-header-v2__brand {
    min-width: 0;
    flex: 1;
}

.po-header-v2__brand-name {
    display: block;
    margin: 0;
    font-size: var(--po-header-fs-title);
    font-weight: 700;
    letter-spacing: 0;
    color: var(--po-green, #2563eb);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
}

/* ── Zone droite ── */
.po-header-v2__actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-shrink: 0;
}

.po-header-v2__pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--po-green, #2563eb) 10%, white);
    border: 1px solid color-mix(in srgb, var(--po-green, #2563eb) 18%, #e8edf3);
    color: var(--po-green, #2563eb);
    font-size: var(--po-header-fs);
    font-weight: 600;
    white-space: nowrap;
}

.po-header-v2__pill i {
    font-size: var(--po-header-fs-sm);
    opacity: 0.85;
}

/* ── Bouton notifications ── */
.po-header-v2__notif-btn {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid #e8edf3;
    background: #f8fafc;
    color: var(--po-green, #2563eb);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.po-header-v2__notif-btn:hover {
    background: color-mix(in srgb, var(--po-green, #2563eb) 8%, white);
    border-color: color-mix(in srgb, var(--po-green, #2563eb) 25%, #e8edf3);
}

.po-header-v2__notif-btn .pulse-ring {
    display: none;
}

/* ── Utilisateur ── */
.po-header-v2__user {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.3rem 0.45rem 0.3rem 0.85rem;
    border-radius: 999px;
    border: 1px solid #e8edf3;
    background: #fff;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    max-width: 280px;
}

.po-header-v2__user:hover {
    background: #f8fafc;
    border-color: #dde4ee;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.po-header-v2__user-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 0;
    line-height: 1.2;
}

.po-header-v2__hello {
    font-size: var(--po-header-fs-sm);
    color: var(--po-layout-muted, #718096);
    font-weight: 500;
}

.po-header-v2__username {
    font-size: var(--po-header-fs);
    font-weight: 600;
    color: var(--po-layout-text, #1a202c);
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.po-header-v2__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid color-mix(in srgb, var(--po-green, #2563eb) 20%, #e8edf3);
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    /* Header desktop masqué — header-mobile Metronic à la place */
    body.aside-v2-theme #kt_header.header.po-header-v2 {
        display: none !important;
    }

    body.aside-v2-theme.aside-enabled .subheader {
        left: 0 !important;
        right: 0 !important;
    }

    body.aside-v2-theme.header-mobile-fixed.subheader-enabled .wrapper {
        padding-top: 120px !important;
    }

    .po-header-v2__brand-name {
        font-size: var(--po-header-fs);
    }

    .po-header-v2__user-text {
        display: none;
    }

    .po-header-v2__pill span {
        display: none;
    }

    .po-header-v2__pill {
        padding: 0.35rem 0.55rem;
    }
}