html.planesto-mode-plume #Page_planning_par_personnel #btnDetailEmploye {
    display: none !important;
}

html.planesto-mode-plume #Page_planning_par_personnel #PlanningPersonne_ContractInfo {
    display: none !important;
}

/* ============================================================================
   PLANNING PAR PERSONNEL (même style que Planning 7-30)
   ============================================================================ */

/* Style bordure des sections du menu */
#Page_planning_par_personnel .planning-surface-card {
    border: 2px solid var(--theme-menu-user-bg) !important;
    background: transparent !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: 0 !important;
}

/* Bloc principal/secondaire : compacter et alléger */
#Page_planning_par_personnel .planning-surface-card.rounded-xl {
    padding: 0.5rem 0.75rem !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

#Page_planning_par_personnel .planning-surface-card.rounded-lg {
    padding: 0.25rem !important;
    box-shadow: none !important;
}

#Page_planning_par_personnel .planning-header-card {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid var(--theme-cta-bg);
    border-radius: 0.75rem;
}

#Page_planning_par_personnel .planning-header-card.planning-surface-card {
    box-shadow: none !important;
}

/* Panneau de contrôle principal avec fond rose (doit être après pour override) */
#Page_planning_par_personnel #PlanningPersonne_MainControlPanel {
    margin-top: 0;
    margin-bottom: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    background: var(--theme-menu-user-bg) !important;
    border: none !important;
    border-radius: 0 0 0.75rem 0.75rem !important;
}

/* Boutons de navigation (flèches) */
#Page_planning_par_personnel .planning-surface-button {
    padding: 0.35rem 0.6rem !important;
    font-size: 0.85rem;
    border: 0 !important;
    background: var(--theme-cta-bg);
    color: var(--theme-cta-text);
}

#Page_planning_par_personnel .planning-surface-button img {
    filter: brightness(0) invert(1);
}

/* Style CTA pour le sélecteur de période */
#Page_planning_par_personnel #PlanningPersonne_LabelPeriode {
    background: var(--theme-cta-bg);
    color: var(--theme-cta-text);
    border-radius: 0.5rem;
    padding: 0.35rem 0.75rem;
}

#Page_planning_par_personnel .planning-period-cta {
    background: var(--theme-cta-bg);
    color: var(--theme-cta-text);
    border-radius: 0.6rem;
    padding: 0.25rem 0.5rem;
}

#Page_planning_par_personnel .planning-surface-card .planesto-btn-primary {
    padding: 0.4rem 0.7rem !important;
    font-size: 0.85rem !important;
}

/* Responsive pour petits écrans */
@media (max-width: 768px) {
    #Page_planning_par_personnel .planning-surface-text {
        font-size: 0.85rem;
    }

    #Page_planning_par_personnel .planning-surface-button {
        padding: 0.3rem 0.5rem !important;
        font-size: 0.8rem;
    }

    #Page_planning_par_personnel .planning-surface-card .planesto-btn-primary {
        padding: 0.3rem 0.55rem !important;
        font-size: 0.8rem !important;
    }
}