/* Home must stay clean: only the main logo eye appears before taking a photo. */

body[data-view="home"] .eye-mode-phone-row {
  display: none !important;
}

body[data-view="home"] .bottom-nav,
body[data-view="scan"] .bottom-nav,
body[data-view="processing"] .bottom-nav {
  display: none !important;
}

body[data-view="result"] .bottom-nav,
body[data-view="history"] .bottom-nav {
  display: grid !important;
}

body[data-view="home"] .showcase-panel {
  grid-template-rows: 1fr;
  padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
}

body[data-view="home"] .eye-only-brand {
  min-height: calc(100vh - 24px);
  align-content: center;
}

body[data-view="home"] .artboard-shell {
  padding-bottom: 0;
}

body[data-view="home"] .home-artboard {
  min-height: 100vh;
}

@media (max-width: 560px) {
  body[data-view="home"] .eye-only-brand {
    min-height: calc(100vh - 20px);
  }

  body[data-view="home"] .showcase-panel {
    padding-bottom: 12px;
  }
}