textarea#urls {
  resize: vertical;
}

.progress {
  height: 1.5rem;
}

/* Replaces inline style="" attributes so the app's own CSP (default-src 'self',
   no style-src-attr) doesn't silently drop them - see app/main.py's security
   middleware. */
/* display:inline-flex re-centers the label/icon when min-height stretches the
   button taller than its content - plain inline-block (Bootstrap's default)
   leaves it sitting at the top instead. */
.btn-touch {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-touch-square {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.login-card {
  max-width: 380px;
}

.thumb {
  width: 120px;
  height: 68px;
  object-fit: cover;
  border-radius: 0.25rem;
}