/* The existing attendance control remains keyboard-accessible and keeps its handler. */
html body #root .profile-sidebar-status-toolbar > [aria-label="Pontaj"] > span:first-child::before {
  display: none !important;
}
html body #root .profile-sidebar-status-toolbar > [aria-label="Pontaj"] > button[role="switch"] {
  order: -1 !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  width: 32px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #64748b !important;
  box-shadow: none !important;
  transition: transform .16s ease, color .16s ease !important;
}
html body #root .profile-sidebar-status-toolbar > [aria-label="Pontaj"] > button[role="switch"] > span {
  display: none !important;
}
html body #root .profile-sidebar-status-toolbar > [aria-label="Pontaj"] > button[role="switch"]::before {
  content: "";
  width: 18px;
  height: 18px;
  background: currentColor;
  mask: url('/assets/profile-attendance-clock.svg') center / contain no-repeat;
}
html body #root .profile-sidebar-status-toolbar > [aria-label="Pontaj"] > button[aria-checked="true"] {
  color: #087d76 !important;
}
html body #root .profile-sidebar-status-toolbar > [aria-label="Pontaj"] > button[aria-checked="true"]::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 1px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #12a89c;
}
html body #root .profile-sidebar-status-toolbar > [aria-label="Pontaj"] > button[role="switch"]:enabled:hover {
  transform: scale(1.12);
}
html body #root .profile-sidebar-status-toolbar > [aria-label="Pontaj"] > button[role="switch"]:focus-visible {
  outline: 2px solid #12a89c !important;
  outline-offset: 2px;
}
html body #root .profile-sidebar-status-toolbar > .profile-sidebar-status-button::before {
  width: 18px;
  height: 24px;
  mask-size: 18px 18px;
}