diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index 4021b29d..18323cd7 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/Bootstrap_new/css/theme-modern.css @@ -734,8 +734,8 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold { margin-bottom: 10px; } .photo-container img { - width: 80px; - height: 80px; + width: 64px; + height: 64px; object-fit: cover; border-radius: var(--radius-md); box-shadow: var(--shadow-md); @@ -743,6 +743,7 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold { transition: transform var(--transition-base); cursor: pointer; } + .photo-container img:hover { transform: scale(1.05); } /* Password change link */ @@ -767,90 +768,126 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold { } .change-pwd-link img { width: 22px; } -/* Devis mode banner */ +/* Mode Banners (Flat) */ .mode-devis-banner { - background: linear-gradient(135deg, #3a3a4a, #55556a); - color: white; - text-align: center; - font-family: 'Syne', sans-serif; - font-size: 0.7rem; - font-weight: 700; - letter-spacing: 0.08em; - padding: 8px; - border-radius: var(--radius-sm); - margin-bottom: 10px; - text-transform: uppercase; + background: var(--color-primary-light); + color: white; + text-align: center; + font-family: 'Syne', sans-serif; + font-size: 10px; + font-weight: 700; + padding: 6px; + text-transform: uppercase; + border-radius: var(--radius-sm); + margin: 0 15px 15px; } -/* ============================== - TABLES (DataTables) - ============================== */ +/* ============================================================ + INTER SANTÉ — THEME NEUTRAL PRO v2026 + Section 4 : Tables & DataTables (Haute Densité Minimaliste) + ============================================================ */ + .table-container { - background: white; - border-radius: var(--radius-lg); - box-shadow: var(--shadow-sm); - overflow: hidden; - border: 1px solid var(--border-light); + background: var(--bg-surface); + border: 1px solid var(--border-light); + border-radius: var(--radius-sm); + box-shadow: var(--shadow-xs); + overflow: hidden; + margin-bottom: 1.5rem; } .table { - background: white !important; - border-collapse: separate; - border-spacing: 0; - width: 100%; - font-size: 0.82rem; - --bs-table-bg: transparent !important; - --bs-table-color: var(--text-primary) !important; - --bs-table-striped-color: var(--text-primary) !important; + width: 100%; + margin-bottom: 0; + font-size: 12px; /* Standard ERP pour la lecture de données */ + border-collapse: collapse; + background-color: var(--bg-surface) !important; } -/* En-tête : charcoal sombre */ -.table thead tr { - background: var(--color-primary) !important; - color: white !important; +/* En-tête : Clair, Neutre et Professionnel */ +.table thead th { + background-color: var(--bg-surface-2) !important; + color: var(--color-primary) !important; + font-family: 'Syne', sans-serif; + font-size: 10px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.5px; + padding: 10px 12px !important; + border-bottom: 2px solid var(--border-light) !important; + border-top: none !important; + white-space: nowrap; + text-align: left; } -.table > thead { - background-color: var(--color-primary) !important; -} - -.table th { - background: var(--color-primary) !important; - color: white !important; - font-family: 'Syne', sans-serif; - font-size: 0.72rem; - font-weight: 700; - letter-spacing: 0.05em; - text-transform: uppercase; - padding: 12px 14px !important; - border: none !important; - white-space: nowrap; -} -.table th:hover { background: var(--color-primary-dark) !important; } - +/* Cellules */ .table td { - padding: 10px 14px !important; - border-bottom: 1px solid var(--border-light) !important; - border-top: none !important; - vertical-align: middle; - color: var(--text-primary); + padding: 8px 12px !important; + border-bottom: 1px solid var(--border-light) !important; + vertical-align: middle; + color: var(--text-primary); + transition: background var(--transition-fast); } -.table td:hover { font-style: normal !important; } -.table tr:last-child td { border-bottom: none !important; } - -.table tbody tr { - transition: all var(--transition-fast); +/* Suppression de la bordure sur la dernière ligne */ +.table tr:last-child td { + border-bottom: none !important; } + +/* Effet de survol (Hover) discret */ .table tbody tr:hover { - background: var(--color-primary-ghost) !important; - font-style: normal !important; + background-color: var(--color-primary-ghost) !important; } -/* Bordure gauche gris moyen au survol */ + +/* Indicateur de sélection subtil sur la première cellule */ .table tbody tr:hover td:first-child { - border-left: 3px solid var(--color-primary-light); + box-shadow: inset 3px 0 0 0 var(--color-primary-light); } +/* Style des éléments dans le tableau */ +.table .badge { + font-size: 10px; + font-weight: 600; + padding: 4px 8px; + border-radius: 2px; + border: 1px solid transparent; +} + +/* État Readonly / Disabled dans les cellules */ +.table input[readonly], +.table select[readonly] { + background-color: transparent !important; + border: none !important; + font-weight: 600; + color: var(--text-secondary); + pointer-events: none; +} + +/* --- SPECIFIQUE DATATABLES (Pagination & Recherche) --- */ +.dataTables_wrapper .dataTables_filter input { + border: 1px solid var(--border-light); + border-radius: var(--radius-sm); + padding: 4px 8px; + font-size: 12px; + margin-left: 10px; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button { + padding: 4px 10px !important; + font-size: 12px !important; + border-radius: var(--radius-sm) !important; + border: 1px solid var(--border-light) !important; + background: white !important; + margin-left: 4px; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.current { + background: var(--color-primary) !important; + color: white !important; + border-color: var(--color-primary) !important; +} + + /* Status Badges */ .badge-status { display: inline-flex; @@ -969,18 +1006,11 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold { outline: none; } -td input[readonly], td select[readonly], -td input[disabled], td select[disabled] { - background: #f1f4f6 !important; - font-weight: 600; - color: var(--text-secondary); -} /* ============================== LEGENDS & FIELDSETS ============================== */ -legend, #chemin, -fieldset legend, form legend { +legend, fieldset legend, form legend { background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light)) !important; color: white; font-family: 'Syne', sans-serif;