diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index 1ac51831..1075d28d 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/Bootstrap_new/css/theme-modern.css @@ -1448,28 +1448,75 @@ select[class*="selectpicker"], to { opacity: 1; transform: translateY(0); } } -/* Optionnel : Réduire légèrement l'entête lors du scroll (via JS si besoin) */ +/* ============================================================ + INTER SANTÉ — THEME NEUTRAL PRO v2026 + Section 6 : Sticky Header & Page Titles (Légèreté & Précision) + ============================================================ */ + #titre-page { color: var(--color-primary); - letter-spacing: -0.5px; - font-family: 'DM Sans', sans-serif; /* Ou votre police SaaS */ + font-family: 'Syne', sans-serif; /* Signature SaaS */ + font-weight: 800; + font-size: 1.25rem; + letter-spacing: -0.02em; + margin: 0; } -/* --- LE HEADER STICKY (Base Neutral Pro) --- */ +/* --- LE HEADER STICKY (Refonte Neutral Pro) --- */ .header-section { position: sticky; top: 0; - 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); + 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 */ } +/* Suppression de l'ombre sur l'enfant direct */ .header-section > div { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08) !important; + 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; } /* Ajustement des icônes pour plus de finesse */