/* DLE core UI adapted to StasWeb dark theme */

#loading-layer {
  background: rgba(0, 0, 0, 0.7);
  padding: 12px 16px;
  text-align: center;
  color: #fff;
  border-radius: 12px;
}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote {
  padding: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  color: #a0a0b0;
}

.title_quote {
  border-left: 3px solid #c6a77b;
  border-bottom: 0;
  margin-top: 2px;
  font-weight: 600;
  color: #f5f5f7;
}

.quote, blockquote {
  border-left: 3px solid #c6a77b;
  margin: 1em 0;
}

.text_spoiler { margin-bottom: 2px; border-top: 0; display: none; }

.hide {
  background: rgba(255, 255, 255, 0.04);
  padding: 10px;
  color: #a0a0b0;
  margin: 0 0 1em;
  border-radius: 10px;
}

.bbcodes, .btn.bbcodes {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #f5f5f7;
  cursor: pointer;
}

.bbcodes:hover { border-color: rgba(255, 255, 255, 0.2); }

.ui-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #a0a0b0 50%), linear-gradient(135deg, #a0a0b0 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.pm td, .userstop td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.8em 0.5em;
  color: #a0a0b0;
}

table.pm, table.userstop { width: 100%; }

.ratingplus { color: #34d399; }
.ratingminus { color: #f87171; }
.ratingzero { color: #6e6e80; }

.attachment {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #a0a0b0;
  margin: 8px 0;
}

.attachment a { color: #94d9ed; }

/* Editor / text area defaults inside dark UI */
.form-group textarea.wide,
.form-group input.wide {
  font-family: inherit;
}

/* Comments editor area */
.comments-list { margin-top: 12px; }

/* Speedbar / breadcrumbs if used */
.speedbar, .breadcrumb {
  color: #6e6e80;
  font-size: 0.88rem;
  margin-bottom: 18px;
}
.speedbar a { color: #a0a0b0; }
.speedbar a:hover { color: #94d9ed; }