/* developers-halpas-production/resource-references.css */
.resource-reference {
  display: inline;
  padding: 1px 3px;
  border: 0;
  border-bottom: 1px solid #111;
  background: #f0efe9;
  color: #111;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.resource-reference-suggestions {
  position: fixed;
  z-index: 10000;
  width: min(380px, calc(100vw - 24px));
  max-height: 230px;
  overflow-y: auto;
  border: 1px solid #111;
  background: #fff;
  box-shadow: 0 12px 30px #0002;
}

.resource-reference-suggestions button {
  display: grid;
  width: 100%;
  gap: 3px;
  padding: 11px 13px;
  border: 0;
  border-bottom: 1px solid #deded8;
  background: #fff;
  color: #111;
  text-align: left;
  cursor: pointer;
}

.resource-reference-suggestions button:hover,
.resource-reference-suggestions button:focus-visible {
  background: #111;
  color: #fff;
}

.resource-reference-suggestions small {
  color: #777;
}

.resource-reference-error {
  border-color: #c93642 !important;
  background: #fff5f5 !important;
}

.password-security-banner {
  margin: 0 0 24px;
  padding: 18px 20px;
  border: 1px solid #8052b3;
  background: #f4eef9;
}

.account-security-state {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  border: 1px solid currentColor;
  font: 10px 'DM Mono', monospace;
  text-transform: uppercase;
}

.account-security-state::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  content: '';
}

.account-security-state.secure {
  color: #168954;
}

.account-security-state.not-secure {
  color: #c93642;
}