/* Un seul conteneur défilant : le plein écran lui-même. */
#modal:has(.food-screen){position:fixed;inset:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#101010;color:#f4eadb;touch-action:pan-y}
#modal:has(.food-screen)>.close{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:5;font:26px system-ui,sans-serif}
#modal:has(.food-screen) #modalbody{padding:0;max-width:760px;margin:auto}
#modal .food-screen,#modal .food-screen :is(button,input,select,label,summary,b,span,p){font-family:Inter,system-ui,sans-serif;letter-spacing:normal;text-transform:none}
#modal .food-screen{padding:0 16px calc(22px + env(safe-area-inset-bottom));min-height:100dvh;box-sizing:border-box}
.food-screen-header{position:sticky;top:0;z-index:2;background:#101010;padding:calc(14px + env(safe-area-inset-top)) 0 8px;border-bottom:1px solid #8883}
#modal .food-screen .eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin:0 44px 10px 0}
#modal .food-screen .food-meal-label{display:flex;align-items:center;gap:12px;font-size:12px;margin:0 36px 10px 0}
#modal .food-screen select{font:400 15px Inter,system-ui,sans-serif;min-height:44px;margin:0;background:#211c22;color:inherit;border:1px solid #8e7889;border-radius:8px;padding:8px 12px;flex:1;box-sizing:border-box;max-width:100%}
#modal .food-screen .lab-search-row{display:flex;gap:6px;margin:0 0 10px}
#modal .food-screen input{font:400 16px Inter,system-ui,sans-serif;padding:10px;min-height:44px;width:100%;color:inherit;border-radius:8px}
#modal .food-screen .lab-search-row button{width:44px;min-width:44px;min-height:44px;padding:8px;font-size:20px}
#modal .food-screen-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#modal .food-screen .lab-button{font:500 13px/1.35 Inter,system-ui,sans-serif;min-height:44px;padding:9px 8px;color:inherit;background:#211c22;border:1px solid #8e7889;box-shadow:none}
#modal .food-screen-tabs [aria-pressed=true]{background:#c83c75;color:#fff;border-color:#c83c75}
#modal .food-screen details{margin:4px 0 0;font-size:12px}
#modal .food-screen summary{padding:8px 0;cursor:pointer;min-height:30px;text-align:right;font-size:12px;box-sizing:border-box}
#modal .food-screen summary[hidden]{display:none}
#modal .food-screen details label{margin:0 0 8px}
#modal .food-screen .lab-food-results{display:block;height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;margin:0}
#modal .food-screen .lab-db-row{padding:5px 0;gap:0;min-height:68px}
#modal .food-screen .food-result{background:transparent;color:inherit;padding:10px 0;border:0;border-radius:0;min-height:56px}
#modal .food-screen .food-result>span:first-child{min-width:0;flex:1}
#modal .food-screen .food-result b{font-size:14px;font-weight:600;line-height:1.4;color:inherit}
#modal .food-screen .food-result small{font-size:11px;line-height:1.6;color:inherit;opacity:.8;margin-top:4px;overflow-wrap:anywhere}
#modal .food-screen .food-result>span:last-child:not(:first-child){display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:#c83c75;font:24px system-ui;flex-shrink:0;margin-left:8px}
#modal .food-screen .icon-button{font:23px system-ui;color:#e4bb58;min-width:44px;min-height:44px}
#modal .food-screen .food-suggestion{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 4px;border:0;border-bottom:1px solid #8883;background:transparent;color:inherit;font-size:14px;text-align:left}
#modal .food-screen .food-list-heading{padding-top:12px}
#modal .food-screen .food-list-heading>b{font-size:14px;font-weight:600}
#modal .food-screen .food-list-heading p{margin:4px 0 8px}
#modal .food-screen .full-width{margin-top:14px}
.food-screen-footer{padding-top:12px}
#modal .food-screen .micro,#modal .food-screen .empty-copy{font-size:11px;line-height:1.6;color:inherit;opacity:.8}
.sr-food{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Menus de l'application : police de lecture ; la calligraphie reste aux visuels. */
:is(nav,.lab-db-tabs,.recipe-tabs) button,#modal :is(button,select,input,label,summary){font-family:Inter,system-ui,sans-serif}
html[data-theme=light] #modal .food-screen-header,html[data-appearance=white-dress] #modal .food-screen-header{background:#fffafd}
html[data-appearance=purple-queen] #modal .food-screen-header{background:#21112e}
html[data-theme=light] #modal .food-screen .lab-button,html[data-appearance=white-dress] #modal .food-screen .lab-button{background:#fff6fa;color:#302132;border-color:#c3a5b5}
html[data-theme=light] #modal .food-screen-tabs [aria-pressed=true],html[data-appearance=white-dress] #modal .food-screen-tabs [aria-pressed=true]{background:#c83c75;color:white;border-color:#c83c75}