/* Docs component stylesheet (Ticket #1704) */

.docs-file-item.active {
  background: rgba(255, 106, 18, 0.2);
  border-left: 2px solid #ff6a12;
  color: #fff;
}

.docs-editor-textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  tab-size: 2;
  line-height: 1.6;
  resize: none;
}

/* Markdown rendered styles in dark mode */
.docs-markdown {
  font-size: 0.925rem;
  color: #e2e8f0;
  line-height: 1.7;
}

.docs-markdown p {
  margin: 0 0 1em;
}

.docs-markdown p:last-child {
  margin-bottom: 0;
}

.docs-markdown h1,
.docs-markdown h2,
.docs-markdown h3,
.docs-markdown h4,
.docs-markdown h5,
.docs-markdown h6 {
  font-weight: 700;
  color: #ffffff;
  margin: 1.5em 0 0.6em;
  line-height: 1.3;
}

.docs-markdown h1:first-child,
.docs-markdown h2:first-child,
.docs-markdown h3:first-child {
  margin-top: 0;
}

.docs-markdown h1 { font-size: 1.6rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 0.4em; }
.docs-markdown h2 { font-size: 1.3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding-bottom: 0.3em; }
.docs-markdown h3 { font-size: 1.1rem; }
.docs-markdown h4 { font-size: 0.95rem; }

.docs-markdown strong { font-weight: 700; color: #ffffff; }
.docs-markdown em { font-style: italic; color: #cbd5e1; }

.docs-markdown code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.825em;
  background: rgba(255, 255, 255, 0.08);
  color: #ff9a44;
  padding: 0.15em 0.35em;
  border-radius: 0.25rem;
}

.docs-markdown pre {
  background: rgba(15, 17, 20, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.5rem;
  padding: 1rem;
  overflow-x: auto;
  margin: 1em 0;
}

.docs-markdown pre code {
  background: transparent;
  color: #e2e8f0;
  padding: 0;
  font-size: 0.85rem;
}

.docs-markdown ul,
.docs-markdown ol {
  margin: 0.5em 0 1em 1.5em;
}

.docs-markdown ul { list-style: disc; }
.docs-markdown ol { list-style: decimal; }
.docs-markdown li { margin: 0.25em 0; }

.docs-markdown blockquote {
  border-left: 3px solid #ff6a12;
  margin: 1em 0;
  padding: 0.5em 0 0.5em 1rem;
  color: #94a3b8;
  background: rgba(255, 106, 18, 0.04);
  border-radius: 0 0.375rem 0.375rem 0;
}

.docs-markdown a {
  color: #ff6a12;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.docs-markdown a:hover {
  color: #ff9a44;
}

.docs-markdown hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 1.5em 0;
}

.docs-markdown table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
  font-size: 0.85rem;
}

.docs-markdown th,
.docs-markdown td {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.5rem 0.75rem;
  text-align: left;
}

.docs-markdown th {
  background: rgba(255, 255, 255, 0.06);
  font-weight: 700;
  color: #ffffff;
}

.docs-markdown tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02);
}