/* Phase 86 — visual polish QA refinements loaded last for release readiness. */

html body[data-active-view="writer-app"]:not([data-keyboard-open="true"]) #writer-mobile-hub {
  bottom: calc(var(--cbs-bottom-nav-height, 66px) + var(--sab, 0px) + 58px) !important;
}

@media (max-width: 760px) {
  html body[data-active-view="writer-app"] #phase61-typewriter-fab {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

html body #contacts-app a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
  line-height: 1.2 !important;
  border-radius: 9px !important;
}

@media (max-width: 1280px) {
  html body :where(
    #writer-app,
    #props-app,
    #callsheet-app,
    #festival-app,
    #locations-app,
    #contacts-app,
    #shotlist-app,
    #pcc-app,
    #spatial-app
  ) :where(button, a[role="button"], .btn, .btn.mini, .btn.ghost) {
    min-height: 34px !important;
    height: auto !important;
    line-height: 1.2 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  html body #props-app :where(.btn.ghost, #props-setcart-btn),
  html body #callsheet-app :where(#day-bundle-btn, .cs-share-btn, .cs-track-btn),
  html body #festival-app :where(.fm-edit-constraints-btn, .btn.mini),
  html body #writer-app :where(.btn.ghost, button.btn.ghost) {
    min-height: 34px !important;
    height: 34px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}