/* Flamenet API Documentation — Flamenet 2001 retro style */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: #fff; }
a { color: #0000CC; }
a:visited { color: #ffffff; }
a:hover { color: #CC0000; }

/* ── Top nav ───────────────────────────────────────────────── */
.api-nav { background: #003399; color: #fff; padding: 6px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.api-nav-brand { font-size: 14px; font-weight: bold; color: #FFCC00; text-decoration: none; }
.api-nav a { color: #fff; font-size: 11px; text-decoration: none; }
.api-nav a:visited { color: #fff; }
.api-nav a:hover { color: #FFCC00; }
.api-nav a.active { color: #FFCC00; font-weight: bold; }

/* ── Page layout ───────────────────────────────────────────── */
.api-wrap { width: 100%; margin: 0 auto; padding: 16px; }
h1 { font-size: 16px; color: #003399; border-bottom: 2px solid #003399; padding-bottom: 4px; margin-bottom: 12px; }
h2 { font-size: 13px; color: #003399; margin: 20px 0 8px; }
h3 { font-size: 12px; color: #003399; margin: 14px 0 6px; }
p { margin-bottom: 8px; line-height: 1.5; }
ul { padding-left: 20px; margin-bottom: 8px; }
li { line-height: 1.6; }

/* ── Section boxes ─────────────────────────────────────────── */
.api-box { border: 1px solid #7F9DB9; margin-bottom: 20px; }
.api-box-title { background: #003399; color: #fff; font-weight: bold; font-size: 11px; padding: 4px 8px; }
.api-box-body { padding: 10px 12px; }

/* ── Endpoint block ────────────────────────────────────────── */
.endpoint { border: 1px solid #7F9DB9; margin-bottom: 16px; }
.endpoint-header { display: flex; align-items: center; gap: 10px; padding: 6px 10px; background: #EEF2FF; border-bottom: 1px solid #7F9DB9; }
.method { display: inline-block; font-size: 10px; font-weight: bold; padding: 2px 6px; border-radius: 2px; font-family: monospace; }
.method-get  { background: #006600; color: #fff; }
.method-post { background: #003399; color: #fff; }
.method-del  { background: #CC0000; color: #fff; }
.endpoint-path { font-family: monospace; font-size: 12px; font-weight: bold; color: #003399; }
.auth-badge { font-size: 9px; background: #FFCC00; color: #003399; padding: 1px 5px; border-radius: 2px; font-weight: bold; margin-left: auto; }
.endpoint-body { padding: 8px 10px; }
.endpoint-desc { margin-bottom: 8px; color: #333; }

/* ── Tables ────────────────────────────────────────────────── */
table { border-collapse: collapse; width: 100%; font-size: 11px; margin-bottom: 10px; }
th { background: #003399; color: #fff; text-align: left; padding: 4px 8px; font-size: 10px; }
td { padding: 3px 8px; border-bottom: 1px solid #D0D8E8; vertical-align: top; }
tr:nth-child(even) td { background: #EEF2FF; }
td code { font-family: monospace; background: #F0F0F0; padding: 1px 3px; border-radius: 2px; }

/* ── Code blocks ───────────────────────────────────────────── */
pre { background: #1a1a2e; color: #e0e0ff; font-family: monospace; font-size: 11px; padding: 10px 12px; overflow-x: auto; margin: 6px 0 10px; border-radius: 2px; line-height: 1.5; }
pre .comment { color: #888; }
pre .key { color: #FFCC00; }
pre .str { color: #66ff99; }
pre .num { color: #ff9966; }
code { font-family: monospace; font-size: 11px; }

/* ── Status table ──────────────────────────────────────────── */
.status-ok   { color: #006600; font-weight: bold; }
.status-err  { color: #CC0000; font-weight: bold; }
.status-warn { color: #996600; font-weight: bold; }

/* ── Nav summary table ─────────────────────────────────────── */
.api-index-table td:first-child { font-family: monospace; white-space: nowrap; }

/* ── Alert boxes ───────────────────────────────────────────── */
.api-note { background: #FFFFF0; border-left: 3px solid #FFCC00; padding: 6px 10px; margin-bottom: 10px; font-size: 11px; }
.api-warn { background: #FFF0F0; border-left: 3px solid #CC0000; padding: 6px 10px; margin-bottom: 10px; font-size: 11px; }

/* ── Footer ────────────────────────────────────────────────── */
.api-footer { border-top: 2px solid #003399; padding: 8px 0; margin-top: 24px; font-size: 10px; color: #666; }