/* Bounded recipe picker: filters stay outside the scrollable ingredient list. */
#modal-root .ingredient-picker>.catalog-section-body{padding:0 16px 12px}
#modal-root .ingredient-picker .catalog-ingredient-help{font-size:13px;margin:0 0 10px;padding:10px 0}
#modal-root .ingredient-picker-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#modal-root .ingredient-picker-search{position:relative;flex:1 1 260px;min-width:0;margin:0}
#modal-root .ingredient-picker-search input{width:100%;padding-right:44px;font-size:14px}
#modal-root .ingredient-picker-search button{position:absolute;right:3px;top:3px;width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;color:#145787;font-size:24px}
#modal-root .ingredient-picker-filters{display:flex;gap:5px;flex-wrap:wrap}
#modal-root .ingredient-picker-filters button{min-height:40px;padding:8px 12px;border:1px solid #c5e2f2;border-radius:8px;background:#fff;color:#145787;font-size:13px;font-weight:700}
#modal-root .ingredient-picker-filters button[aria-pressed=true]{background:#145787;border-color:#145787;color:#fff}
#modal-root .ingredient-picker-filters button span{display:inline-block;min-width:20px;margin-left:3px}
#modal-root .ingredient-picker-columns{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;padding:7px 12px;font-size:12px;font-weight:700;color:#587184}
#modal-root .ingredient-picker .catalog-ingredient-list{display:block;max-height:320px;max-height:min(320px,45dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #c5e2f2;border-radius:10px;background:#fff;padding:0}
#modal-root .ingredient-picker .catalog-ingredient-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;min-height:64px;padding:9px 12px;border:0;border-bottom:1px solid #e0f2fc;border-radius:0;align-items:center}
#modal-root .ingredient-picker .catalog-ingredient-row:last-of-type{border-bottom:0}
#modal-root .ingredient-picker .catalog-ingredient-row.selected{background:#eaf6ff;box-shadow:inset 3px 0 #0b69b5}
#modal-root .ingredient-picker .mini-row-main{display:flex;align-items:center;gap:10px;min-width:0;margin:0;min-height:44px;cursor:pointer}
#modal-root .ingredient-picker .mini-row-main>span{min-width:0}
#modal-root .ingredient-picker .mini-row-main strong{overflow-wrap:anywhere;white-space:normal;overflow:visible;text-overflow:clip;font-size:14px;line-height:1.35}
#modal-root .ingredient-picker .mini-row-main small{overflow-wrap:anywhere;font-size:12px;line-height:1.35;color:#587184}
#modal-root .ingredient-picker .recipe-check{width:19px;height:19px;flex:0 0 19px;accent-color:#0b69b5;margin:0}
#modal-root .ingredient-picker .catalog-ingredient-quantity{display:block;width:auto;margin:0}
#modal-root .ingredient-picker .ingredient-picker-quantity-field{display:flex;align-items:center;gap:7px;margin:0}
#modal-root .ingredient-picker .recipe-qty{width:100%;min-width:0;height:44px;min-height:44px;padding:8px 10px;font-size:14px;background:#fff}
#modal-root .ingredient-picker .recipe-qty:disabled{background:#f3f6f8;color:#80919e;border-color:#e1e8ed}
#modal-root .ingredient-picker .ingredient-picker-quantity-field small{flex:0 0 auto;max-width:45px;overflow-wrap:anywhere;font-size:12px;color:#587184}
#modal-root .ingredient-picker-status{padding-top:8px;font-size:12px;color:#587184}
#modal-root .ingredient-picker-empty{padding:20px 12px;margin:0;text-align:center;font-size:14px;color:#587184}
#modal-root .ingredient-picker [hidden]{display:none!important}
#modal-root .ingredient-picker .ingredient-picker-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#modal-root .ingredient-picker :is(button,input,.catalog-ingredient-list):focus-visible{outline:2px solid #0b69b5;outline-offset:2px}
@media(max-width:560px){
  #modal-root .ingredient-picker>.catalog-section-body{padding:0 10px 10px}
  #modal-root .ingredient-picker-tools{gap:8px}
  #modal-root .ingredient-picker-search{flex-basis:100%}
  #modal-root .ingredient-picker-filters{width:100%}
  #modal-root .ingredient-picker-filters button{flex:1;padding:8px}
  #modal-root .ingredient-picker-columns,#modal-root .ingredient-picker .catalog-ingredient-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px;padding-left:9px;padding-right:9px}
  #modal-root .ingredient-picker .catalog-ingredient-row{min-height:68px}
  #modal-root .ingredient-picker .mini-row-main{gap:8px}
  #modal-root .ingredient-picker .ingredient-picker-quantity-field{gap:4px}
  #modal-root .ingredient-picker .recipe-qty{padding:8px}
}