/* Clever Eat: dark surfaces, orange actions, quiet camera controls. */
html.ce-barcode-open,html.ce-barcode-open body{overflow:hidden!important;overscroll-behavior:none}
html.ce-barcode-open .ba-overlay-section-backdrop.visible-section{visibility:hidden!important;pointer-events:none!important}
#ce-barcode-scanner{--barcode-bg:#0d1020;--barcode-surface:#181c2a;--barcode-line:#ffffff14;--barcode-muted:#969ba9;--barcode-orange:#ff7b18;box-sizing:border-box;position:fixed;inset:0;width:min(100%,520px);height:100dvh;max-height:100dvh;margin:auto;padding:28px 24px calc(28px + env(safe-area-inset-bottom,0px));border:1px solid var(--barcode-line);border-radius:26px;background:var(--barcode-bg);color:#f8f9fc;color-scheme:dark;font:400 15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align:left;overflow:auto;overscroll-behavior:contain;-webkit-font-smoothing:antialiased}
#ce-barcode-scanner:not([open]),#ce-barcode-scanner [hidden]{display:none!important}
#ce-barcode-scanner{max-width:100vw;outline:none}
#ce-barcode-scanner::backdrop{background:#050711e0}
#ce-barcode-scanner *,#ce-barcode-scanner *::before,#ce-barcode-scanner *::after{box-sizing:border-box}
#ce-barcode-scanner header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:0;border:0;background:none}
#ce-barcode-scanner .ce-barcode-heading{min-width:0}
#ce-barcode-scanner .ce-barcode-brand{display:block;margin-bottom:6px;color:var(--barcode-muted);font:650 10px/1.3 Inter,-apple-system,sans-serif;letter-spacing:2px}
#ce-barcode-scanner h2{margin:0;color:inherit;font:650 25px/1.25 Inter,-apple-system,sans-serif;letter-spacing:-.65px}
#ce-barcode-scanner h3{margin:5px 0 10px;color:inherit;font:650 26px/1.2 Inter,-apple-system,sans-serif;letter-spacing:-.5px;overflow-wrap:anywhere}
#ce-barcode-scanner p{font:400 13px/1.55 Inter,-apple-system,sans-serif;letter-spacing:normal}
#ce-barcode-scanner .ce-barcode-intro{margin:0 0 20px;color:var(--barcode-muted)}
#ce-barcode-scanner button{appearance:none;-webkit-appearance:none;min-height:48px;margin:0;padding:13px 18px;border:1px solid transparent;border-radius:14px;box-shadow:none;font:600 14px/1.35 Inter,-apple-system,sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#ce-barcode-scanner button:disabled{opacity:.4;cursor:default}
#ce-barcode-scanner button:focus-visible,#ce-barcode-scanner input:focus-visible,#ce-barcode-scanner select:focus-visible{outline:2px solid var(--barcode-orange);outline-offset:3px}
#ce-barcode-scanner .ce-barcode-close{display:grid;place-items:center;flex-shrink:0;width:44px;min-height:44px;padding:0;border-color:var(--barcode-line);border-radius:50%;background:var(--barcode-surface);color:#eef0f6}
#ce-barcode-scanner .ce-barcode-close svg{display:block;width:21px;height:21px}
#ce-barcode-scanner .ce-barcode-primary{width:100%;min-height:52px;background:var(--barcode-orange);color:#fff}
#ce-barcode-scanner .ce-barcode-primary:active:not(:disabled){background:#ed6e0d}
#ce-barcode-scanner .ce-barcode-camera-start{width:100%;min-height:44px;margin:0 0 16px;border-color:var(--barcode-line);background:var(--barcode-surface);color:#e4e7ef}
#ce-barcode-scanner[data-camera="opening"] .ce-barcode-camera-start,#ce-barcode-scanner[data-camera="ready"] .ce-barcode-camera-start{display:none}
#ce-barcode-scanner .ce-barcode-native-start{margin:0 0 12px;background:#20dda2;color:#101618}
#ce-barcode-scanner .ce-barcode-native-start:active:not(:disabled){background:#19bd8a}
#ce-barcode-scanner.ce-barcode-has-product .ce-barcode-native-start,
#ce-barcode-scanner.ce-barcode-has-native:not([data-camera="opening"]):not([data-camera="ready"]) .ce-barcode-view,
#ce-barcode-scanner.ce-barcode-has-native .ce-barcode-status:empty,
#ce-barcode-scanner.ce-barcode-android-capture .ce-barcode-view,
#ce-barcode-scanner.ce-barcode-android-capture .ce-barcode-status:empty{display:none}
#ce-barcode-scanner .ce-barcode-camera-photo{
  display:block;width:100%;min-height:44px;margin:0 0 16px;
  border-color:var(--barcode-line);background:var(--barcode-surface);color:#f4f7f6
}
#ce-barcode-scanner.ce-barcode-android-capture .ce-barcode-camera-photo{background:#20dda2;color:#101618}
#ce-barcode-scanner .ce-barcode-camera-switch:not([hidden]){
  display:block;width:100%;min-height:44px;margin:0 0 8px;
  border-color:var(--barcode-line);background:transparent;color:var(--barcode-muted)
}
#ce-barcode-scanner[data-camera="photo"] .ce-barcode-camera-start,
#ce-barcode-scanner[data-camera="photo"] .ce-barcode-camera-photo,
#ce-barcode-scanner.ce-barcode-has-product .ce-barcode-camera-photo{display:none}
#ce-barcode-scanner .ce-barcode-view{position:relative;width:100%;aspect-ratio:1.45;max-height:300px;border:1px solid var(--barcode-line);border-radius:20px;overflow:hidden;background:#141827;isolation:isolate}
#ce-barcode-scanner .ce-barcode-view video{display:block;width:100%;height:100%;object-fit:cover}
#ce-barcode-scanner .ce-barcode-view video.ce-barcode-zoomed{transform:scale(2)}
#ce-barcode-scanner .ce-barcode-preview-zoom,#ce-barcode-scanner .ce-barcode-preview-focus{
  position:absolute;bottom:8px;min-width:44px;min-height:44px;padding:0 12px;
  border:1px solid #ffffff36;border-radius:10px;background:#101618e6;color:#f4f7f6;font-size:13px
}
#ce-barcode-scanner .ce-barcode-preview-zoom{left:8px}
#ce-barcode-scanner .ce-barcode-preview-focus{right:8px}
#ce-barcode-scanner .ce-barcode-preview-zoom[aria-pressed="true"]{color:#20dda2}
#ce-barcode-scanner .ce-barcode-guide{position:absolute;inset:29% 9%;border:1.5px solid #ffffffb0;border-radius:12px;box-shadow:0 0 0 200px #070a1445;pointer-events:none}
#ce-barcode-scanner .ce-barcode-guide::after{content:"";position:absolute;top:50%;left:5%;right:5%;height:1px;background:#ff7b18c0;box-shadow:0 0 12px #ff7b1833}
#ce-barcode-scanner .ce-barcode-status{min-height:20px;margin:12px 0 20px;color:var(--barcode-muted);font-size:12px;text-align:center}
#ce-barcode-scanner .ce-barcode-form{display:grid;gap:10px;margin:0;padding-top:20px;border-top:1px solid var(--barcode-line)}
#ce-barcode-scanner .ce-barcode-form label,#ce-barcode-scanner .ce-barcode-portion{display:block;margin:0;color:#c6cad5;font:550 12px/1.5 Inter,-apple-system,sans-serif}
#ce-barcode-scanner input,#ce-barcode-scanner select{appearance:none;-webkit-appearance:none;width:100%;min-height:52px;margin:0;padding:13px 15px;border:1px solid #ffffff1c;border-radius:14px;background:var(--barcode-surface);color:#f8f9fc;box-shadow:none;font:400 16px/1.4 Inter,-apple-system,sans-serif;letter-spacing:normal}
#ce-barcode-scanner input::placeholder{color:#7f8595;opacity:1;font-size:13px}
#ce-barcode-scanner select{margin-bottom:14px;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23969ba9' stroke-width='1.5'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px}
#ce-barcode-scanner .ce-barcode-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--barcode-line)}
#ce-barcode-scanner .ce-barcode-eyebrow{color:var(--barcode-orange);font:550 10px/1.5 Inter,-apple-system,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
#ce-barcode-scanner .ce-barcode-source{color:var(--barcode-muted);font-size:10px;text-decoration:underline;text-underline-offset:3px}
#ce-barcode-scanner .ce-barcode-note{margin:14px 0 20px;color:var(--barcode-muted);font-size:12px}
#ce-barcode-scanner .ce-barcode-portion{margin-bottom:8px}
#ce-barcode-scanner .ce-barcode-nutrition{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:20px 0;padding:16px 0;border:1px solid var(--barcode-line);border-radius:16px;background:var(--barcode-surface)}
#ce-barcode-scanner .ce-barcode-nutrition>div{min-width:0;padding:0 5px;text-align:center;border-right:1px solid var(--barcode-line)}
#ce-barcode-scanner .ce-barcode-nutrition>div:last-child{border-right:0}
#ce-barcode-scanner .ce-barcode-nutrition small{display:block;min-height:29px;color:var(--barcode-muted);font:450 10px/1.35 Inter,-apple-system,sans-serif;overflow-wrap:anywhere}
#ce-barcode-scanner .ce-barcode-nutrition strong{font:650 23px/1.2 Inter,-apple-system,sans-serif;letter-spacing:-.5px}
#ce-barcode-scanner .ce-barcode-nutrition>div:first-child strong{color:var(--barcode-orange)}
#ce-barcode-scanner .ce-barcode-nutrition span{margin-left:2px;color:var(--barcode-muted);font-size:10px}
#ce-barcode-scanner .ce-barcode-warning,#ce-barcode-scanner .ce-barcode-quantity-error{color:#ffbc8c;font-size:12px}
#ce-barcode-scanner .ce-barcode-quantity-error:empty{display:none}
#ce-barcode-scanner.ce-barcode-has-product .ce-barcode-view,#ce-barcode-scanner.ce-barcode-has-product .ce-barcode-camera-start,#ce-barcode-scanner.ce-barcode-has-product .ce-barcode-intro,#ce-barcode-scanner.ce-barcode-has-product .ce-barcode-status:empty{display:none}
#ce-barcode-scanner.ce-barcode-has-product .ce-barcode-form{padding-top:18px}
.ce-barcode-meal-entry{display:block;width:100%;min-height:46px;margin:12px 0;padding:12px 16px;border:1px solid #ff7b1840;border-radius:14px;background:#ff7b180d;color:#ffa05a;font:550 13px/1.5 Inter,-apple-system,sans-serif;cursor:pointer}
#ce-custom-camera .ce-barcode-entry{
  grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;
  min-height:44px;margin-top:8px;padding:0 16px;background:#232d31;border:1px solid #ffffff20;
  border-radius:14px;color:#f4f7f6;font-size:13px
}
.ce-barcode-entry svg{width:20px;height:20px}
.ce-barcode-entry[data-ce-new],.ce-barcode-meal-entry[data-ce-new]{position:relative}
.ce-barcode-entry[data-ce-new]::after,.ce-barcode-meal-entry[data-ce-new]::after{
  content:"";position:absolute;inset-block-start:5px;inset-inline-end:5px;
  width:8px;height:8px;border-radius:50%;background:#ff525f;pointer-events:none
}
@media(max-width:600px){#ce-barcode-scanner{width:100%;margin:0;border:0;border-radius:0;padding-top:calc(24px + env(safe-area-inset-top,0px))}}
@media(max-width:350px){#ce-barcode-scanner{padding-left:20px;padding-right:20px}#ce-barcode-scanner h2{font-size:23px}#ce-barcode-scanner .ce-barcode-nutrition strong{font-size:21px}#ce-barcode-scanner .ce-barcode-nutrition small{font-size:9px}}
@media(min-width:601px){#ce-barcode-scanner{height:min(860px,calc(100dvh - 40px));max-height:calc(100dvh - 40px)}}