/* rc.css — tudukit · Conversor de receitas. Só o que é próprio da ferramenta: .btn, .row, campos e cores vêm do tk.css. */
.rc [hidden] { display: none !important; }
.rc-lab { margin-bottom: 6px; }
.rc textarea { width: 100%; box-sizing: border-box; resize: vertical; }
.rc .row input[type=number] { width: 8em; }
.rc .row label.f select { max-width: 100%; }
.rc h3 { font-size: 18px; margin: 20px 0 8px; }
.rc-result { font-size: 1.05rem; line-height: 1.7; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 12px 12px 12px 32px; margin: 0; overflow-wrap: anywhere; }
.rc-result small { color: var(--muted); }
.rc-check { margin: 14px 0 0; }
.rc-check summary { cursor: pointer; font-weight: 600; }
.rc-row { display: grid; grid-template-columns: 5.5em 7.5em minmax(0, 1fr); gap: 6px; align-items: center; margin: 8px 0 0; }
.rc-row input, .rc-row select { width: 100%; box-sizing: border-box; min-width: 0; }
.rc-row .rc-name { grid-column: 1 / -1; font-size: 13px; color: var(--muted); margin-top: -2px; overflow-wrap: anywhere; }
.rc-text { display: block; color: var(--muted); }
.rc-temp { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 4px; }
.rc-temp input { width: 7em; }
.rc-arrow { align-self: center; padding-top: 18px; color: var(--muted); }
#rc-st:empty { display: none; }
@media (max-width: 600px) {
  .rc-row { grid-template-columns: 5.5em minmax(0, 1fr); }
  .rc-row select[data-k=ing] { grid-column: 1 / -1; }
}