.time-popover {
  position: fixed;
  z-index: 1500;
  width: 238px;
  padding: 13px;
  border: 0;
  color: var(--ui-value-primary);
  font-size: var(--ui-font-size-control);
}
.time-popover__eyebrow {
  display: block;
  margin-bottom: 10px;
  color: var(--ui-value-muted);
  font-size: var(--ui-font-size-micro);
  font-weight: var(--ui-font-weight-strong);
  letter-spacing: var(--ui-letter-spacing-eyebrow);
}
.time-popover__tabs { display: flex; gap: var(--time-popover-gap-sm); margin-bottom: 11px; }
.time-popover__tab {
  padding: 5px 7px;
  border: 0;
  background: transparent;
  color: var(--ui-value-muted);
  font: inherit;
  cursor: pointer;
}
.time-popover__tab.is-active { color: var(--ui-accent); background: color-mix(in srgb, var(--ui-accent) 8%, transparent); }
.time-popover__form { display: grid; grid-template-columns: 1fr 1fr; gap: var(--time-popover-gap-lg); }
.time-popover__field { display: grid; gap: var(--time-popover-gap-sm); color: var(--ui-panel-meta-color); font-size: var(--ui-field-label-font-size-compact); font-weight: var(--ui-field-label-font-weight); }
.time-popover__alert {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--time-popover-gap-md);
  margin-top: 2px;
  color: var(--ui-value-muted);
}
.time-popover__alert-label { display: grid; gap: var(--time-popover-gap-sm); font-size: var(--ui-field-label-font-size-compact); font-weight: var(--ui-field-label-font-weight); }
.time-popover__alert-picker { position: relative; }
.time-popover__alert-trigger {
  position: relative;
}
.time-popover__alert-trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: var(--ui-status-indicator-size);
  height: var(--ui-status-indicator-size);
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-70%) rotate(45deg);
}
.time-popover__alert-menu {
  position: absolute;
  z-index: 2;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
  padding: var(--space-3);
}
.time-popover__alert-menu[hidden] { display: none; }
.time-popover__preview {
  height: var(--ui-field-height-sm);
  padding: 0 6px;
  border: 0;
  background: transparent;
  color: var(--ui-value-muted);
  font: inherit;
  cursor: pointer;
}
.time-popover__preview:hover { color: var(--ui-value-primary); }
.time-popover__preview:disabled { opacity: .45; cursor: default; }
.time-popover__error { grid-column: 1 / -1; min-height: 1em; margin: 0; color: var(--ui-error); font-size: var(--ui-font-size-micro); }
.time-popover__primary {
  grid-column: 1 / -1;
  padding: 7px;
  border: 0;
  background: var(--ui-accent);
  color: var(--ui-text-on-accent);
  font: inherit;
  cursor: pointer;
}
.time-popover__permission {
  grid-column: 1 / -1;
  padding-inline: 0;
  text-align: start;
  font-size: var(--ui-font-size-micro);
}
.time-popover__permission:disabled { cursor: default; opacity: .65; }
.time-popover__summary { margin: 0 0 12px; color: var(--ui-text-body-secondary); line-height: var(--ui-line-height-summary); }
.time-popover__actions { display: flex; gap: var(--time-popover-gap-md); }
.time-popover__actions button { padding-inline: 0; margin-inline-end: 8px; }
.time-popover__actions .time-popover__danger { color: var(--ui-danger-secondary); }

.time-toast-stack {
  position: fixed;
  z-index: 1600;
  top: calc(var(--ui-header-height) + 12px);
  right: 14px;
  display: grid;
  gap: var(--ui-floating-gap);
  width: min(280px, calc(100vw - 28px));
  pointer-events: none;
}
.time-toast {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-compact-inset) var(--ui-floating-padding-md);
  padding: 11px 12px;
  color: var(--ui-value-primary);
  pointer-events: auto;
}
.time-toast strong { font-size: var(--ui-font-size-control); font-weight: var(--ui-font-weight-emphasis); }
.time-toast span { grid-column: 1; overflow: hidden; color: var(--ui-text-body-secondary); font-size: var(--ui-font-size-control); text-overflow: ellipsis; white-space: nowrap; }
.time-toast__actions {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  display: flex;
  gap: var(--ui-action-gap-wide);
}
.time-toast__actions button:disabled { opacity: .45; cursor: default; }
.time-toast__snooze-form {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-floating-gap);
  margin: 7px -4px -3px;
  padding: 9px 4px 3px;
  background: color-mix(in srgb, var(--ui-value-muted) 5%, transparent);
}
.time-toast__snooze-form p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--ui-value-muted);
  font-size: var(--ui-font-size-micro);
}
.time-toast__snooze-choices { display: flex; gap: var(--ui-compact-inset); }
.time-toast__snooze-choice.is-selected { background: color-mix(in srgb, var(--ui-accent) 12%, transparent); color: var(--ui-accent); }
.time-toast__snooze-confirm {
  --ui-quiet-button-hover-color: var(--ui-text-on-accent);
  background: var(--ui-accent);
  color: var(--ui-text-on-accent);
}