/* ==========================================================
   ATOSY ERP
   SUBJECT CLASSIFICATION TYPOGRAPHY BALANCE V2

   Chuẩn hóa Phân loại Chủ thể theo field thường:
   Label        = 10px / 750
   Field value  = 12px / 650
   Field height = 41px
   ========================================================== */


/* ==========================================================
   1. SECTION TITLE
   Giữ hierarchy cao hơn field bên trong
   ========================================================== */

.atosy-subject-detail-v5-edit-section-head strong {
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.atosy-subject-detail-v5-edit-section-head span {
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}


/* ==========================================================
   2. LABEL
   Phân loại Cấp 1 → Cấp 7
   Đồng bộ với label của field thường
   ========================================================== */

.atosy-subject-detail-v5-edit-field label {
  display: block !important;

  margin:
    0 0 6px 0 !important;

  padding:
    0 !important;

  color:
    #71869e !important;

  font-size:
    9.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.25 !important;
}


/* ==========================================================
   3. SELECT PHÂN LOẠI
   Đồng bộ trực tiếp với input thường
   như "Mức độ Tiềm năng"
   ========================================================== */

.atosy-subject-detail-v5-edit-field
select.atosy-subject-class-enum {

  width:
    100% !important;

  height:
    41px !important;

  min-height:
    41px !important;

  padding:
    0 35px 0 11px !important;

  box-sizing:
    border-box !important;

  border:
    1px solid #c7d8ec !important;

  border-radius:
    11px !important;

  background-color:
    #f8fbff !important;

  color:
    #153e70 !important;

  -webkit-text-fill-color:
    #153e70 !important;

  font-family:
    inherit !important;

  font-size:
    11px !important;

  font-weight:
    500 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    0 !important;

  outline:
    none !important;

  cursor:
    pointer !important;

  appearance:
    none !important;

  -webkit-appearance:
    none !important;

  background-position:
    right 11px center !important;

  background-size:
    14px !important;

  box-shadow:
    inset 0 1px 2px
    rgba(38,83,138,.035) !important;
}


/* ==========================================================
   4. HOVER
   ========================================================== */

.atosy-subject-detail-v5-edit-field
select.atosy-subject-class-enum:hover:not(:disabled) {

  border-color:
    #91b9e9 !important;

  background-color:
    #ffffff !important;
}


/* ==========================================================
   5. FOCUS
   ========================================================== */

.atosy-subject-detail-v5-edit-field
select.atosy-subject-class-enum:focus {

  border-color:
    #1979ee !important;

  background-color:
    #ffffff !important;

  box-shadow:
    0 0 0 3px
    rgba(25,121,238,.12) !important;
}


/* ==========================================================
   6. DISABLED
   "Không phân loại thêm"
   ========================================================== */

.atosy-subject-detail-v5-edit-field
select.atosy-subject-class-enum:disabled {

  height:
    41px !important;

  min-height:
    41px !important;

  font-size:
    11px !important;

  font-weight:
    550 !important;

  color:
    #8da2b7 !important;

  -webkit-text-fill-color:
    #8da2b7 !important;

  background-color:
    #f2f6fa !important;

  border-color:
    #d6e2ed !important;

  cursor:
    default !important;

  opacity:
    1 !important;

  background-image:
    none !important;
}


/* ==========================================================
   7. OPTION TRONG DROPDOWN
   ========================================================== */

.atosy-subject-detail-v5-edit-field
select.atosy-subject-class-enum option {

  font-family:
    inherit !important;

  font-size:
    11px !important;

  font-weight:
    500 !important;
}


/* ==========================================================
   8. GRID
   Giữ nhịp dọc giống các section khác
   ========================================================== */

.atosy-subject-detail-v5-edit-grid {
  gap:
    12px !important;
}