/* My Health Fix 05 — loaded as a new filename to bypass stale CSS caches. */
[hidden] { display: none !important; }
.topbar-right { gap: 8px; }
.build-tag { display: inline-flex !important; align-items: center; border-radius: 6px; padding: 5px 7px; background: #ff6b00; color: #181a1c !important; font-size: 8px; font-weight: 900; letter-spacing: .7px; white-space: nowrap; }
.eyebrow-version { margin-left: 5px; }
#page-heart, #page-food { width: 100%; min-width: 0; }
#page-heart .content-grid.two-col { width: 100%; min-width: 0; }
#page-heart .content-grid.two-col > .panel { min-width: 0; }
#page-food .food-camera-frame .camera-overlay[hidden] { display: none !important; }
#page-food .food-camera-frame img[hidden], #page-food .food-camera-frame video[hidden] { display: none !important; }
#page-food .food-result-panel { min-width: 0; overflow: hidden; }
#page-food .food-identification, #page-food .macro-grid, #page-food .food-alternatives { min-width: 0; }
@media (max-width: 760px) {
  .main-content { width: 100%; min-width: 0; overflow-x: clip; }
  #page-heart .content-grid.two-col { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; }
  #page-heart .content-grid.two-col > .panel { display: block; width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; margin: 0 !important; }
  #page-heart .scan-panel, #page-heart .result-panel { width: 100% !important; max-width: 100% !important; }
  #page-heart .result-meta { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #page-heart .result-meta > div { min-width: 0 !important; overflow-wrap: anywhere; }
  #page-heart .signal-chart, #page-heart .signal-chart canvas { width: 100% !important; max-width: 100% !important; }
  #page-heart .camera-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #page-heart .camera-actions .btn { min-width: 0; white-space: normal; }
  #page-food .content-grid.food-grid { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; }
  #page-food .content-grid.food-grid > .panel { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  #page-food .food-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  #page-food .food-actions #foodGallery { grid-column: 1 / -1; }
}
@media (max-width: 380px) {
  .build-tag { font-size: 7px; padding: 4px 5px; letter-spacing: .2px; }
  .topbar-right { gap: 5px; }
}