.hmv-live-clock {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6b7280;
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
}

.hmv-live-clock::before {
  content: "◷";
  color: #7a2b8a;
  font-size: 13px;
}

.hmv-password-wrap {
  position: relative;
  display: block;
  width: 100%;
}

.hmv-password-wrap > input {
  width: 100%;
  padding-right: 46px !important;
  box-sizing: border-box;
}

.hmv-password-toggle {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 34px;
  height: 34px;
  padding: 0;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
}

.hmv-password-toggle:hover { background: #f5edf8; color: #5a1d6d; }
.hmv-password-toggle:focus-visible { outline: 2px solid #5a1d6d; outline-offset: 1px; }
.hmv-password-toggle svg { width: 19px; height: 19px; pointer-events: none; }

@media (max-width: 576px) {
  .hmv-live-clock { font-size: 10px; }
}

@media print {
  .hmv-live-clock { display: none !important; }
}