/* viyeti.com/admin's own gate - "viyeti.com/admin should have a security
   level to access the site" card, 2026-08-13. Matches admin_placeholder.
   html's existing palette (#0f172a/#38bdf8) since this replaces that page
   for the 'site' domain specifically - every other domain keeps the
   plain unstyled-login placeholder unchanged. */

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  background: #0f172a;
  color: #e2e8f0;
}

.sa-hidden { display: none !important; }

.sa-login-screen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sa-login-box {
  max-width: 420px;
  padding: 32px;
}

.sa-eyebrow { color: #38bdf8; font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 8px; }
.sa-login-box h1, .sa-wrap h1 { font-size: 2rem; margin: 0 0 8px; }
.sa-sub { color: #94a3b8; line-height: 1.5; margin-bottom: 18px; }

.sa-login-box input {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  border-radius: 6px;
  border: 2px solid #1e293b;
  background: #060a14;
  color: #e2e8f0;
  margin-bottom: 10px;
}

.sa-login-box button {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  background: #38bdf8;
  color: #0f172a;
  cursor: pointer;
  font-family: inherit;
}

.sa-login-error { margin-top: 10px; color: #ff8a8a; font-size: 13px; }

.sa-content-screen { padding: 32px 24px 60px; }
.sa-wrap { max-width: 480px; margin: 0 auto; padding: 32px; text-align: center; }
.sa-wrap p { color: #94a3b8; line-height: 1.5; }
.sa-status { color: #64748b; font-size: 0.9rem; }
.sa-wrap a { color: #38bdf8; }

.sa-logout-btn {
  background: none;
  border: none;
  color: #38bdf8;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  text-decoration: underline;
  padding: 0;
}