/* =========================================================
   HYDRATED LIME TAB GREEN V1

   소석회 탭 전용 색상.
   기능/탭 전환 로직에는 관여하지 않는다.
========================================================= */


/*
  현재 구조에서 소석회는
  limestone 세부메뉴의 마지막 탭이다.

  명시적인 data 값이 있는 경우도 함께 지원한다.
*/
#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button[data-limestone-subview="hydrated-lime"],

#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button[data-limestone-subview="slaked-lime"],

#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button:last-child {

  border-color:
    #8fcda0 !important;

  background:
    #eef9f1 !important;

  color:
    #267446 !important;

  box-shadow:
    inset 0 0 0 1px
    rgba(71, 161, 101, 0.04) !important;
}


/* hover */
#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button[data-limestone-subview="hydrated-lime"]:hover,

#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button[data-limestone-subview="slaked-lime"]:hover,

#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button:last-child:hover {

  border-color:
    #72bd88 !important;

  background:
    #e5f6ea !important;

  color:
    #1f6b3e !important;
}


/*
  소석회 선택 상태.
  기존 공통 is-active 파란색보다 우선한다.
*/
#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button[data-limestone-subview="hydrated-lime"].is-active,

#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button[data-limestone-subview="slaked-lime"].is-active,

#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button:last-child.is-active,

#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button:last-child[aria-selected="true"] {

  border-color:
    #56ad73 !important;

  background:
    #ddf2e4 !important;

  color:
    #17643a !important;

  font-weight:
    850 !important;

  box-shadow:
    0 2px 7px
    rgba(55, 145, 86, 0.14),
    inset 0 -2px 0
    #56ad73 !important;
}


/* keyboard focus */
#efficiencyTeamModal
#efficiencyLimestoneView
#limestoneSubviewMenu
.limestone-subview-menu__button:last-child:focus-visible {

  outline:
    2px solid rgba(63, 158, 96, 0.30) !important;

  outline-offset:
    2px !important;
}