/*
 * Promtek Mail — native message-mark control relocation.
 *
 * Roundcube continues to own the control, icon, translated label, popup menu,
 * selection state, and every mailbox action. Promtek only relocates the same
 * native element and removes Elastic's desktop-only row hover rectangle.
 */

/*
 * Elastic's desktop hover menu is the floating size/flag/delete rectangle.
 * Hide only that overlay. The attachment cell and phone touch controls remain.
 */
html:not(.iframe):not(.layout-phone) body.task-mail .listing-hover-menu {
  display: none !important;
}

/* Message size is presented in the opened-message metadata instead. */
html:not(.iframe):not(.layout-phone) body.task-mail #messagelist td.subject span.size {
  display: none !important;
}

/*
 * The relocated control deliberately receives no replacement artwork.
 * Elastic's existing .markmessage rules supply the native tag icon and the
 * .toolbar.menu rules supply the same icon-over-label layout as its neighbours.
 */
html:not(.iframe):not(.layout-phone) body.task-mail
  #messagelist-header .toolbar.menu > #markmessagemenulink.promtek-native-mark {
  visibility: visible;
}

/* Suppress stale v2.4 custom UI during an unusually mixed browser cache load. */
html:not(.iframe):not(.layout-phone) body.task-mail .promtek-mark-toolbar,
html:not(.iframe) body.task-mail .promtek-mark-menu {
  display: none !important;
}

/*
 * The selected message's size comes from Roundcube's existing row data and is
 * shown as quiet inline metadata after the message opens.
 */
html.iframe body.task-mail #message-header .promtek-open-message-size {
  color: var(--promtek-muted) !important;
  display: inline-flex;
  font-size: 0.88em;
  line-height: inherit;
  margin-inline-start: 0.65rem;
  white-space: nowrap;
}

html.iframe body.task-mail #message-header .promtek-open-message-size::before {
  color: var(--promtek-accent);
  content: "\2022";
  margin-inline-end: 0.45rem;
}