/*
 * PULSELINE encryption-status positioning.
 * CSS only — no encryption, messaging or call JavaScript altered.
 */

.pulseline-conversation-pane {
  position: relative !important;
  grid-template-rows:
    auto
    auto
    minmax(0, 1fr)
    auto !important;
}

/* Explicitly preserve the conversation structure. */
.pulseline-conversation-header {
  grid-row: 1 !important;
}

.pulseline-message-canvas {
  grid-row: 3 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
}

.pulseline-conversation-pane > form {
  grid-row: 4 !important;
  align-self: end !important;
}

/*
 * This is the existing green encryption badge.
 * Absolute positioning removes it from the message/form grid
 * and places it beneath the contact username in the header.
 */
.pulseline-conversation-pane > div.mb-2.text-emerald-400 {
  position: absolute !important;
  top: 47px !important;
  left: 75px !important;
  z-index: 10 !important;

  width: max-content !important;
  margin: 0 !important;

  font-size: 11px !important;
  line-height: 1rem !important;

  pointer-events: none !important;
}

/* Slight adjustment for narrower screens. */
@media (max-width: 767px) {
  .pulseline-conversation-pane > div.mb-2.text-emerald-400 {
    top: 46px !important;
    left: 72px !important;
  }
}