/* Recipes tab and the settings screen. Owned by the recipe add and edit, settings, and empty states session. */

/* ---------- Recipes tab ---------- */
.search-row{position:sticky;top:0;background:var(--bg);padding:6px 0 10px;z-index:5}
.search-input{
  width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line-strong);
  background:var(--surface);color:var(--ink);font-size:15px;
}
.filter-chips{display:flex;gap:7px;overflow-x:auto;margin-top:10px;padding-bottom:2px;scrollbar-width:none}
.filter-chips::-webkit-scrollbar{display:none}
.chip{
  flex:none;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:999px;
  background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-muted);cursor:pointer;
}
.chip.active{background:var(--chip-active-bg);color:var(--chip-active-ink);border-color:var(--chip-active-bg)}

.recipe-row{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:12px 14px;margin-bottom:8px;cursor:pointer;
}
.recipe-row .name{font-family:'Fraunces',serif;font-weight:600;font-size:16px}
.recipe-row .meta{font-size:12px;color:var(--ink-muted);margin-top:3px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.recipe-row .chev{color:var(--ink-faint);flex:none}

/* ---------- Recipe view ---------- */
.ing-row{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:7px 0;border-bottom:1px solid var(--line)}
.ing-row .amt{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-muted);text-align:right;flex:none}
.ing-section{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ink-faint);letter-spacing:.05em;margin-top:12px}
.step-row{display:flex;gap:10px;font-size:14.5px;line-height:1.5;padding:8px 0}
.step-num{
  width:22px;height:22px;border-radius:999px;background:var(--surface-2);color:var(--ink-muted);
  font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;
  font-family:'IBM Plex Mono',monospace;
}