/* temps-window.css — Fenêtre flottante « Chrono en cours » (module Temps passé).
   Calquée sur .tchat-window (drag sur l'en-tête), en plus compact : pas d'état « agrandi »,
   juste normal/réduit, et masquée par défaut (visible uniquement quand un chrono tourne). */

.temps-window {
    position: fixed;
    left: 24px;
    bottom: 0;
    width: 300px;
    max-width: calc(100vw - 16px);
    background: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .3);
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 1050;
}
.temps-window.temps-visible { display: flex; }
.temps-window.temps-positioned { left: auto; bottom: auto; }
.temps-window.temps-dragging { transition: none; user-select: none; }

.temps-header {
    display: flex; align-items: center; justify-content: space-between;
    background: var(--color-temps-passe, #94b9f4); color: var(--color-temps-passe-text, #000);
    padding: 6px 8px 6px 14px;
    cursor: move; flex-shrink: 0; user-select: none;
}
.temps-title { font-size: .85rem; font-weight: 600; display: flex; align-items: center; gap: 6px; }
.temps-rec-dot {
    width: 8px; height: 8px; border-radius: 50%; background: #e63757; display: inline-block;
    animation: temps-pulse 1.4s ease-in-out infinite;
}
@keyframes temps-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.temps-header-actions { display: flex; gap: 2px; }
.temps-icon-btn {
    background: none; border: 0; color: inherit; opacity: .85;
    width: 24px; height: 24px; border-radius: 4px; line-height: 1; cursor: pointer;
}
.temps-icon-btn:hover { background: rgba(0, 0, 0, .12); opacity: 1; }

.temps-body { padding: 10px 12px; }
.temps-elapsed { font-size: 1.4rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.temps-libelle {
    font-size: .78rem; color: #6c757d; margin-top: -2px; margin-bottom: 6px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.temps-desc-input { width: 100%; font-size: .82rem; margin-bottom: 8px; }
.temps-actions { display: flex; gap: 6px; }

.temps-window.temps-min { width: 210px; }
.temps-window.temps-min .temps-body { display: none; }

[data-bs-theme=dark] .temps-window { background: #2b3035; color: #e9ecef; }
[data-bs-theme=dark] .temps-libelle { color: #adb5bd; }