/* ==================================================
   INLINE EDITOR (BOTTOM SHEET / MODAL SIMPLES)
   Reutilizável em qualquer página
================================================== */

.inline-editor-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1055;
  display: none;
}

.inline-editor {
  --kb: 0px;

  position: fixed;
  left: auto;
  right: auto;
  bottom: var(--kb);

  background: #fff;
  border-radius: 16px 16px 0 0;
  padding: 14px;

  z-index: 1060;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);

  max-height: 85vh;
  overflow: auto;

  transform: translateY(110%);
  transition:
    transform 0.2s ease,
    bottom 0.2s ease;
  -webkit-overflow-scrolling: touch;
}

.inline-editor.show {
  transform: translateY(0);
}