/* List density is a browser preference. Keep navigation, editors and nutrition facts unchanged. */
.app-shell.lists-compact :is(.workspace-food-row, .browse-result-row, .my-menu-popup-row, .recipe-library-row, .meal-plan-row) { padding-block: 4px; gap: 6px; }
.app-shell.lists-compact :is(.workspace-food-select, .browse-result-select, .my-menu-popup-main) { min-width: 0; padding: 4px 6px; min-height: 36px; }
.app-shell.lists-compact :is(.browse-result-main, .my-menu-popup-main > span, .meal-plan-row > span) { min-width: 0; flex: 1; }
.app-shell.lists-compact :is(.workspace-food-select strong, .browse-result-main strong, .my-menu-popup-main strong, .recipe-library-row > a:first-child strong, .meal-plan-row > span > strong) { display: block; font-size: .875rem; font-weight: 650; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.app-shell.lists-compact :is(.workspace-food-select small, .browse-result-main small, .my-menu-popup-main em, .recipe-library-row small, .meal-plan-row > span > small) { display: block; font-size: .75rem; line-height: 1.3; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Expand the individual name for keyboard users and touch selection, too. */
.app-shell.lists-compact :is(.workspace-food-select:focus-visible, .workspace-food-select.selected, .browse-result-select:focus-visible, .my-menu-popup-main:focus-visible, .recipe-library-row > a:focus-visible) strong,
.app-shell.lists-compact .my-menu-popup-row.selected strong { white-space: normal; overflow: visible; }
@media (hover: hover) {
 .app-shell.lists-compact :is(.workspace-food-select:hover, .browse-result-select:hover, .my-menu-popup-main:hover, .recipe-library-row > a:hover) strong,
 .app-shell.lists-compact .meal-plan-row:hover > span > strong { white-space: normal; overflow: visible; }
}
.app-shell.lists-compact .workspace-list-pane .workspace-list-header { padding: 8px; gap: 6px; flex-wrap: wrap; }
.app-shell.lists-compact .workspace-list-pane .workspace-list-body { padding: 8px; }
.app-shell.lists-compact .workspace-list-pane .workspace-pager { gap: 5px; margin: 4px 0; font-size: .75rem; }
.app-shell.lists-compact .workspace-pager button { min-height: 30px; padding: 3px 7px; }
.app-shell.lists-compact .workspace-search-controls { padding-bottom: 4px; }
.app-shell.lists-compact .workspace-search-controls .field-label { font-size: .75rem; gap: 3px; margin-bottom: 4px; }
.app-shell.lists-compact .workspace-search-controls :is(.text-input, .search-input, .select-input) { font-size: .875rem; padding: 6px 8px; min-height: 34px; }
.app-shell.lists-compact .workspace-search-controls .query-bar { padding: 4px; }
.app-shell.lists-compact .workspace-search-controls .query-bar :is(input, button) { min-height: 34px; font-size: .875rem; }
.app-shell.lists-compact .workspace-search-controls .usda-source-logo { width: 34px; height: 26px; margin: 2px 4px; }
.app-shell.lists-compact .workspace-search-controls :is(.usda-search-attribution, .query-bar-footer) { font-size: .7rem; margin-top: 2px; }
.app-shell.lists-compact .source-list-filters { gap: 5px; margin-block: 4px; }
.app-shell.lists-compact .source-list-filters label { display: flex; align-items: center; gap: 5px; font-size: .75rem; }
.app-shell.lists-compact .source-list-filters select { font-size: .8rem; min-height: 32px; padding: 4px 6px; }
.app-shell.lists-compact .source-list-filters :is(button, a) { font-size: .75rem; }
.app-shell.lists-compact .workspace-list-body > .fine-print { font-size: .7rem; margin: 4px 0; }
.app-shell.lists-compact .nutrition-viewer-identity h2 { font-size: 1.1rem; line-height: 1.25; margin: 0 0 4px; }
.app-shell.lists-compact .nutrition-viewer-identity { padding-block: 6px; margin-bottom: 6px; }
.app-shell.lists-compact .nutrition-viewer-meta { font-size: .75rem; gap: 5px; }
.sesqua-list-panel-header { flex-wrap: wrap; }
.app-shell.lists-compact .today-tool-entry { padding: 4px 6px; }
.app-shell.lists-compact .today-tool-entry-main > span { min-width: 0; }
.app-shell.lists-compact .today-tool-entry-name { display: block; max-width: 100%; font-size: .875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.app-shell.lists-compact .today-tool-entry-main small { font-size: .75rem; }
.app-shell.lists-compact .today-tool-entry-name:is(:hover, :focus-visible) { white-space: normal; overflow: visible; }
.app-shell.lists-compact .workspace-search-controls :is(label, select, input, button) { font-family: inherit; }
@media print {
 .app-shell.lists-compact .today-tool-entry-name { white-space: normal; overflow: visible; }
 .app-shell.lists-compact :is(.workspace-food-select strong, .browse-result-main strong, .my-menu-popup-main strong, .recipe-library-row strong, .meal-plan-row > span > strong) { white-space: normal; overflow: visible; }
}
.app-shell.lists-compact .meal-plan-row > span:focus-visible > strong { white-space: normal; overflow: visible; }
.workspace-plan-menu { position: fixed; inset: auto; margin: 0; width: 220px; max-width: calc(100vw - 16px); padding: 8px; border: 1px solid var(--accent); border-radius: 12px; background: var(--surface, white); color: var(--text); box-shadow: 0 8px 28px #0003; }
.workspace-plan-menu:not(:popover-open) { display: none !important; }
.workspace-plan-menu:popover-open { display: grid; gap: 4px; }
.workspace-plan-menu > button { text-align: left; }
.workspace-plan-menu > button:is(:hover, :focus-visible) { background: var(--accent-soft); border-color: var(--accent); }
.workspace-plan-menu-trigger { list-style: none; }
.workspace-plan-menu-trigger[aria-expanded="true"] { background: var(--accent-soft); border-color: var(--accent); }
@media (hover: hover) { .workspace-food-row:hover { background: var(--accent-soft); } }