/* -------------------------------------------------------------- tiempos */
.time { margin-bottom: 8px; }
.time-bar {
  display: flex; height: 6px; border-radius: 3px; overflow: hidden;
  background: var(--bg-3); margin-bottom: 4px;
}
.time-bar .spent { background: var(--accent-2); }
.time-bar .spent.over { background: var(--red); }
.time-bar .remaining { background: #a5adba; }
.time-legend { display: flex; align-items: center; gap: 10px; font-size: 10px; color: var(--fg-dim); }
.time-legend .est { margin-left: auto; }
.time-legend .remaining-edit-trigger {
  background: transparent; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer;
}
.time-legend .remaining-edit-trigger:hover { color: var(--accent); }
.remaining-edit-form { display: flex; align-items: center; gap: 4px; }
.remaining-edit-form[hidden] { display: none; }
.remaining-edit-form label { display: flex; align-items: center; gap: 4px; white-space: nowrap; }
.remaining-edit-form input { width: 54px; padding: 2px 4px; border: 1px solid var(--line); border-radius: 3px; }
.time-legend .sw { display: inline-block; width: 7px; height: 7px; border-radius: 2px; margin-right: 4px; }
.time-legend .sw.spent { background: var(--accent-2); }
.time-legend .sw.remaining { background: #a5adba; }