/*
style_report_dark.css
Mode sombre pour la page de rapport de l'application Canmore Incident Management.
*/

/* Base globale : fond sombre, couleurs et typographie */
body { background: #23272a; color: #fff; font-family: 'Segoe UI', Arial, sans-serif; margin: 0; }
/* En-tete du tableau de bord : zone titre et actions */
.dashboard-header { padding: 12px 32px 0 32px; }
/* Cartes de resume : indicateurs clés en haut */
.summary-cards { display: flex; gap: 24px; margin-bottom: 24px; }
.summary-card { background: #23272a; border-radius: 12px; box-shadow: 0 2px 8px #0008; padding: 24px 32px; flex: 1; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #444; }
.summary-card .label { color: #b0b0b0; font-size: 1em; margin-bottom: 6px; }
.summary-card .value { font-size: 2em; font-weight: bold; margin-bottom: 2px; }
.summary-card .sub { font-size: 0.95em; color: #4caf50; }
.summary-card .sub.red { color: #ff7a7a; }
.summary-card .sub.yellow { color: #ffe066; }
.summary-card .sub.gray { color: #b0b0b0; }
/* Contenu principal et recherche : filtre des incidents */
.main-content { padding: 0 32px 32px 32px; }
.search-bar { margin: 18px 0 12px 0; display: flex; align-items: center; gap: 12px; }
.search-bar input { padding: 8px 14px; border-radius: 6px; border: 1px solid #444; font-size: 1em; width: 320px; background: #23272a; color: #fff; }
/* Table des incidents : liste detaillee */
.table-container { background: #23272a; border-radius: 12px; box-shadow: 0 2px 8px #0008; padding: 0 0 8px 0; border: 1px solid #444; }
table { width: 100%; border-collapse: collapse; margin-top: 0; background: #23272a; color: #fff; }
th, td { padding: 12px 10px; text-align: left; background: #23272a; color: #fff; border-color: #444; }
th { background: #23272a; color: #8ab4f8; font-weight: 600; border-bottom: 2px solid #444; }
tr { border-bottom: 1px solid #444; }
tr:last-child { border-bottom: none; }
td.status { font-weight: 600; }
td.status.paid { color: #4caf50; }
td.status.pending { color: #ffe066; }
td.status.outstanding { color: #ff7a7a; }