/* Ainur Labs — dashboard app shell */

.login-screen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.login-card {
  width: 100%;
  max-width: 400px;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  padding: 3rem 2.5rem;
}

.app-shell {
  display: flex;
  min-height: 100vh;
}

.app-sidebar {
  width: 240px;
  flex-shrink: 0;
  border-right: 1px solid var(--glass-border);
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.app-sidebar .logo { display: block; margin-bottom: 3rem; }

.app-nav a {
  display: block;
  padding: 0.8rem 0;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-dim);
  border-bottom: 1px solid var(--glass-border);
}
.app-nav a:hover, .app-nav a.active { color: var(--emerald); }

.app-user { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: var(--text-faint); }
.app-user .email { color: var(--text-dim); display: block; margin: 0.3rem 0 0.8rem; }

.app-main { flex: 1; padding: 3rem 4vw; }

.tool-card { position: relative; }
.tool-badge {
  position: absolute;
  top: 1.5rem; right: 1.5rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.3rem 0.6rem;
  border: 1px solid var(--glass-border);
  color: var(--text-faint);
}
.tool-badge.live { color: var(--emerald); border-color: var(--emerald-dim); }

@media (max-width: 760px) {
  .app-shell { flex-direction: column; }
  .app-sidebar { width: 100%; flex-direction: row; align-items: center; justify-content: space-between; padding: 1.2rem 1.5rem; }
  .app-sidebar .logo { margin-bottom: 0; }
  .app-nav { display: flex; gap: 1.5rem; }
  .app-nav a { border-bottom: none; padding: 0; }
  .app-user { display: none; }
}