/* GED-WEB-3H — sélecteur de correspondant dans Nouveau courrier */

.mail-correspondent-chooser {
  display: grid;
  gap: 8px;
  margin: 0 0 12px;
  padding: 11px;
  border: 1px solid #dbe4f0;
  border-radius: 11px;
  background: #f8fafc;
}

.mail-correspondent-search-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: 7px;
}

.mail-correspondent-search-row input {
  min-height: 37px;
  border: 1px solid #ced9e8;
  border-radius: 9px;
  padding: 8px 10px;
  font: inherit;
}

.mail-correspondent-selected {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border: 1px dashed #cfd9e6;
  border-radius: 9px;
  color: #6b788b;
  font-size: 12px;
}

.mail-correspondent-selected.is-selected {
  grid-template-columns: minmax(0, 1fr) auto;
  border-style: solid;
  border-color: #a9c5ef;
  background: #f2f7ff;
  color: #263850;
}

.mail-correspondent-selected.is-selected > span,
.mail-correspondent-selected.is-selected > strong,
.mail-correspondent-selected.is-selected > small {
  grid-column: 1;
}

.mail-correspondent-selected.is-selected > button {
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
}

.mail-correspondent-selected span,
.mail-correspondent-selected small {
  color: #6f7d91;
  font-size: 10px;
}

.mail-correspondent-results {
  display: grid;
  gap: 5px;
  max-height: 210px;
  overflow-y: auto;
}

.mail-correspondent-result {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  border: 1px solid #e0e7f0;
  border-radius: 9px;
  background: #fff;
  padding: 8px 9px;
  color: #263850;
  text-align: left;
  cursor: pointer;
}

.mail-correspondent-result:hover {
  border-color: #91b5ec;
  background: #f6f9ff;
}

.mail-correspondent-result span {
  display: grid;
  gap: 2px;
}

.mail-correspondent-result small {
  color: #728097;
  font-size: 10px;
}

.mail-correspondent-result b {
  color: #155bb8;
  font-size: 11px;
}

.mail-correspondent-mode {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 720px) {
  .mail-correspondent-search-row {
    grid-template-columns: 1fr;
  }
}