/* Minimal overrides only (Bootstrap-first approach) */


/* ================= Background ================= */
:root {
  /* Higher value = darker overlay = background image more subtle */
  --iv-bg-overlay: 0.92;
}

body {
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

html[data-bs-theme="dark"] body {
  background-image:
    linear-gradient(rgb(0 0 0 / var(--iv-bg-overlay)), rgb(0 0 0 / var(--iv-bg-overlay))),
    url("/public/img/background.jpg");
}

html[data-bs-theme="light"] body {
  background-image:
    linear-gradient(rgb(255 255 255 / var(--iv-bg-overlay)), rgb(255 255 255 / var(--iv-bg-overlay))),
    url("/public/img/background.jpg");
}


/* ================= Logs Table ================= */

/* Preserve formatting in the details block (Bootstrap doesn't provide pre-wrap utility) */
#logDetailMessage {
  white-space: pre-wrap;
}

/* Empêche la sélection de texte dans la DataTable (drag + double-clic) */
#logsTable,
#logsTable * {
  -webkit-user-select: none;
  user-select: none;
}

/* (Optionnel) si un jour tu mets des inputs dans le tableau, on autorise la sélection dedans */
#logsTable input,
#logsTable textarea,
#logsTable select {
  -webkit-user-select: text;
  user-select: text;
}

/* La table peut dépasser => scroll horizontal */
.table-responsive { overflow-x: auto; }

/* Minimums par colonne */
#logsTable th.col-id, #logsTable td.col-id { min-width: 100px; }
#logsTable th.col-ident, #logsTable td.col-ident { min-width: 600px; }
#logsTable th.col-cat, #logsTable td.col-cat { min-width: 200px; }
#logsTable th.col-title, #logsTable td.col-title { min-width: 500px; }
#logsTable th.col-date, #logsTable td.col-date { min-width: 200px; }
#logsTable th.col-actions, #logsTable td.col-actions { min-width: 100px; }

/* Ligne sélectionnée (modal ouverte) */
.table tbody tr.row-selected > * {
  /* Fond (visible même sur striped) */
  background-color: rgba(255, 193, 7, 0.18) !important; /* jaune doux */
}

/* Contour intérieur (ultra visible) */
.table tbody tr.row-selected {
  box-shadow: inset 0 0 0 2px rgba(255, 193, 7, 0.95);
}

/* Bonus : si tu veux un petit effet "focus" */
.table tbody tr.row-selected:hover > * {
  background-color: rgba(255, 193, 7, 0.24) !important;
}

/* Variante dark mode plus contrastée */
html[data-bs-theme="dark"] .table tbody tr.row-selected > * {
  background-color: rgba(255, 193, 7, 0.22) !important;
}
html[data-bs-theme="dark"] .table tbody tr.row-selected {
  box-shadow: inset 0 0 0 2px rgba(255, 193, 7, 1);
}