/* Task deadline composition; controls use canonical input and button primitives. */
.task-deadline-control {
  display: flex;
  position: relative;
  gap: var(--zg-space-2);
  min-width: 0;
}

.task-deadline-control .task-deadline-text {
  flex: 1;
  min-width: 0;
}

.task-deadline-control > .zg-btn--icon {
  flex: 0 0 var(--zg-input-height);
  inline-size: var(--zg-input-height);
  min-inline-size: var(--zg-input-height);
  block-size: var(--zg-input-height);
  padding: 0;
}

.task-deadline-control .task-deadline-native {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: var(--zg-button-icon-size);
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.task-deadline-control [hidden] {
  display: none;
}