diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index 1075d28d..1ac51831 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/Bootstrap_new/css/theme-modern.css @@ -1448,75 +1448,28 @@ select[class*="selectpicker"], to { opacity: 1; transform: translateY(0); } } -/* ============================================================ - INTER SANTÉ — THEME NEUTRAL PRO v2026 - Section 6 : Sticky Header & Page Titles (Légèreté & Précision) - ============================================================ */ - +/* Optionnel : Réduire légèrement l'entête lors du scroll (via JS si besoin) */ #titre-page { color: var(--color-primary); - font-family: 'Syne', sans-serif; /* Signature SaaS */ - font-weight: 800; - font-size: 1.25rem; - letter-spacing: -0.02em; - margin: 0; + letter-spacing: -0.5px; + font-family: 'DM Sans', sans-serif; /* Ou votre police SaaS */ } -/* --- LE HEADER STICKY (Refonte Neutral Pro) --- */ +/* --- LE HEADER STICKY (Base Neutral Pro) --- */ .header-section { position: sticky; top: 0; - z-index: 1060 !important; /* Doit être au-dessus du menu scrollable */ - background-color: var(--bg-surface); /* Blanc solide, pas de transparence */ - padding: 8px 0; - margin-bottom: 0.5rem !important; - border-bottom: 1px solid var(--border-light); /* Ligne nette, pas d'ombre */ + z-index: 1000 !important; + background-color: rgba(255, 255, 255, 0.85); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + padding: 5px 0; + margin-bottom: 0.65rem !important; + border-bottom: 1px solid rgba(0,0,0,0.05); } -/* Suppression de l'ombre sur l'enfant direct */ .header-section > div { - box-shadow: none !important; - border: none !important; -} - -/* Ajustement des contrôles dans le header (boutons de retour, etc) */ -.header-section .btn-sm { - font-size: 11px; - height: 32px; - display: inline-flex; - align-items: center; -} - -/* --- FORMULAIRES DE RECHERCHE (Zone Critique de l'image) --- */ -.search-area-erp { - background: var(--bg-surface); - border: 1px solid var(--border-light); - border-radius: var(--radius-sm); - padding: 1.25rem; - margin-bottom: 1rem; -} - -.search-area-erp label { - font-family: 'Syne', sans-serif; - font-size: 10px; - font-weight: 800; - text-transform: uppercase; - color: var(--text-muted); - letter-spacing: 0.5px; - margin-bottom: 4px; -} - -.search-area-erp .form-control { - border-color: var(--border-light); - font-size: 13px; - height: 36px; - transition: all var(--transition-fast); -} - -.search-area-erp .form-control:focus { - border-color: var(--color-primary-light); - box-shadow: 0 0 0 3px var(--color-primary-ghost); - background-color: #fff; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08) !important; } /* Ajustement des icônes pour plus de finesse */