/* ==========================================================
   ATOSY ERP
   PROFILE CONTACT SUMMARY FIELD V2
   ========================================================== */


/*
 * Summary vẫn là một FIELD riêng,
 * không phải text rời.
 */
.atosy-profile-contact-summary-field-v2 {

  margin:
    16px 24px 0 !important;

  padding:
    0 !important;

  box-sizing:
    border-box !important;

  display:
    block !important;
}


/*
 * Giữ style của field gốc nếu có.
 * Nếu phải dùng fallback thì style giống field profile.
 */
.atosy-profile-contact-summary-field-v2 > span,
.atosy-profile-contact-summary-field-v2 > label {

  display:
    block !important;

  margin-bottom:
    5px !important;

  color:
    #8292a5 !important;

  font-size:
    9.5px !important;

  font-weight:
    650 !important;

  line-height:
    1.2 !important;
}


.atosy-profile-contact-summary-field-v2 > strong {

  display:
    block !important;

  color:
    #173e6e !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;
}


/*
 * Nếu field gốc có wrapper/border riêng thì không ép.
 * Fallback không có class cũ mới dùng nền nhẹ.
 */
.atosy-profile-contact-summary-field-v2:not([class*="atosy-subject-detail-v5"]) {

  padding:
    12px 14px !important;

  border:
    1px solid
    rgba(39, 119, 210, .16) !important;

  border-radius:
    12px !important;

  background:
    rgba(247, 251, 255, .92) !important;
}


/*
 * Card Email bắt đầu cách summary một nhịp đẹp.
 */
.atosy-profile-contact-summary-field-v2
+ .atosy-profile-contact-cards-v1 {

  margin-top:
    14px !important;
}


/*
 * QUAN TRỌNG:
 * không được ẩn header của section.
 */
.atosy-profile-contact-cards-v1
~ * {
  /* không làm gì */
}


@media (max-width: 760px) {

  .atosy-profile-contact-summary-field-v2 {

    margin-left:
      12px !important;

    margin-right:
      12px !important;

  }

}