/* Keep the draft notice usable on narrow screens without hiding its controls. */
@media (max-width: 680px) {
  body #wpvibe-preview-banner {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 6px 10px;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
    height: auto;
    max-height: 35vh;
    overflow-y: auto;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: normal;
    overflow-wrap: normal;
    word-break: normal;
  }
  body #wpvibe-preview-banner .wpvibe-badge {
    grid-column: 1 / -1;
    min-width: 0;
    justify-content: center;
    white-space: nowrap;
    line-height: 18px;
  }
  body #wpvibe-preview-banner .wpvibe-dot { flex: 0 0 8px; }
  body #wpvibe-preview-banner .wpvibe-info { display: none !important; }
  body #wpvibe-preview-banner .wpvibe-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: 8px;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }
  body #wpvibe-preview-banner .wpvibe-btn-live { color: #e2e8f0; }
  body.wpvibe-preview-active { padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important; }
}