/* Zorv: Darker Purple Edition */
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500;600;700&display=swap');

:root {
  --bg-left:#13061e;
  --bg-right:#150b20;
  --accent:#6b3ad9;
  --accent-hover:#8c5cf6;
  --text:#e9dfff;
  --muted:#a1a1aa;
  --panel-bg:#150b20;
  --border:#221633;
  --glow:0 0 16px rgba(139,92,246,0.35);
}

* { box-sizing:border-box; }

html, body {
  height:100%;
  margin:0;
  font-family:'Montserrat Alternates',system-ui,sans-serif;
  background:linear-gradient(160deg,var(--bg-left),var(--bg-right));
  color:var(--text);
  overflow:hidden;
}

a { color:var(--accent); text-decoration:none; }
a:hover { color:var(--accent-hover); }

/* Panels & layout base */
.panel, .sidebar, .content, .card, .chat-box, .user-list {
  background:var(--panel-bg);
  border:1px solid var(--border);
  border-radius:10px;
  transition:box-shadow 0.3s ease, border-color 0.3s ease, transform 0.6s ease;
  animation:fadeSlide 0.8s ease forwards;
  opacity:0;
}

@keyframes fadeSlide {
  from { opacity:0; transform:translateY(25px); }
  to { opacity:1; transform:translateY(0); }
}

.panel:hover, .sidebar:hover, .content:hover, .card:hover, .chat-box:hover, .user-list:hover {
  box-shadow:var(--glow);
  border-color:var(--accent-hover);
}

/* Buttons */
button, .btn {
  background:var(--accent);
  border:none;
  border-radius:8px;
  color:#fff;
  font-weight:600;
  padding:10px 14px;
  cursor:pointer;
  transition:background 0.25s ease, box-shadow 0.35s ease;
}

button:hover, .btn:hover, button:focus {
  background:var(--accent-hover);
  box-shadow:0 0 20px rgba(139,92,246,0.4);
}

/* Inputs */
input, textarea, select {
  background:#241733;
  border:1px solid var(--border);
  color:var(--text);
  border-radius:8px;
  padding:10px 12px;
  outline:none;
  transition:border-color 0.25s ease, box-shadow 0.35s ease;
}

input:focus, textarea:focus, select:focus {
  border-color:var(--accent);
  box-shadow:0 0 14px rgba(139,92,246,0.45);
}

/* Scrollbar */
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-thumb { background:#5b34b0; border-radius:4px; }
::-webkit-scrollbar-track { background:#13061e; }

/* Headers, active states */
header, nav {
  background:var(--panel-bg);
  border-bottom:1px solid var(--border);
}

.active, .selected {
  background:linear-gradient(90deg, rgba(139,92,246,0.35), rgba(139,92,246,0.15));
  border-color:var(--accent);
  box-shadow:0 0 18px rgba(139,92,246,0.45);
}

/* Subtle glow pulse */
@keyframes pulseGlow {
  0%,100% { box-shadow:0 0 12px rgba(167,139,250,0.35); }
  50% { box-shadow:0 0 22px rgba(139,92,246,0.5); }
}
.active, .selected {
  animation:pulseGlow 2.5s infinite;
}

h1,h2,h3,h4,h5 { color:var(--text); }
small, .muted { color:var(--muted); }

@media (max-width:900px){
  body{overflow:auto;}
}