/* Ported from the legacy Default.css (docs/08 §2), only what is still needed as of Phase 3. */

.btn-circle.btn-l {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

#floatingAddButton {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 1030;
}

.icon-red {
  color: var(--bs-danger);
}

.icon-red:hover {
  color: var(--bs-danger-border-subtle, #a52834);
}

.pointer {
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

/* The real <input type="file"> in a file-slot widget is visually-hidden (not display:none, so it stays
   keyboard-focusable and announced by screen readers) — draw the focus ring on its visible label instead,
   since the input itself is clipped to 1x1px. */
.file-slot-add:focus-within {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}