/* BNET.cc Docs colors, matching bnet.cc. */

body { color: #cccccc; background: #000000; font-family: Arial, Helvetica, sans-serif; }
a { color: #ffac04; }
a:visited { color: #e8a01a; }
a:hover { color: #ffffff; }
a:focus-visible { outline-color: #00c0ff; }

#header { background: #111111; border-color: #333333; }
#header .logo { font-family: Impact, "Arial Black", sans-serif; font-size: 28px; font-style: italic; letter-spacing: 2px; color: #00c0ff; text-decoration: none; text-shadow: 2px 2px 3px #000000, 0 0 12px #0055aa; }
#header .tagline { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: #cccccc; }

#topbar { color: #555555; background: #161616; border-color: #333333; }
#topbar a, #topbar a:visited { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #00c0ff; }
#topbar a:hover { color: #ffffff; }

#layout { background: #0a0a0a; border-color: #333333; }
#sidebar { background: #12131c; border-left-color: #2b2d42; }
#sidebar h3 { color: #ffffff; font-variant: small-caps; letter-spacing: 1px; background: #1c1e2b; border-color: #2b2d42; }
#sidebar ul, #sidebar .navbox-body { background: #0e0f16; border-color: #2b2d42; }
#sidebar li { color: #888888; }

#content h1, #content h2, #content h3, #content h4 { color: #ffffff; }
#content h1, #content h2 { border-bottom-color: #333333; }
#content h1.title { border-bottom-color: #00c0ff; }

code { color: #00c0ff; background: #161616; }
pre { background: #111111; border-color: #333333; }
pre code { color: inherit; }

table.wikitable { background: #161616; border-color: #575757; }
#content th { color: #ffffff; background: #393731; border-color: #575757; }
#content td { border-color: #575757; }
#content tbody tr:nth-child(even) td { background: #1d1d1d; }

.toc, .catlinks, #content .infobox { background: #111111; border-color: #333333; }
.pageinfo, .filesize, .changes .date, .changes .changed { color: #888888; }
#footer { color: #777777; }

#search {
  --pagefind-ui-primary: #00c0ff;
  --pagefind-ui-text: #cccccc;
  --pagefind-ui-background: #111111;
  --pagefind-ui-border: #333333;
  --pagefind-ui-tag: #1c1c1c;
}

/* --- Protocol reference components --- */
.lead { font-size: 1.1em; color: #dddddd; }
.note { color: #888888; font-size: 90%; }
.nowrap { white-space: nowrap; }
h1.title .message-id { padding: 0; font-size: .75em; color: #00c0ff; background: none; }

.products img { margin: 0 3px 2px 0; vertical-align: middle; image-rendering: pixelated; }
.product-code { display: inline-block; margin: 0 3px 2px 0; padding: 0 3px; font: bold 10px Consolas, Menlo, monospace; color: #cccccc; border: 1px solid #555555; vertical-align: middle; }

.conf { white-space: nowrap; }
.conf-label { font-size: 90%; }
.conf-verified .conf-label { color: #6fcf73; }
.conf-single .conf-label { color: #ffac04; }
.conf-unknown .conf-label { color: #ff6b6b; }

#content table.packet-facts { margin: 0 0 1em; border: 0; }
#content table.packet-facts th, #content table.packet-facts td { padding: 2px 12px 2px 0; background: none; border: 0; }
#content table.packet-facts th { color: #888888; font-weight: normal; }

#content table.fields tr.repeat td { color: #ffffff; background: #1a1d2b; }
#content table.fields tr.depth-1 td:nth-child(2) { padding-left: 1.6em; }
#content table.fields tr.depth-2 td:nth-child(2) { padding-left: 3em; }

#content table.sequence td { vertical-align: middle; }
#content table.sequence .seq-n { color: #888888; text-align: right; }
#content table.sequence .seq-arrow { font-size: 1.3em; color: #00c0ff; text-align: center; }
#content table.sequence td.seq-server { text-align: right; }
#content table.sequence tr.seq-section td { color: #ffffff; font-weight: bold; background: #1a1d2b; }
#content table.sequence tr.seq-optional td { font-style: italic; }
.transport { display: inline-block; padding: 0 3px; font-size: 9px; font-style: normal; color: #00c0ff; border: 1px solid #00c0ff; vertical-align: middle; }

.todo-list { font-size: 90%; line-height: 1.9; }
.credits { columns: 3; }
.sources li { margin-bottom: .3em; }

@media (max-width: 760px) {
  .credits { columns: 1; }
}

#content table.sequence { width: 100%; }
#content table.sequence td.seq-client, #content table.sequence td.seq-server { max-width: 16em; }
#content table.sequence td:nth-child(5) { min-width: 14em; }
#content table.packet-index td:nth-child(4) { min-width: 190px; }
#content table.packet-index td:nth-child(5) { min-width: 14em; }

/* Wider than bnet.cc's 800px: message and sequence tables need the room. */
#page { max-width: 1280px; }
#sidebar { width: 220px; }

.status { font-weight: bold; }
.status-online { color: #6fcf73; }
.status-offline { color: #ff6b6b; }
.status-skip { color: #888888; font-weight: normal; }
#content table.servers td:nth-child(2) { min-width: 12em; }
.jump { line-height: 1.9; }

/* Compact server status in the sidebar */
.servers-mini ul { padding: 4px 8px; }
.servers-mini li { display: flex; align-items: flex-start; gap: 6px; padding: 2px 0; }
#sidebar .servers-mini li a:before { content: none; }
.srv-dot { flex: none; width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: #666666; }
.srv-online .srv-dot { background: #4cd964; box-shadow: 0 0 4px rgba(76, 217, 100, .7); }
.srv-offline .srv-dot { background: #ff5c5c; }
.srv-text { display: block; min-width: 0; }
.srv-name { display: block; font-size: 11px; font-weight: bold; line-height: 1.25; color: #ffffff; }
.srv-addr { display: block; font-size: 9px; line-height: 1.2; color: #8a8a9a; font-family: Consolas, Menlo, monospace; word-break: break-all; }
.srv-more { margin: -12px 0 12px; font-size: 10px; text-align: right; }

.srv-name a, .srv-name a:visited { color: #ffac04; }
.srv-name a:hover { color: #ffffff; }