/* ==========================================================
   ATOSY ERP
   INFORMATION CLASSIFICATION — SUBJECT PARITY V1
   ========================================================== */


/* ==========================================================
   1. OLD STATE LABEL
   Chỉ giữ làm state mirror, không render.
   ========================================================== */

#information-full-page
.information-category-selected-state-v40 {

  display:
    none
    !important;

}


/* ==========================================================
   2. BREADCRUMB
   copy visual behavior từ Subject.
   ========================================================== */

#information-full-page
.information-classification-breadcrumb-v40 {

  width:
    100%
    !important;

  min-height:
    42px
    !important;

  margin:
    0 0 9px
    !important;

  padding:
    8px 11px
    !important;

  box-sizing:
    border-box
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  gap:
    6px
    !important;

  overflow:
    hidden
    !important;

  border:
    1px solid
    rgba(
      116,
      184,
      255,
      .28
    )
    !important;

  border-radius:
    15px
    !important;

  color:
    #9fcfff
    !important;

  background:
    transparent
    !important;

}


#information-full-page
.information-classification-breadcrumb-v40
button {

  min-width:
    0
    !important;

  max-width:
    100%
    !important;

  margin:
    0
    !important;

  padding:
    0
    !important;

  border:
    0
    !important;

  background:
    transparent
    !important;

  color:
    #9fcfff
    !important;

  cursor:
    pointer
    !important;

  font-size:
    11px
    !important;

  line-height:
    1.35
    !important;

  font-weight:
    800
    !important;

  white-space:
    nowrap
    !important;

  overflow:
    hidden
    !important;

  text-overflow:
    ellipsis
    !important;

}


#information-full-page
.information-classification-breadcrumb-v40
button:hover {

  color:
    #ffffff
    !important;

  text-decoration:
    underline
    !important;

}


#information-full-page
.information-classification-chevron-v40 {

  flex:
    0 0 auto
    !important;

  color:
    rgba(
      159,
      207,
      255,
      .60
    )
    !important;

  font-size:
    12px
    !important;

  font-weight:
    700
    !important;

}


#information-full-page
.information-classification-all-label-v40 {

  display:
    block
    !important;

  min-width:
    0
    !important;

  overflow:
    hidden
    !important;

  color:
    #9fcfff
    !important;

  font-size:
    11px
    !important;

  font-weight:
    800
    !important;

  white-space:
    nowrap
    !important;

  text-overflow:
    ellipsis
    !important;

}


/* ==========================================================
   3. EDIT CATEGORY BUTTON
   same position/weight as Subject manager.
   ========================================================== */

#information-full-page
.information-category-manager-btn-v40 {

  width:
    100%
    !important;

  min-height:
    42px
    !important;

  margin:
    0 0 9px
    !important;

  padding:
    0 14px
    !important;

  border:
    1px solid
    #43a8ff
    !important;

  border-radius:
    14px
    !important;

  color:
    #ffffff
    !important;

  background:
    rgba(
      28,
      111,
      217,
      .20
    )
    !important;

  cursor:
    pointer
    !important;

  font-size:
    12px
    !important;

  font-weight:
    850
    !important;

  text-align:
    center
    !important;

  transition:
    background .15s ease,
    border-color .15s ease
    !important;

}


#information-full-page
.information-category-manager-btn-v40:hover {

  border-color:
    #75c2ff
    !important;

  background:
    rgba(
      38,
      132,
      241,
      .30
    )
    !important;

}


/* ==========================================================
   4. TOTAL DATA CARD
   ========================================================== */

#information-full-page
.information-category-all {

  margin-top:
    0
    !important;

  margin-bottom:
    9px
    !important;

}


/* ==========================================================
   5. TREE AREA
   ========================================================== */

#information-full-page
.information-category-tree {

  padding-top:
    4px
    !important;

}


/* ==========================================================
   6. ROOT/LEVEL VISUALS CLOSER TO SUBJECT
   ========================================================== */

#information-full-page
.information-category-node-row {

  min-height:
    49px
    !important;

}


#information-full-page
.information-category-label {

  min-height:
    44px
    !important;

  height:
    44px
    !important;

  line-height:
    44px
    !important;

}


/* ==========================================================
   7. ACTIVE TREE NODE
   ========================================================== */

#information-full-page
.information-category-node-row.is-selected
.information-category-label {

  color:
    #ffffff
    !important;

  border-color:
    rgba(
      74,
      174,
      255,
      .70
    )
    !important;

  background:
    linear-gradient(
      135deg,
      rgba(
        28,
        148,
        255,
        .48
      ),
      rgba(
        45,
        100,
        229,
        .37
      )
    )
    !important;

  box-shadow:
    inset
    0 1px 0
    rgba(
      255,
      255,
      255,
      .09
    ),
    0 8px 23px
    rgba(
      0,
      84,
      210,
      .18
    )
    !important;

}


/* T41 INFO LEVEL1 SIZE START */

/*
 * Chỉ tăng nhẹ chữ của Phân loại cấp 1.
 * Các cấp còn lại giữ nguyên.
 */

body.atosy-view-information
#information-full-page
.information-category-label.atosy-info-level1-size1 {

  font-size:
    16px
    !important;

  font-weight:
    850
    !important;

  letter-spacing:
    -.01em
    !important;

}


/*
 * Giữ chiều cao item y nguyên,
 * chỉ tăng typography.
 */

body.atosy-view-information
#information-full-page
.information-category-node.level-1
.information-category-label.atosy-info-level1-size1 {

  min-height:
    44px
    !important;

  height:
    44px
    !important;

  line-height:
    44px
    !important;

}

/* T41 INFO LEVEL1 SIZE END */

/* T43 LEVEL1 TYPOGRAPHY START */

/*
 * Information Classification
 * Cấp 1 = 15px thống nhất ở mọi trạng thái.
 *
 * Không thay:
 * - cấp 2 → cấp 8
 * - chiều cao row
 * - padding
 * - màu sắc
 * - selected background
 */


/* ==========================================================
   LEVEL 1 — NORMAL / COLLAPSED / EXPANDED
   ========================================================== */

body.atosy-view-information
#information-full-page
#information-category-tree
> .information-category-node.level-1
> .information-category-node-row
.information-category-label {

  font-size:
    15px
    !important;

  font-weight:
    850
    !important;

  letter-spacing:
    -.01em
    !important;

}


/* ==========================================================
   LEVEL 1 — SELECTED
   Giữ đúng 15px, không bị CSS selected khác override.
   ========================================================== */

body.atosy-view-information
#information-full-page
#information-category-tree
> .information-category-node.level-1
> .information-category-node-row.is-selected
.information-category-label,

body.atosy-view-information
#information-full-page
#information-category-tree
> .information-category-node.level-1.is-selected
> .information-category-node-row
.information-category-label {

  font-size:
    15px
    !important;

  font-weight:
    850
    !important;

  letter-spacing:
    -.01em
    !important;

}


/* ==========================================================
   LEVEL 1 — expanded parent
   cũng giữ nguyên 15px.
   ========================================================== */

body.atosy-view-information
#information-full-page
#information-category-tree
> .information-category-node.level-1.is-expanded
> .information-category-node-row
.information-category-label {

  font-size:
    15px
    !important;

  font-weight:
    850
    !important;

}


/* ==========================================================
   LEVEL 2+:
   không override font-size.
   Chỉ đảm bảo rule T41 cũ không lan xuống con.
   ========================================================== */

body.atosy-view-information
#information-full-page
#information-category-tree
.information-category-node.level-2
.information-category-label.atosy-info-level1-size1,

body.atosy-view-information
#information-full-page
#information-category-tree
.information-category-node.level-3
.information-category-label.atosy-info-level1-size1,

body.atosy-view-information
#information-full-page
#information-category-tree
.information-category-node.level-4
.information-category-label.atosy-info-level1-size1,

body.atosy-view-information
#information-full-page
#information-category-tree
.information-category-node.level-5
.information-category-label.atosy-info-level1-size1,

body.atosy-view-information
#information-full-page
#information-category-tree
.information-category-node.level-6
.information-category-label.atosy-info-level1-size1,

body.atosy-view-information
#information-full-page
#information-category-tree
.information-category-node.level-7
.information-category-label.atosy-info-level1-size1,

body.atosy-view-information
#information-full-page
#information-category-tree
.information-category-node.level-8
.information-category-label.atosy-info-level1-size1 {

  font-size:
    inherit
    !important;

}


/* T43 LEVEL1 TYPOGRAPHY END */

/* T46 ROBUST LEVEL1 FREEZE START */

/*
 * Sticky wrapper có height = 0,
 * do đó KHÔNG đẩy tree xuống / không gây jump.
 */

body.atosy-view-information
#information-full-page
#information-category-tree
#information-level1-sticky-v46 {

  position:
    sticky
    !important;

  top:
    0
    !important;

  z-index:
    120
    !important;

  display:
    none;

  width:
    100%
    !important;

  height:
    0
    !important;

  min-height:
    0
    !important;

  margin:
    0
    !important;

  padding:
    0
    !important;

  overflow:
    visible
    !important;

  pointer-events:
    none;

}


body.atosy-view-information
#information-full-page
#information-category-tree
#information-level1-sticky-v46.is-visible {

  display:
    block
    !important;

}


/*
 * Hàng clone nhìn giống chính Level 1 trong tree.
 */

body.atosy-view-information
#information-full-page
.information-level1-sticky-row-v46 {

  position:
    absolute
    !important;

  top:
    0
    !important;

  left:
    0
    !important;

  width:
    100%
    !important;

  min-height:
    49px
    !important;

  display:
    grid
    !important;

  grid-template-columns:
    30px
    minmax(
      0,
      1fr
    )
    !important;

  align-items:
    center
    !important;

  padding:
    0
    !important;

  border-radius:
    0
    !important;

  background:
    linear-gradient(
      180deg,
      rgba(
        11,
        62,
        145,
        .995
      ),
      rgba(
        10,
        55,
        132,
        .995
      )
    )
    !important;

  box-shadow:
    0
    10px
    20px
    rgba(
      0,
      24,
      74,
      .25
    )
    !important;

  backdrop-filter:
    blur(
      12px
    )
    !important;

  -webkit-backdrop-filter:
    blur(
      12px
    )
    !important;

  pointer-events:
    auto;

}


/*
 * Toggle clone.
 */

body.atosy-view-information
#information-full-page
.information-level1-sticky-toggle-v46 {

  width:
    30px
    !important;

  min-width:
    30px
    !important;

  height:
    34px
    !important;

  display:
    grid
    !important;

  place-items:
    center
    !important;

  padding:
    0
    !important;

  border:
    0
    !important;

  background:
    transparent
    !important;

  color:
    rgba(
      167,
      207,
      255,
      .90
    )
    !important;

  font-size:
    19px
    !important;

  cursor:
    pointer
    !important;

}


/*
 * Label clone.
 * Giữ Level 1 chuẩn 15px.
 */

body.atosy-view-information
#information-full-page
.information-level1-sticky-label-v46 {

  width:
    100%
    !important;

  min-width:
    0
    !important;

  min-height:
    44px
    !important;

  padding:
    0 11px
    !important;

  display:
    block
    !important;

  border:
    1px solid
    rgba(
      74,
      174,
      255,
      .70
    )
    !important;

  border-radius:
    13px
    !important;

  color:
    #ffffff
    !important;

  background:
    linear-gradient(
      135deg,
      rgba(
        28,
        148,
        255,
        .48
      ),
      rgba(
        45,
        100,
        229,
        .37
      )
    )
    !important;

  box-shadow:
    inset
    0 1px 0
    rgba(
      255,
      255,
      255,
      .09
    ),
    0 8px 23px
    rgba(
      0,
      84,
      210,
      .18
    )
    !important;

  overflow:
    hidden
    !important;

  font-size:
    15px
    !important;

  line-height:
    44px
    !important;

  font-weight:
    850
    !important;

  text-align:
    left
    !important;

  text-overflow:
    ellipsis
    !important;

  white-space:
    nowrap
    !important;

  cursor:
    pointer
    !important;

}

/* T46 ROBUST LEVEL1 FREEZE END */


/* ==========================================================
   T47 — CLEAN STICKY LEVEL-1 VISUAL
   ========================================================== */

/*
 * Outer sticky row chỉ làm nền che phía sau,
 * không tự tạo một card vuông.
 */
body.atosy-view-information
#information-full-page
.information-level1-sticky-row-v46 {

  background:
    transparent
    !important;

  box-shadow:
    none
    !important;

  backdrop-filter:
    none
    !important;

  -webkit-backdrop-filter:
    none
    !important;

}


/*
 * Label sticky phải giống đúng item Level 1 gốc:
 * bo tròn mềm, không có block vuông phía sau.
 */
body.atosy-view-information
#information-full-page
.information-level1-sticky-label-v46 {

  border:
    1px solid
    rgba(
      74,
      174,
      255,
      .70
    )
    !important;

  border-radius:
    14px
    !important;

  background:
    linear-gradient(
      135deg,
      rgba(
        28,
        148,
        255,
        .48
      ),
      rgba(
        45,
        100,
        229,
        .37
      )
    )
    !important;

  box-shadow:
    inset
    0 1px 0
    rgba(
      255,
      255,
      255,
      .08
    ),
    0 8px 20px
    rgba(
      0,
      84,
      210,
      .16
    )
    !important;

}


/*
 * Tạo nền mờ phía sau toàn sticky zone,
 * nhưng không đóng khung vuông quanh chữ.
 */
body.atosy-view-information
#information-full-page
#information-level1-sticky-v46.is-visible {

  background:
    linear-gradient(
      180deg,
      rgba(
        10,
        56,
        133,
        .97
      ),
      rgba(
        10,
        56,
        133,
        .88
      )
    )
    !important;

  backdrop-filter:
    blur(
      10px
    )
    !important;

  -webkit-backdrop-filter:
    blur(
      10px
    )
    !important;

}


/*
 * Giữ toggle cùng nền với sticky zone,
 * không tạo một ô vuông riêng.
 */
body.atosy-view-information
#information-full-page
.information-level1-sticky-toggle-v46 {

  background:
    transparent
    !important;

  border:
    0
    !important;

  box-shadow:
    none
    !important;

}

/* ==========================================================
   T48 — OPAQUE STICKY LEVEL-1 LABEL
   Mục tiêu:
   - vẫn giữ gradient đẹp
   - không bị liquid / xuyên nền
   - chữ trắng rõ, dễ đọc khi freeze
   ========================================================== */

body.atosy-view-information
#information-full-page
#information-level1-sticky-v46.is-visible {
  background:
    linear-gradient(
      180deg,
      rgba(8, 49, 124, 0.985),
      rgba(8, 49, 124, 0.955)
    )
    !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow:
    0 10px 24px rgba(0, 23, 78, 0.20)
    !important;
}

body.atosy-view-information
#information-full-page
.information-level1-sticky-row-v46 {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}

body.atosy-view-information
#information-full-page
.information-level1-sticky-label-v46 {
  opacity: 1 !important;
  color: #ffffff !important;
  background:
    linear-gradient(
      135deg,
      #2c8dff 0%,
      #246de8 52%,
      #1d56cb 100%
    )
    !important;

  border:
    1px solid rgba(120, 205, 255, 0.72)
    !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    0 8px 18px rgba(0, 72, 195, 0.22)
    !important;

  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.18)
    !important;

  filter: none !important;
  mix-blend-mode: normal !important;
}

body.atosy-view-information
#information-full-page
.information-level1-sticky-label-v46 *,
body.atosy-view-information
#information-full-page
.information-level1-sticky-label-v46 .information-category-label {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.18)
    !important;
  mix-blend-mode: normal !important;
}

body.atosy-view-information
#information-full-page
.information-level1-sticky-label-v46::before,
body.atosy-view-information
#information-full-page
.information-level1-sticky-label-v46::after {
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

body.atosy-view-information
#information-full-page
.information-level1-sticky-toggle-v46 {
  color: #dff1ff !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}