/* Protected by the Mail UI/UX harness. Keep this stylesheet last. */
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-time {
  display: block !important;
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  overflow: hidden !important;
  justify-self: end !important;
  text-align: right !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (max-width: 1080px) and (min-width: 901px) {
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 72px !important;
    height: 72px !important;
  }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-select { display: none !important; }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-open {
    grid-template-columns: 30px minmax(0, 1fr) 84px !important;
    grid-template-areas: "avatar sender time" "avatar copy copy" !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 72px !important;
    height: 72px !important;
    padding: 7px 10px 7px 12px !important;
    align-content: center !important;
    gap: 3px 8px !important;
    overflow: hidden !important;
  }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-avatar { display: grid !important; grid-area: avatar !important; }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-sender { grid-area: sender !important; }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy { display: block !important; grid-area: copy !important; }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-chips { display: none !important; }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-time { grid-area: time !important; }
}

@media (max-width: 900px) {
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-time {
    width: 58px !important;
    min-width: 56px !important;
    max-width: 58px !important;
  }
}

@media (max-width: 760px) {
  html body.mail-body.mail-simple-mode .mail-reader-primary-actions-slot {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
  }
  html body.mail-body.mail-simple-mode .mail-view-sticky-chrome > .mail-panel-header {
    position: sticky !important;
    top: 48px !important;
    z-index: 39 !important;
  }
}