/* Styles for the public (logged-out) API documentation page.
 *
 * The docs body ("docs-body" in docs.html) is shared between the
 * authenticated shell and the public page. Inside base.html it inherits
 * .card / .code-block / table styling from the shell; the public layout has
 * no shell, so those few rules are restated here.
 *
 * Kept as a separate file rather than extracted out of base.html on purpose:
 * base.html's block is used by all eight authenticated pages, and pulling it
 * apart would risk visual regressions far outside this page. If a third
 * consumer appears, extract properly then.
 */

.page-title { font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 24px; }

.card { background: #1a1b23; border-radius: 12px; padding: 24px; border: 1px solid #2a2b35; }
.card-title { font-size: 14px; color: #8b95a5; margin-bottom: 8px; }

.code-block {
    background: #0f1117; border: 1px solid #2a2b35; border-radius: 8px;
    padding: 16px; font-family: monospace; font-size: 13px; color: #e5e7eb;
    overflow-x: auto; white-space: pre;
}

.table-wrap { overflow-x: auto; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.table-wrap::-webkit-scrollbar { height: 8px; }
.table-wrap::-webkit-scrollbar-track { background: #1a1b23; }
.table-wrap::-webkit-scrollbar-thumb { background: #4b5563; border-radius: 4px; }
.table-wrap::-webkit-scrollbar-thumb:hover { background: #6b7280; }

table { width: 100%; border-collapse: collapse; }
th {
    text-align: left; padding: 12px 16px; font-size: 12px; color: #8b95a5;
    text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid #2a2b35;
}
td { padding: 12px 16px; font-size: 14px; border-bottom: 1px solid #1f2029; }

/* Light theme — mirrors the html[data-theme="light"] block in base.html */
html[data-theme="light"] .page-title { color: #111827; }
html[data-theme="light"] .card { background: #fff; border-color: #e5e7eb; }
html[data-theme="light"] .card-title { color: #6b7280; }
html[data-theme="light"] .code-block { background: #1e293b; border-color: #334155; color: #e2e8f0; }
html[data-theme="light"] .table-wrap { scrollbar-color: #cbd5e1 #f5f6fa; }
html[data-theme="light"] .table-wrap::-webkit-scrollbar-track { background: #f5f6fa; }
html[data-theme="light"] .table-wrap::-webkit-scrollbar-thumb { background: #cbd5e1; }
html[data-theme="light"] th { color: #6b7280; border-bottom-color: #e5e7eb; }
html[data-theme="light"] td { color: #374151; border-bottom-color: #f3f4f6; }