.menu_close_circle{/* Shape & Size */width:32px;height:32px;border-radius:50% !important;/* Makes it a perfect circle */border:none;/* Centering the icon */display:flex;align-items:center;justify-content:center;/* Default Colors (Subtle Gray) */background-color:#F1F5F9;color:#64748B;/* Interaction */cursor:pointer;transition:all 0.2s ease;font-size:14px;outline:none}/* Hover State */.menu_close_circle:hover{background-color:#E2E8F0;/* Darker gray background */color:#EF4444;/* Icon turns Red to signal "Close" */transform:scale(1.1)/* Tiny "pop" animation */}/* Active/Click State */.menu_close_circle:active{transform:scale(0.95)}#food_menu_title{/* Modern Font Stack */font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:700;/* Bold */font-size:18px;/* Crisp, readable size (not too huge) */color:#1A202C;/* Dark Slate Gray (instead of generic black) */margin:0;/* Removes the default bulky top/bottom spacing */padding:0;padding-bottom:16px;letter-spacing:-0.5px;/* Slightly tighter tracking for a modern look */line-height:1.2}/* The Container (Replacing the panel) */.food-list-item{background-color:#FFFFFF;border-bottom:1px solid #F1F5F9;/* Clean divider line */padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color 0.15s ease;text-decoration:none !important}/* Hover State */.food-list-item:hover{background-color:#F8FAFC/* Very light gray highlight */}/* Left Side: Name and Meta */.food-item-left{display:flex;flex-direction:column;gap:4px;/* Space between Name and Macros */flex-grow:1/* Takes up all available space */}.food-item-name{font-size:15px;font-weight:600;color:var(--text-main);margin:0;line-height:1.2}.food-item-meta{font-size:13px;color:#94A3B8;/* Slate Gray */font-weight:500;display:flex;align-items:center;gap:6px}/* Coloring the macro letters slightly */.macro-text span{font-weight:600}.m-p{color:#1CDBFF}.m-c{color:#88CA46}.m-f{color:#F07536}.m-dash{color:#A3A3A3}/* Right Side: Serving Size Pill */.food-item-right{display:flex;align-items:center;gap:10px}.food-serving-pill{background-color:#E0F2FE;color:#0284C7;font-size:12px;font-weight:600;min-width:80px;text-align:center;padding:6px 12px;border-radius:20px !important;white-space:nowrap/* Prevents wrapping */}/* Small arrow icon */.food-arrow{color:#CBD5E0;font-size:14px}.food-search-bar{padding:10px 20px;background-color:#FFFFFF;border-bottom:1px solid #F1F5F9;position:relative}.search-input{width:100%;padding:10px 10px 10px 40px;/* Left padding for the icon */border-radius:8px !important;border:none;background-color:#F1F5F9;/* Light gray background */color:var(--text-main);font-size:14px;outline:none;transition:all 0.2s ease}.search-input:focus{background-color:#F1F5F9;box-shadow:0 0 0 2px var(--color-primary)/* Blue focus ring */}/* Icon positioning */.search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#94A3B8;font-size:14px;pointer-events:none/* Let clicks pass through to input */}