/* STCONSEIL.immo admin v1.12 — cartes de contact */

.contact-cards-heading,
.contact-card-top,
.contact-card-actions,
.contact-card-switches{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.contact-cards-heading{
  justify-content:space-between;
  margin-bottom:18px;
}

.contact-cards-heading p{margin-top:5px}

.contact-card-notice{
  border:1px solid #efd9cf;
  background:#fff7f2;
  padding:13px 15px;
  margin-bottom:16px;
  overflow-wrap:anywhere;
}

.contact-card-message{
  padding:11px 14px;
  margin-bottom:16px;
  border-left:3px solid var(--signal);
  background:#fff7f2;
}

.contact-card-message.is-success{
  border-left-color:var(--success);
  background:#eef8f2;
}

.contact-card-editor{
  border:1px solid var(--line);
  background:#faf9f6;
  padding:20px;
  margin-bottom:22px;
}

.contact-card-editor .grid{margin-top:16px}

.contact-card-photo-tools{
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:18px;
}

.contact-card-photo{
  width:76px;
  height:76px;
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
}

.contact-card-switches{margin-top:18px}
.contact-card-switches label{display:flex;grid-template-columns:none;align-items:center;gap:8px;color:var(--ink)}

.contact-card-row{
  padding:20px 0;
  border-top:1px solid var(--line);
}

.contact-card-top{align-items:flex-start}

.contact-card-avatar{
  width:64px;
  height:64px;
  flex:0 0 64px;
  display:grid;
  place-items:center;
  border-radius:50%;
  overflow:hidden;
  background:#f0efeb;
  color:var(--ink);
  font:700 22px Archivo,sans-serif;
}

.contact-card-avatar img{width:100%;height:100%;object-fit:cover}
.contact-card-identity{flex:1;min-width:220px}
.contact-card-url{display:block;margin-top:7px;font:10px 'IBM Plex Mono',monospace;color:var(--steel);overflow-wrap:anywhere}
.contact-card-actions{justify-content:flex-end}

.contact-card-badge{
  display:inline-block;
  margin-left:7px;
  padding:3px 7px;
  color:#a74821;
  background:#fff0e8;
  font:500 9px 'IBM Plex Mono',monospace;
  text-transform:uppercase;
}

.contact-card-badge.is-inactive{color:var(--steel);background:#efefec}

.contact-card-stats{
  display:grid;
  grid-template-columns:repeat(6,minmax(88px,1fr));
  gap:8px;
  margin-top:16px;
}

.contact-card-stat{padding:10px;background:#f7f6f3;text-align:center}
.contact-card-stat strong{display:block;font:700 17px Archivo,sans-serif}
.contact-card-stat span{font:500 9px 'IBM Plex Mono',monospace;color:var(--steel);text-transform:uppercase}

@media(max-width:850px){
  .contact-card-stats{grid-template-columns:repeat(3,minmax(88px,1fr))}
  .contact-card-actions{justify-content:flex-start}
}

@media(max-width:520px){
  .contact-card-stats{grid-template-columns:repeat(2,minmax(88px,1fr))}
  .contact-card-avatar{width:52px;height:52px;flex-basis:52px}
}