/* decide.js: the effort decision note above the composer. */

.decide-note {
  align-self: center;
  width: min(100%, calc(var(--reading) + 2 * var(--sv-space-5)));
  padding: 0 var(--sv-space-5);
}
.decide-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: var(--sv-space-2);
  padding: var(--sv-space-1) 0;
  color: var(--sv-ink-secondary);
  font-size: var(--ui-meta);
  animation: sv-enter-msg var(--sv-dur-fast) var(--sv-ease-out) both;
}
.decide-text { min-width: 0; overflow-wrap: anywhere; }
.decide-confidence { color: var(--sv-ink-tertiary); font-variant-numeric: tabular-nums; }
.decide-line button.ghost { min-height: 24px; font-size: var(--ui-meta); }
.decide-line button.decide-switch { color: var(--sv-ink); }
.decide-line button.decide-dismiss { color: var(--sv-ink-tertiary); }
.decide-line button.decide-dismiss:hover { color: var(--sv-ink); }
@media (max-width: 760px) {
  .decide-note { padding: 0 var(--sv-space-4); }
}
@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  .decide-line button.ghost { min-height: 44px; }
}