/* Promtek compose navigation and sidebar-heading micro-polish. */

/* Keep Compose visually consistent with the other task-rail destinations. */
html:not(.iframe) body:not(.task-login) #taskmenu a.compose {
  color: var(--promtek-rail-muted) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

html:not(.iframe) body:not(.task-login) #taskmenu a.compose::before {
  color: inherit !important;
}

html:not(.iframe) body:not(.task-login) #taskmenu a.compose.selected {
  color: var(--promtek-rail-text) !important;
  background-color: var(--promtek-rail-selected) !important;
  border-color: transparent !important;
}

html:not(.iframe) body:not(.task-login) #taskmenu a.compose:hover,
html:not(.iframe) body:not(.task-login) #taskmenu a.compose:focus-visible {
  color: var(--promtek-rail-text) !important;
  background-color: var(--promtek-rail-hover) !important;
  border-color: transparent !important;
}

html:not(.iframe) body:not(.task-login) #taskmenu a.compose.selected::before,
html:not(.iframe) body:not(.task-login) #taskmenu a.compose:hover::before,
html:not(.iframe) body:not(.task-login) #taskmenu a.compose:focus-visible::before {
  color: var(--promtek-accent) !important;
}

/* Give Options and attachments a quiet, integrated header treatment. */
html:not(.iframe) body.task-mail.action-compose #layout-sidebar > .header {
  color: var(--promtek-text) !important;
  background-color: var(--promtek-control) !important;
  border-color: var(--promtek-border) !important;
}

html:not(.iframe) body.task-mail.action-compose #layout-sidebar > .header .header-title {
  color: var(--promtek-text) !important;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

@media screen and (min-width: 769px) {
  html:not(.iframe) body.task-mail.action-compose #layout-sidebar > .header {
    justify-content: flex-start;
    padding-inline: 1rem;
  }

  html:not(.iframe) body.task-mail.action-compose #layout-sidebar > .header .header-title {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }
}