/* MySpace Chat - Dark, Pixelify Sans 18px, compact UI, no header, no bubbles */
.msc-chat {
  font-family: "Pixelify Sans", sans-serif !important;
  font-size: 18px !important;
  color: #f2f2f2;
  background: #0a0a0a;
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  box-shadow: none;
  max-width: 640px;
}

/* Header removed in markup (safety) */
.msc-chat .msc-header { display: none !important; }

/* Feed */
.msc-feed {
  max-height: 420px;
  overflow-y: auto;
  padding: 10px 12px;
  background: transparent;
  border-top: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
}

/* Messages - flat, no bubbles */
.msc-msg {
  background: transparent;
  border: 0;
  padding: 6px 0;
  margin: 0;
}
.msc-nick { font-weight: 700; margin-right: 6px; }
.msc-time { opacity: .6; font-size: 12px; margin-left: 6px; }
.msc-text { margin-top: 2px; line-height: 1.3; word-break: break-word; }

/* Form */
.msc-form { padding: 10px 12px 12px; }
.msc-row { margin: 6px 0; }

/* Inputs */
.msc-input,
.msc-input[type="text"],
.msc-input[type="email"],
textarea.msc-input {
  width: 100%;
  background: #111;
  color: #f2f2f2;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 10px 12px;
  line-height: 1.2;
  outline: none;
}
.msc-input::placeholder { color: #8a8a8a; }

/* Actions */
.msc-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

/* Button - transparent with red border */
.msc-btn {
  font-family: "Pixelify Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  background: transparent;
  color: #f2f2f2;
  border: 2px solid #ff3b3b;
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
}
.msc-btn:hover { box-shadow: 0 0 0 2px rgba(255,59,59,.15) inset; }

/* Recaptcha container */
#msc-recaptcha-container { background: transparent; padding-top: 6px; }

/* Scrollbar (webkit) */
.msc-feed::-webkit-scrollbar { width: 10px; }
.msc-feed::-webkit-scrollbar-thumb { background: #1f1f1f; border-radius: 8px; }