/* Discord components shared styles */
:root {
  --gold:    #D4AF37;
  --bg:      #0F0C04;
  --emerald: #10b981;
  --muted:   #6B5E3A;
  --surface: #1A1508;
  --text:    #EDE8D8;
}

/* Auth header */
.auth-bar { display:flex; align-items:center; gap:.75rem; }
.auth-bar .avatar { width:32px; height:32px; border-radius:50%; border:2px solid var(--gold); }
.auth-bar button {
  background: transparent;
  border: 1px solid var(--gold);
  color: var(--gold);
  padding: .25rem .75rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: .85rem;
  transition: background .2s;
}
.auth-bar button:hover { background: var(--gold); color: var(--bg); }

/* Presence badge */
.presence { display:inline-flex; align-items:center; gap:.4rem; font-size:.9rem; color:var(--muted); }
.presence::before { content:''; display:block; width:8px; height:8px; border-radius:50%; background:var(--emerald); animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }

/* Feed */
.feed-item {
  padding: 1rem;
  border-left: 2px solid var(--gold);
  margin-bottom: 1rem;
  background: var(--surface);
  border-radius: 0 8px 8px 0;
}
.feed-item time { font-size:.75rem; color:var(--muted); display:block; margin-bottom:.4rem; }
.feed-item p   { color:var(--text); margin:0 0 .4rem; }
.feed-author   { font-size:.8rem; color:var(--muted); }
.feed-empty    { color:var(--muted); font-style:italic; }

/* Contact form */
.contact-form { display:flex; flex-direction:column; gap:1rem; }
.contact-form input,
.contact-form textarea {
  background: var(--surface);
  border: 1px solid var(--muted);
  color: var(--text);
  padding: .75rem 1rem;
  border-radius: 6px;
  font-family: inherit;
  transition: border-color .2s;
}
.contact-form input:focus,
.contact-form textarea:focus { outline:none; border-color:var(--gold); }
.contact-form textarea { min-height:120px; resize:vertical; }
.contact-form .submit-btn {
  background: var(--gold);
  color: var(--bg);
  border: none;
  padding: .75rem 2rem;
  border-radius: 6px;
  font-weight: 700;
  cursor: pointer;
  align-self: flex-start;
  letter-spacing: .05em;
  transition: opacity .2s;
}
.contact-form .submit-btn:hover { opacity:.85; }
.contact-status { font-size:.9rem; min-height:1.2rem; margin-top:.5rem; }