/* ==========================================================
   ATOSY ERP
   SUBJECT COMMUNICATION GROUPS V1
   ========================================================== */

.atosy-communication-group-v1 {

  margin:
    14px 20px 0 !important;

  padding:
    16px !important;

  border:
    1px solid rgba(128, 202, 178, .42) !important;

  border-radius:
    18px !important;

  background:
    linear-gradient(
      135deg,
      rgba(245,255,252,.96),
      rgba(250,255,253,.90)
    ) !important;

  box-shadow:
    0 8px 24px
    rgba(32, 107, 87, .045) !important;
}


.atosy-communication-group-v1-platform {

  border-color:
    rgba(124, 173, 229, .40) !important;

  background:
    linear-gradient(
      135deg,
      rgba(247,251,255,.98),
      rgba(250,252,255,.92)
    ) !important;
}


.atosy-communication-group-v1-head {

  margin-bottom:
    14px !important;
}


.atosy-communication-group-v1-title {

  display:
    flex !important;

  align-items:
    center !important;

  gap:
    10px !important;
}


.atosy-communication-group-v1-icon {

  width:
    32px !important;

  height:
    32px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  flex:
    0 0 32px !important;

  border-radius:
    10px !important;

  background:
    linear-gradient(
      135deg,
      #29bf91,
      #168b72
    ) !important;

  color:
    #fff !important;

  font-size:
    14px !important;

  font-weight:
    800 !important;

  box-shadow:
    0 5px 12px
    rgba(29, 160, 124, .18) !important;
}


.atosy-communication-group-v1-platform
.atosy-communication-group-v1-icon {

  background:
    linear-gradient(
      135deg,
      #348cf1,
      #245fd0
    ) !important;

  box-shadow:
    0 5px 12px
    rgba(36, 95, 208, .16) !important;
}


.atosy-communication-group-v1-title strong {

  display:
    block !important;

  color:
    #174473 !important;

  font-size:
    13px !important;

  line-height:
    1.2 !important;

  font-weight:
    800 !important;
}


.atosy-communication-group-v1-title span:not(.atosy-communication-group-v1-icon) {

  display:
    block !important;

  margin-top:
    2px !important;

  color:
    #7890aa !important;

  font-size:
    9.5px !important;

  line-height:
    1.3 !important;

  font-weight:
    600 !important;
}


.atosy-communication-group-v1-grid {

  display:
    grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap:
    12px !important;
}


/* Field typography đồng bộ với các field chuẩn */

.atosy-communication-group-v1
.atosy-subject-detail-v5-edit-field {

  min-width:
    0 !important;
}


.atosy-communication-group-v1
.atosy-subject-detail-v5-edit-field label {

  font-size:
    10px !important;

  font-weight:
    700 !important;

  line-height:
    1.25 !important;

  margin-bottom:
    6px !important;
}


.atosy-communication-group-v1
.atosy-subject-detail-v5-edit-field input,

.atosy-communication-group-v1
.atosy-subject-detail-v5-edit-field textarea,

.atosy-communication-group-v1
.atosy-subject-detail-v5-edit-field select {

  font-size:
    11.5px !important;

  font-weight:
    600 !important;
}


@media (max-width: 760px) {

  .atosy-communication-group-v1-grid {

    grid-template-columns:
      1fr !important;

  }

}