Version 2026.5.17 — Popup user-badge avec ligne session (MM:SS)

- Couleur selon seuil
[code interpolé]

viewer.css

@@ -323,6 +323,54 @@ html, body {
   flex-wrap: nowrap;
 }
 
+/* v2026.5.17 : faux input date custom avec nom du jour */
+.date-custom-wrapper {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+.date-custom {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 10px 5px 12px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--bg-muted);
+  color: var(--text);
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+  user-select: none;
+  transition: border-color 0.15s, background 0.15s;
+}
+.date-custom:hover {
+  border-color: var(--border-strong);
+  background: var(--bg-hover);
+}
+.date-custom:focus {
+  outline: 2px solid var(--accent);
+  outline-offset: -1px;
+}
+.date-custom-icon {
+  font-size: 13px;
+  opacity: 0.7;
+}
+.date-input-hidden {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  pointer-events: none;
+}
+
+/* v2026.5.17 : masquer l'ancien date-picker-day s'il traîne (compat) */
+.date-picker-day { display: none; }
+
 .btn-nav {
   padding: 6px 10px;
   font-size: 13px;
@@ -690,12 +738,9 @@ html, body {
 .timeline-slot.status-resolved  { background: var(--c-resolved); }
 
 .timeline-slot.kind-absence {
-  background: repeating-linear-gradient(
-    45deg,
-    var(--text-faint) 0 6px,
-    var(--bg-muted) 6px 12px
-  );
-  opacity: 0.6;
+  /* v5.0.15 : uni gris-noir au lieu de rayé, plus lisible */
+  background: #2a2f36;
+  border-right: 1px solid var(--bg-elevated);
 }
 
 .timeline-slot:hover,