/* Small interaction refinements, loaded after the shared module palette. */
.recipes-page .recipes-wheel-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px 10px;
  margin-bottom: 10px;
}
.recipes-page .recipes-wheel-result > span { grid-column: 1 / -1; }
.recipes-page .recipes-wheel-result > strong { max-width: 100%; min-width: 0; }
.recipes-page .recipes-wheel-unlock,
.recipes-page .recipes-record-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid #c8d2bd;
  border-radius: 8px;
  background: #edf1e5;
  color: var(--module-accent, #53664e);
  font-size: 12px;
  line-height: 1.6;
}
.recipes-page .recipes-wheel-unlock .recipes-icon,
.recipes-page .recipes-record-link .recipes-icon { width: 14px; height: 14px; margin: 0; }
.recipes-page .recipes-wheel-unlock:hover,
.recipes-page .recipes-record-link:hover { background: #e0e8d4; border-color: #aab99b; }
.recipes-page .recipes-lock-context {
  margin: 0 0 14px;
  min-height: 36px;
  color: var(--module-muted, #706d61);
  font-size: 12px;
  line-height: 1.85;
  text-align: center;
}
.recipes-page .recipes-lock-context.all-locked {
  padding: 9px 12px;
  border: 1px solid #d7ddc9;
  border-radius: 8px;
  color: #526348;
  background: #f0f3e7;
}
.recipes-page .recipes-record-link { margin-top: 12px; }
.recipes-page .recipes-history-results {
  margin: -4px 0 18px;
  color: var(--module-muted, #706d61);
  font-size: 12px;
  line-height: 1.9;
  overflow-wrap: anywhere;
}
.recipes-page .recipes-history-results strong { color: var(--module-accent, #53664e); font-weight: 600; }
.recipes-page .recipes-clear-query {
  color: var(--module-accent, #53664e);
  border: 1px solid #d7ddca;
  border-radius: 7px;
  background: #f3f5ec;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.recipes-page .recipes-clear-query:hover { background: #e7eddd; }
.recipes-page .recipes-history-entry:focus {
  outline: 2px solid var(--module-accent, #53664e);
  outline-offset: 4px;
  background: #f1f5e8;
}
.recipes-pool-form .recipes-pool-meta { flex-wrap: wrap; }
.recipes-pool-form .recipes-pool-feedback {
  margin: 9px 0 0;
  padding: 9px 11px;
  border: 1px solid #dce2d2;
  border-radius: 8px;
  color: #596b4e;
  background: #f2f5eb;
  font-size: 12px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.recipes-pool-form .recipes-pool-feedback.is-error {
  color: #94523e;
  border-color: #dec6b8;
  background: #faf0e8;
}
.recipes-pool-form textarea[aria-invalid="true"] { border-color: #b57b62; }
.recipes-pool-form button:disabled { opacity: .55; cursor: not-allowed; }
.recipes-pool-form[aria-busy="true"] button[type="submit"] { opacity: .8; cursor: progress; }
.recipes-page .recipes-wheel-actions button:disabled { opacity: .58; cursor: not-allowed; }

@media (pointer: coarse), (max-width: 760px) {
  .recipes-page .recipes-wheel-unlock,
  .recipes-page .recipes-record-link,
  .recipes-page .recipes-clear-query { min-height: 44px; min-width: 44px; }
}
@media (max-width: 480px) {
  .recipes-page .recipes-lock-context { font-size: 11px; min-height: 0; }
  .recipes-page .recipes-wheel-unlock { font-size: 11px; padding-inline: 9px; }
  .recipes-page .recipes-history-results { font-size: 11px; margin-bottom: 14px; }
  .recipes-pool-form .recipes-pool-meta { gap: 3px 12px; }
}