.kiosk-root .kiosk-employee-list {
  max-height: 420px;
  overflow: auto;
}

.kiosk-employee-item {
  padding: 12px 14px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.kiosk-employee-item:hover {
  background: #f8f9fa;
}

.kiosk-employee-item.active {
  background: #e7f1ff;
}

.public-hero {
  background: radial-gradient(1200px 500px at 20% 10%, #e7f1ff 0%, rgba(231, 241, 255, 0) 60%),
    radial-gradient(800px 400px at 90% 40%, #e7f8ef 0%, rgba(231, 248, 239, 0) 55%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
}

.public-panel {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.public-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  flex: 0 0 auto;
  margin-top: 6px;
}

.password-mask {
  -webkit-text-security: disc;
}

@media (max-width: 576px) {
  .kiosk-root .kiosk-employee-list {
    max-height: 280px;
  }
}