/* Spotify-like dark theme overrides */
:root{
  --bg:#121212;
  --panel:#181818;
  --muted:#b3b3b3;
  --accent:#1DB954;
  --accent-2:#1ed760;
  --card-radius:12px;
}

html,body{
  height:100%;
  background:var(--bg);
  color:#e6e6e6;
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.app-shell{
  max-width:1100px;
  margin:24px auto;
  padding:24px;
}

.brand{
  display:flex;align-items:center;gap:12px;margin-bottom:18px;
}
.brand .logo{
  width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#14833b);display:inline-block;
}
.brand h1{font-size:20px;margin:0}
.brand p{margin:0;color:var(--muted);font-size:13px}

.panel{
  background:var(--panel);padding:18px;border-radius:var(--card-radius);box-shadow:0 4px 12px rgba(0,0,0,0.5);
}

label{color:var(--muted)}
.form-control, .form-select{background:#0f0f0f;border:1px solid #222;color:#e6e6e6}

.btn-primary{background:var(--accent);border:none}
.btn-primary:hover{background:var(--accent-2)}
.btn-outline-primary{color:var(--accent);border-color:rgba(29,185,84,0.18)}
.btn-outline-success{background:transparent;border:1px solid rgba(29,185,84,0.15);color:var(--accent)}
.btn-danger{background:#e0245e;border:none}

.jobs-list{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.job-card{padding:14px;background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);border-radius:10px}
.job-meta{font-size:13px;color:var(--muted);}
.muted{color:var(--muted)}

pre{background:#0a0a0a;border-radius:8px;padding:12px}

footer{color:var(--muted);font-size:13px;margin-top:18px;text-align:center}

/* Navbar / avatar helpers moved from base.html */
.avatar-circle{
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#6c757d;
  color:white;
  font-weight:600;
}
.avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}
.navbar-brand{display:flex;align-items:center;gap:.5rem}
.nav-user{display:flex;align-items:center;gap:.5rem}
@media (max-width: 575.98px){
  .navbar-collapse{background:#0d6efd;padding:0.75rem}
  .navbar-collapse .nav-link{color:#fff}
}