/* MATCHSIK v28.26 — Kakao action UI, actual dynamic selectors */
:root{
  --kakao-yellow:#FEE500;
  --kakao-yellow-hover:#f4dc00;
  --kakao-ink:#191919;
  --kakao-ok:#207245;
}
[data-admin-kakao-connect],
[data-teacher-kakao-connect],
[data-student-kakao-connect],
[data-student-kakao-connect-now],
[data-admin-kakao-test],
[data-teacher-kakao-test]{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:11px 16px!important;
  border:1px solid rgba(25,25,25,.10)!important;
  border-radius:14px!important;
  background:#FEE500!important;
  color:#191919!important;
  -webkit-text-fill-color:#191919!important;
  font-weight:800!important;
  letter-spacing:-.02em;
  box-shadow:0 8px 20px rgba(25,25,25,.08);
}
[data-admin-kakao-connect]::before,
[data-teacher-kakao-connect]::before,
[data-student-kakao-connect]::before,
[data-student-kakao-connect-now]::before,
[data-admin-kakao-test]::before,
[data-teacher-kakao-test]::before{
  content:"";
  width:24px;height:24px;flex:0 0 24px;
  background-repeat:no-repeat;
  background-size:24px 24px;
  background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23191919' d='M12 3C7.03 3 3 6.12 3 9.97c0 2.39 1.57 4.49 3.96 5.74l-.98 3.62c-.09.31.27.57.55.4l4.34-2.83c.37.04.74.06 1.13.06 4.97 0 9-3.12 9-6.97S16.97 3 12 3z'/%3E%3C/svg%3E");
}
[data-admin-kakao-connect]:hover,
[data-teacher-kakao-connect]:hover,
[data-student-kakao-connect]:hover,
[data-student-kakao-connect-now]:hover,
[data-admin-kakao-test]:hover,
[data-teacher-kakao-test]:hover{
  background:var(--kakao-yellow-hover)!important;
  transform:translateY(-1px);
}
[data-admin-kakao-disconnect],
[data-teacher-kakao-disconnect],
[data-student-kakao-disconnect]{
  min-height:44px;
  border-radius:13px!important;
}
[data-kakao-connected="true"]{
  background:#eef8f1!important;
  color:var(--kakao-ok)!important;
  -webkit-text-fill-color:var(--kakao-ok)!important;
  border-color:#c9e5d3!important;
  pointer-events:none;
}
[data-kakao-connected="true"]::before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:22px;height:22px;
  border-radius:50%;
  background:#d9f0e1;
  color:var(--kakao-ok);
  font-weight:900;
  background-image:none!important;
}
[data-admin-kakao-state][data-connected="true"],
[data-teacher-kakao-state][data-connected="true"],
[data-student-kakao-state][data-connected="true"]{
  background:#eef8f1!important;
  color:#207245!important;
  border-color:#c9e5d3!important;
}
[data-admin-kakao-state][data-connected="false"],
[data-teacher-kakao-state][data-connected="false"],
[data-student-kakao-state][data-connected="false"]{
  background:#fff9d7!important;
  color:#5f5100!important;
  border-color:#eee09b!important;
}
@media(max-width:720px){
  [data-admin-kakao-connect],
  [data-teacher-kakao-connect],
  [data-student-kakao-connect],
  [data-student-kakao-connect-now],
  [data-admin-kakao-test],
  [data-teacher-kakao-test]{
    width:100%;
  }
}