/* TimeRangePicker — componente compartilhado (Sprint 42). Tokens --az-*. */
.time-range-picker {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: var(--az-bg-secondary); border: .5px solid var(--az-border-tertiary);
  border-radius: var(--az-radius-md, 8px); padding: 8px 12px; margin-bottom: 16px;
}
.trp-current {
  display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500;
  padding-right: 12px; border-right: 1px solid var(--az-border-tertiary); color: var(--az-text-primary);
}
.trp-label { color: var(--az-text-primary); white-space: nowrap; }
.trp-presets { display: flex; gap: 4px; flex-wrap: wrap; }
.trp-preset {
  padding: 4px 10px; font-size: 12px; background: transparent; border: .5px solid transparent;
  border-radius: 6px; cursor: pointer; color: var(--az-text-secondary); transition: all .15s;
}
.trp-preset:hover { background: var(--az-bg-primary); color: var(--az-text-primary); }
.trp-preset.is-active {
  background: var(--az-bg-primary); color: var(--az-primary); border-color: var(--az-border-tertiary); font-weight: 500;
}

/* Dialog customizado */
.time-range-dialog { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; }
.time-range-dialog-bg { position: absolute; inset: 0; background: rgba(0,0,0,.5); backdrop-filter: blur(4px); }
.time-range-dialog-content {
  position: relative; background: var(--az-bg-primary); border: .5px solid var(--az-border-tertiary);
  border-radius: var(--az-radius-lg, 12px); padding: 24px; min-width: 380px; box-shadow: 0 20px 60px rgba(0,0,0,.3);
}
.time-range-dialog-content h3 { margin: 0 0 16px; font-size: 16px; }
.trd-row { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.trd-row label { width: 40px; font-size: 13px; color: var(--az-text-secondary); }
.trd-row input {
  padding: 6px 10px; border: .5px solid var(--az-border-tertiary); border-radius: 6px; font-size: 13px;
  background: var(--az-bg-primary); color: var(--az-text-primary);
}
.trd-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; padding-top: 16px; border-top: .5px solid var(--az-border-tertiary); }
.trd-actions button { padding: 6px 14px; border-radius: 6px; font-size: 13px; cursor: pointer; border: .5px solid var(--az-border-tertiary); background: var(--az-bg-secondary); color: var(--az-text-primary); }
.trd-actions .primary { background: var(--az-primary); color: #fff; border-color: var(--az-primary); }