/* restricted-modal.css — small modal used on login/dashboard/overview */
.restricted-overlay {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(10, 20, 40, 0.55);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.restricted-overlay[hidden] { display: none; }
.restricted-modal {
  position: relative;
  width: min(92vw, 340px);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  padding: 28px 24px 24px;
  text-align: center;
  font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.restricted-close {
  position: absolute; top: 8px; right: 10px;
  border: 0; background: transparent; cursor: pointer;
  font-size: 22px; line-height: 1; color: #555;
  width: 36px; height: 36px; border-radius: 50%;
}
.restricted-close:hover { background: #f0f0f0; color: #000; }
.restricted-close:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
.restricted-lock {
  width: 52px; height: 52px; margin: 0 auto 12px;
  border-radius: 50%; background: #eef2f8;
  display: flex; align-items: center; justify-content: center;
  color: #0b5ed7;
}
.restricted-modal h2 {
  margin: 0 0 8px; font-size: 16px; font-weight: 800;
  letter-spacing: 0.06em; color: #111;
}
.restricted-modal p {
  margin: 0; font-size: 14px; line-height: 1.5; color: #4a4a4a;
}