/* Shared time navigator contract. Feature styles may control layout only. */
.afh-time-navigator {
  display: flex;
  align-items: center;
  gap: .35rem;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--radius-md, 10px);
}
.afh-time-navigator input,
.afh-time-navigator button {
  min-height: 2rem;
  padding: .4rem .6rem;
  background: var(--theme-surface-muted) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--radius-sm, 6px);
}
.afh-time-navigator button { cursor: pointer; font-weight: 700; }
.afh-time-navigator button:hover { background: var(--theme-surface-hover, var(--theme-surface)) !important; }
.afh-time-navigator .afh-time-label,
.afh-time-navigator small { color: var(--theme-text-muted) !important; }
.afh-time-navigator .afh-time-live { width: .55rem; height: .55rem; border-radius: 50%; background: var(--status-success, #10b981); }
.afh-time-navigator .afh-time-now { background: var(--theme-accent, var(--primary-color, #e8751a)) !important; color: #fff !important; border-color: var(--theme-accent, var(--primary-color, #e8751a)) !important; }
.afh-time-shared-steps { display:flex; align-items:center; gap:.3rem; flex-wrap:wrap; width:100%; padding-top:.35rem; border-top:1px solid var(--theme-border); }
.afh-time-shared-steps .afh-time-label { margin-left:.25rem; text-transform:uppercase; font-size:.65rem; font-weight:800; }
@media (max-width: 700px) {
  .afh-time-navigator { align-items: stretch; }
  .afh-time-navigator input { flex: 1 1 8rem; min-width: 0; }
}