/* Scoped capture-only UI. Processing and result screens keep their existing styles. */
/* Bright gold entry CTA; keep the full-screen shutter and other actions unchanged. */
body.is-app-mode [data-screen-panel="nutricao"] .nutrition-capture-actions > button[data-action="open-food-camera"]{
 background:linear-gradient(110deg,#fff37b 0%,#ffe14a 58%,#efbc25 100%)!important;
 color:#1d1804!important;
 border:2px solid #fff4a2!important;
 box-shadow:0 0 22px rgba(255,220,61,.32),0 7px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.55)!important;
 font-weight:900!important;
 text-shadow:none!important;
}
body.is-app-mode [data-screen-panel="nutricao"] .nutrition-capture-actions > button[data-action="open-food-camera"] span{color:inherit!important;opacity:1!important;text-shadow:none!important}
body.is-app-mode [data-screen-panel="nutricao"] .nutrition-capture-actions > button[data-action="open-food-camera"]:hover{background:linear-gradient(110deg,#fff8a5 0%,#ffe96b 58%,#f7cb37 100%)!important}
body.is-app-mode [data-screen-panel="nutricao"] .nutrition-capture-actions > button[data-action="open-food-camera"]:focus-visible{outline:3px solid #fff!important;outline-offset:4px}
body.is-app-mode [data-screen-panel="nutricao"] .nutrition-capture-actions > button[data-action="open-food-camera"]:active{box-shadow:0 0 14px rgba(255,220,61,.26),inset 0 2px 5px rgba(80,55,0,.2)!important}
/* The four secondary scanner actions use a deeper, softer gold than the camera CTA. */
body.is-app-mode [data-screen-panel="nutricao"] [data-nutrition-view-panel="scanner"] button:is([data-action="open-barcode-scanner"],[data-action="open-food-gallery"],[data-action="start-manual-nutrition"],[data-action="simulate-food-scan"]){
 background:linear-gradient(110deg,#d3b250 0%,#bd942f 58%,#ad8124 100%)!important;
 color:#171403!important;
 border:1px solid #e1c56d!important;
 box-shadow:0 0 13px rgba(211,178,80,.17),0 5px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,245,195,.3)!important;
 font-weight:800!important;
 text-shadow:none!important;
}
body.is-app-mode [data-screen-panel="nutricao"] [data-nutrition-view-panel="scanner"] button:is([data-action="open-barcode-scanner"],[data-action="open-food-gallery"],[data-action="start-manual-nutrition"],[data-action="simulate-food-scan"]) span{color:inherit!important;opacity:1!important;text-shadow:none!important}
body.is-app-mode [data-screen-panel="nutricao"] [data-nutrition-view-panel="scanner"] button:is([data-action="open-barcode-scanner"],[data-action="open-food-gallery"],[data-action="start-manual-nutrition"],[data-action="simulate-food-scan"]):hover{background:linear-gradient(110deg,#dfbf61,#cda43d 58%,#ba8f30)!important}
body.is-app-mode [data-screen-panel="nutricao"] [data-nutrition-view-panel="scanner"] button:is([data-action="open-barcode-scanner"],[data-action="open-food-gallery"],[data-action="start-manual-nutrition"],[data-action="simulate-food-scan"]):focus-visible{outline:3px solid #fff!important;outline-offset:4px}
dialog.meal-camera-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;overflow:hidden;background:#080a08;color:#fff;font:14px/1.5 Manrope,Arial,sans-serif}
.meal-camera-dialog::backdrop{background:#000}
.meal-camera-dialog *{box-sizing:border-box}
.meal-camera-shell{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden}
.meal-camera-dialog #nutrition-camera-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0;background:#080a08;overflow:hidden}
.meal-camera-dialog #nutrition-camera-preview{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;background:#080a08}
.meal-camera-dialog .nutrition-plate-placeholder,.meal-camera-dialog .nutrition-camera-frame{display:none!important}
.meal-camera-header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 22px 38px;background:linear-gradient(#000a,#0000);color:#fff}
.meal-camera-header strong{font-size:24px;font-weight:900;letter-spacing:-1.4px;color:#fff}
.meal-camera-header b{color:#e1bf70}
.meal-camera-header small{display:block;font-size:9px;letter-spacing:3px;color:#e1bf70;margin-top:2px}
.meal-camera-dialog button{touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}
.meal-camera-close{border:1px solid #ffffff55;background:#0a100b66;color:#fff;border-radius:50%;width:44px;height:44px;padding:0;font:32px/1 Arial,sans-serif;display:grid;place-items:center}
.meal-camera-guide{position:absolute;z-index:4;top:22%;bottom:30%;left:12%;right:12%;pointer-events:none}
.meal-camera-guide i{position:absolute;width:35px;height:35px;border:solid #fff;border-width:0;filter:drop-shadow(0 1px 4px #0006)}
.meal-camera-guide i:nth-child(1){top:0;left:0;border-width:3px 0 0 3px;border-radius:15px 0 0}
.meal-camera-guide i:nth-child(2){top:0;right:0;border-width:3px 3px 0 0;border-radius:0 15px 0 0}
.meal-camera-guide i:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 15px}
.meal-camera-guide i:nth-child(4){bottom:0;right:0;border-width:0 3px 3px 0;border-radius:0 0 15px}
.meal-camera-controls{position:absolute;z-index:5;inset:auto 0 0;padding:42px 24px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000c 40%,#000e);text-align:center;color:#fff}
.meal-camera-controls p{max-width:420px;min-height:42px;margin:0 auto 14px;color:#fff;font-size:13px;line-height:1.5;text-shadow:0 1px 3px #000}
.meal-camera-controls p.is-error{color:#ffdbbb}
.meal-camera-buttons{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;gap:25px;max-width:400px;margin:auto}
.meal-camera-gallery{justify-self:center;display:grid;justify-items:center;gap:5px;padding:7px;border:0;background:transparent;color:#fff;font:12px Manrope,Arial,sans-serif}
.meal-camera-gallery svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6}
.meal-camera-gallery small{color:#fff;font-size:11px}
.meal-camera-shutter{width:86px;height:86px;border:3px solid #e1bf70;border-radius:50%;padding:5px;background:transparent;display:grid;place-items:center;box-shadow:0 2px 18px #0005}
.meal-camera-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff;transition:transform .12s}
.meal-camera-shutter:active:not(:disabled) span{transform:scale(.88)}
.meal-camera-shutter:disabled{opacity:.45;cursor:wait}
.meal-camera-caption{display:block;margin-top:12px;font-size:12px;color:#fff}
.meal-camera-dialog button:focus-visible{outline:3px solid #b6ff5b;outline-offset:5px}
@media(min-width:700px){.meal-camera-guide{left:calc(50% - 210px);right:calc(50% - 210px)}.meal-camera-controls{padding-bottom:28px}}
@media(max-height:500px){.meal-camera-header{padding:12px 20px 25px}.meal-camera-guide{top:20%;bottom:26%;left:25%;right:25%}.meal-camera-controls{padding:20px 20px calc(8px + env(safe-area-inset-bottom))}.meal-camera-controls p{min-height:0;margin-bottom:5px;font-size:11px}.meal-camera-buttons{grid-template-columns:1fr 62px 1fr;gap:20px}.meal-camera-shutter{width:62px;height:62px}.meal-camera-caption{margin-top:4px;font-size:10px}.meal-camera-gallery svg{width:24px;height:24px}}

/* Shared in-camera registration modes. The result and processing UI are unchanged. */
.nutrition-capture-actions.nutrition-camera-entry{grid-template-columns:minmax(0,1fr)!important}
.nutrition-capture-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:440px;margin:0 auto 18px}
.nutrition-capture-modes .nutrition-capture-mode{min-width:0;min-height:65px;display:grid;align-content:center;justify-items:center;gap:5px;padding:9px 6px;border:1px solid #dac47788;border-radius:14px;background:#101810dc;color:#f6eed1;font:800 11px/1.25 Manrope,Arial,sans-serif;text-align:center;box-shadow:0 3px 14px #0003;cursor:pointer;touch-action:manipulation}
.nutrition-capture-modes .nutrition-capture-mode svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nutrition-capture-modes .nutrition-capture-mode span{color:inherit}
.nutrition-capture-modes .nutrition-capture-mode.is-active{background:linear-gradient(110deg,#fff37b,#f4cf37);border-color:#fff4a2;color:#1d1804;box-shadow:0 0 16px #ffe14a38;font-weight:900}
.nutrition-capture-modes .nutrition-capture-mode:hover:not(.is-active){background:#3b351c;color:#fff}
.nutrition-capture-modes .nutrition-capture-mode:focus-visible{outline:3px solid #fff;outline-offset:3px}
.meal-camera-guide{top:19%;bottom:40%}
.meal-camera-controls p{min-height:34px;margin-bottom:12px}
.meal-camera-example{display:block;margin:12px auto 0;padding:4px 8px;border:0;background:none;color:#ddc47a;font:11px/1.4 Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.barcode-camera-brand{display:none}
dialog#barcode-scanner-dialog.is-camera-mode{position:fixed!important;inset:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;overflow:hidden!important;background:#080a08!important;color:#fff!important}
#barcode-scanner-dialog.is-camera-mode .barcode-modal-shell{width:100%;height:100%;min-height:0;padding:0;background:#080a08;isolation:isolate;overflow:hidden}
#barcode-scanner-dialog.is-camera-mode .barcode-modal-shell:before{display:none}
#barcode-scanner-dialog.is-camera-mode .barcode-modal-heading{display:none}
#barcode-scanner-dialog.is-camera-mode .barcode-camera-brand{position:absolute;z-index:6;top:calc(18px + env(safe-area-inset-top));left:22px;display:block;color:#fff;font:900 24px/1.3 Manrope,Arial,sans-serif;letter-spacing:-1.4px}
#barcode-scanner-dialog.is-camera-mode .barcode-camera-brand b{color:#e1bf70}
#barcode-scanner-dialog.is-camera-mode .barcode-camera-brand small{display:block;margin-top:3px;color:#e1bf70;font:800 9px/1.4 Manrope,Arial,sans-serif;letter-spacing:2px}
#barcode-scanner-dialog.is-camera-mode .barcode-close{position:absolute!important;z-index:7!important;inset:calc(18px + env(safe-area-inset-top)) 22px auto auto!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;margin:0!important;border:1px solid #ffffff55!important;border-radius:50%!important;background:#0a100b88!important;color:#fff!important;font:32px/1 Arial,sans-serif!important}
#barcode-scanner-dialog.is-camera-mode .barcode-camera-panel{position:absolute;z-index:1;inset:0;margin:0}
#barcode-scanner-dialog.is-camera-mode .barcode-camera-stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
#barcode-scanner-dialog.is-camera-mode .barcode-target{top:27%;height:25%;left:12%;right:12%;color:#fff}
#barcode-scanner-dialog.is-camera-mode .barcode-target:before,#barcode-scanner-dialog.is-camera-mode .barcode-target:after,#barcode-scanner-dialog.is-camera-mode .barcode-target i:before,#barcode-scanner-dialog.is-camera-mode .barcode-target i:after{border-color:#fff}
#barcode-scanner-dialog.is-camera-mode .barcode-scan-line{top:39%}
#barcode-scanner-dialog.is-camera-mode .barcode-capture-controls{position:absolute;inset:auto 0 0;z-index:5;padding:38px 24px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000d 18%,#000f)}
#barcode-scanner-dialog.is-camera-mode .barcode-instruction{max-width:440px;margin:0 auto 7px;color:#fff;font-size:13px}
#barcode-scanner-dialog.is-camera-mode .barcode-status{max-width:440px;min-height:31px;margin:0 auto 12px;color:#ecf0e8;font-size:11px}
#barcode-scanner-dialog.is-camera-mode .barcode-state-actions{max-width:440px;margin:0 auto 12px}
#barcode-scanner-dialog.is-camera-mode .barcode-state-actions:empty{display:none}
#barcode-scanner-dialog.is-camera-mode .barcode-manual-fallback{max-width:440px;margin:0 auto;padding-top:12px}
#barcode-scanner-dialog.is-camera-mode .barcode-manual-fallback>span{color:#d4dece}
#barcode-scanner-dialog.is-camera-mode .barcode-manual-fallback>div{grid-template-columns:minmax(0,1fr) 80px}
@media(max-height:500px){
 .nutrition-capture-modes{max-width:400px;margin-bottom:9px;gap:6px}
 .nutrition-capture-modes .nutrition-capture-mode{min-height:42px;display:flex;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:10px}
 .nutrition-capture-modes .nutrition-capture-mode svg{width:19px;height:19px;flex-shrink:0}
 .meal-camera-guide{top:18%;bottom:57%}
 .meal-camera-controls p{min-height:0;margin-bottom:6px}
 .meal-camera-example{margin-top:5px;padding:2px 4px;font-size:10px}
 #barcode-scanner-dialog.is-camera-mode .barcode-capture-controls{padding:16px 20px calc(8px + env(safe-area-inset-bottom))}
 #barcode-scanner-dialog.is-camera-mode .barcode-instruction{font-size:11px;margin-bottom:4px}
 #barcode-scanner-dialog.is-camera-mode .barcode-status{min-height:0;margin-bottom:6px;font-size:10px}
 #barcode-scanner-dialog.is-camera-mode .barcode-manual-fallback{padding-top:5px;gap:4px}
 #barcode-scanner-dialog.is-camera-mode .barcode-target{top:22%;height:24%;left:27%;right:27%}
 #barcode-scanner-dialog.is-camera-mode .barcode-scan-line{top:33%;left:29%;right:29%;animation:none}
}
@media(prefers-reduced-motion:reduce){#barcode-scanner-dialog .barcode-scan-line{animation:none}}
