.event-row.warning .bar {
  animation: priorityPulse 1.25s ease-in-out infinite;
}

@keyframes priorityPulse {
  0%, 100% { opacity: .45; box-shadow: 0 0 4px #ff9800; }
  50% { opacity: 1; box-shadow: 0 0 18px #ff9800; }
}

.login-gate {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at 50% 22%, rgba(27, 93, 138, .34), transparent 36%), #020b14;
}

.login-gate[hidden] { display: none; }
.locked .app { visibility: hidden; }

.login-card {
  width: min(470px, 100%);
  padding: 38px;
  border: 1px solid #25506e;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(8, 31, 49, .98), rgba(3, 16, 29, .98));
  box-shadow: 0 35px 100px rgba(0, 0, 0, .62), 0 0 40px rgba(33, 149, 243, .12);
}

.login-card h1 { margin: 10px 0 12px; font-size: 30px; }
.login-card > p:not(.kicker) { color: #a9bbc9; line-height: 1.6; }
.login-card label { display: grid; gap: 7px; margin-top: 16px; color: #c4d2dc; }
.login-card input { height: 46px; padding: 0 13px; border: 1px solid #2b526e; border-radius: 9px; background: #041523; color: white; outline: none; }
.login-card input:focus { border-color: #23b8f2; box-shadow: 0 0 0 3px rgba(35, 184, 242, .13); }
.login-card button { width: 100%; height: 48px; margin-top: 22px; border-radius: 9px; color: white; font-weight: 800; }
.login-card > small { display: block; margin-top: 15px; color: #72dca9; text-align: center; }
.login-mark { width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid #3d8bd6; border-radius: 50%; font: italic 900 39px Georgia; position: relative; }
.login-mark i { width: 8px; height: 8px; border-radius: 50%; background: #f7df28; position: absolute; left: 12px; top: 10px; }

.empty-real { min-height: 92px; display: grid; place-items: center; padding: 22px; color: #8fa5b6; text-align: center; border: 1px dashed #23455d; border-radius: 9px; margin: 8px; }
.real-data-note { color: #9fb1bf; line-height: 1.6; padding: 18px 5px; }
.logout-button { border: 0; background: transparent; color: #a7bac8; font-size: 20px; cursor: pointer; margin-left: 10px; }
.logout-button:hover { color: white; }
