.food-controls{padding:1.5rem;background:#f3f8f6;border:1px solid #d8e6df;border-radius:16px;margin-bottom:1.25rem}
.food-modes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.food-modes button{font:inherit;padding:.7rem 1rem;border:1px solid #aebfb6;background:white;border-radius:8px;cursor:pointer}.food-modes button[aria-pressed="true"]{background:#11664d;color:white;border-color:#11664d}
.processing-cues{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.processing-cues span{font-size:.75rem;padding:.15rem .4rem;background:#eef4f1;border-radius:4px;color:#34574a}.food-link{border:0;background:none;color:#17674e;text-decoration:underline;font:inherit;cursor:pointer;text-align:left}.food-browser td button{margin-bottom:.5rem}.food-browser .source-match{font-size:.85rem;padding:.35rem}
#foodDetail{position:fixed;inset:0;margin:auto;width:min(850px,94vw);max-height:88vh;overflow:auto;border:1px solid #ccdcd3;border-radius:16px;padding:1.5rem;color:#173f30;background:white}#foodDetail::backdrop{background:rgb(10 35 25 / 50%)}.detail-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.detail-heading h2{font-size:1.5rem}.exact-food-name{display:block;width:100%;font:inherit;padding:.7rem;margin:.5rem 0;border:1px solid #b5c9be;border-radius:6px}.comparison-note{padding:1rem;background:#f5f8f6;margin:1rem 0;border-left:3px solid #147352}.detail-sources{padding-left:1.3rem}.detail-sources li{padding:.6rem 0;border-bottom:1px solid #e2ebe5}.detail-sources small{display:block;color:#596b61}.food-selection{border-top:3px solid #11664d}.food-record dd{overflow-wrap:anywhere}#foodDetail button{width:auto;height:auto;padding:.6rem 1rem}#foodDetail h3{font-size:1.05rem;margin:1rem 0 .5rem}
.food-browser .pagination-btn{width:auto;min-width:100px;height:auto;min-height:38px;white-space:normal;padding:.65rem 1rem}
.food-browser .data-table th{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:left}.food-browser .data-table td{text-align:left}
.food-browser .data-table th:nth-child(2){width:25%}.food-browser .data-table th:nth-child(3){width:27%}.food-browser .data-table th:nth-child(4){width:27%}.food-browser .data-table th:nth-child(5){width:16%}
.food-search{display:block;font-weight:600;color:#183e32}.food-search input{display:block;margin-top:.5rem;width:100%;background:white}
.food-controls p{font-size:.9rem;margin:.6rem 0 1rem;color:#456052}
.food-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.food-filters label{flex:1;min-width:180px;font-size:.85rem;font-weight:600}
.food-browser select{display:block;width:100%;font:inherit;padding:.65rem;border:1px solid #aebfb6;border-radius:7px;background:white;color:#203e32;margin-top:.3rem}
.food-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}
.food-browser .search-stats{display:flex;flex-wrap:wrap;gap:1rem}.food-browser .tableFixHead{max-height:680px;overflow:auto}
.food-browser .data-table{width:100%;min-width:850px;table-layout:fixed}.food-browser th:first-child{width:45px}.food-browser th:nth-child(2){width:20%}.food-browser th:nth-child(3){width:23%}.food-browser th:nth-child(4){width:12%}.food-browser th:nth-child(5){width:22%}
.food-browser .data-table td{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;word-break:normal;overflow-wrap:anywhere;vertical-align:top;padding:1rem .75rem}
.food-browser small{display:block;color:#735312;margin-top:.5rem}.food-browser summary{cursor:pointer;color:#1d6951;font-weight:600}.food-browser summary:focus-visible,.food-browser button:focus-visible{outline:3px solid #b87825;outline-offset:3px}
.source-names{padding-left:1.2rem;margin-top:.8rem;max-height:320px;overflow:auto}.source-names li{padding:.25rem 0}.source-match{background:#fff2bf}.food-record dl{margin-top:.7rem}.food-record dt{font-weight:600;font-size:.8rem;color:#456052}.food-record dd{margin:0 0 .7rem}.food-record h4{margin-top:1rem}
.food-browser .table-pagination{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.food-browser .table-pagination label{display:flex;align-items:center;gap:.6rem}.food-browser .table-pagination select{width:auto;margin:0}
.food-selection pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}.food-browser button:disabled{opacity:.5;cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){.food-controls{padding:1rem}.food-filters{display:block}.food-filters label{display:block;margin-bottom:.8rem}.food-toolbar{align-items:stretch}.food-toolbar button{width:100%}.food-browser .table-pagination{font-size:.85rem}}

.food-browser .table-pagination, .food-browser .table-pagination label, .food-browser .table-pagination select, .food-browser .table-pagination .pagination-btn, .food-browser #pageInfo { font-size: .8rem; }