@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

/* Dark control-panel styling inspired by the supplied Rabid Pool reference. */
:root, [data-bs-theme="dark"] {
  color-scheme: dark;
  --tblr-body-bg: #05080c;
  --tblr-body-color: #f3f8fc;
  --tblr-bg-surface: #0c141d;
  --tblr-bg-surface-secondary: #111d29;
  --tblr-border-color: #1b3040;
  --tblr-secondary: #7f97aa;
  --tblr-secondary-rgb: 127, 151, 170;
  --tblr-primary: #206bc4;
  --tblr-primary-rgb: 32, 107, 196;
  --tblr-link-color: #22bceb;
  --tblr-link-hover-color: #75dcfa;
  --tblr-border-radius: 6px;
  --tblr-font-sans-serif: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --internal-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
  --internal-panel: linear-gradient(145deg, #132230, #0c151f 48%, #081019);
  --internal-shadow: inset 0 1px 0 #d6effc1c, inset 0 -1px 0 #000b, 0 12px 28px #0005;
}
body {
  font-family: var(--tblr-font-sans-serif);
  font-optical-sizing: auto;
  background: linear-gradient(180deg, #05080c, #060b10 55%, #04070a);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.page { min-height: 100vh; }
.container-xl { padding-inline: clamp(16px, 2.5vw, 42px); }
.navbar {
  background: transparent;
  border-color: var(--tblr-border-color);
  box-shadow: none;
  color: #c2d2df;
}
header.navbar {
  min-height: 82px;
  background: linear-gradient(180deg, #111d29, #081019);
  border-top: 2px solid #22bceb;
  box-shadow: inset 0 -1px 0 #bce1f60d;
}
.navbar-brand { font-size: 22px; font-weight: 700; letter-spacing: -.5px; }
.navbar-brand a { color: #f3f8fc !important; }
.navbar-brand a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 12px;
  vertical-align: middle;
  border-radius: 2px;
  background: #22bceb;
  box-shadow: 0 0 14px #22bceb66;
}
#navbar-menu > .navbar { padding-block: 10px; border-bottom: 1px solid #1b3040; }
.navbar-nav { gap: 5px; }
.navbar .navbar-nav .nav-link {
  min-height: 38px;
  padding: 8px 12px;
  font: 500 13px/1.5 var(--tblr-font-sans-serif);
  letter-spacing: .01em;
  color: #c2d2df;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: none;
}
.navbar .navbar-nav .active > .nav-link {
  color: #75b5f5;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.show {
  background: rgba(var(--tblr-primary-rgb), .12);
  color: #75b5f5;
  border-color: transparent;
  box-shadow: none;
}
.navbar-nav .nav-link.active::after,
.navbar-nav .nav-item.active::after { display: none; }
.nav-link-icon { opacity: .75; }
.dropdown-menu {
  --tblr-dropdown-bg: #0c141d;
  --tblr-dropdown-link-color: #c2d2df;
  --tblr-dropdown-link-hover-bg: #182b3a;
  --tblr-dropdown-link-hover-color: #f3f8fc;
  background: linear-gradient(145deg, #132230, #081019);
  border: 1px solid #2d485c;
  border-radius: 8px;
  padding: 6px;
  box-shadow: 0 16px 36px #0009, inset 0 1px 0 #d6effc14;
}
.dropdown-item { font: 500 13px/1.6 var(--tblr-font-sans-serif); padding: 8px 12px; border-radius: 4px; }
.dropdown-item.active, .dropdown-item:active { color: #75dcfa; background: #182b3a; }
.page-header { margin-top: 32px; }
.page-pretitle { font: 10px/1.5 var(--internal-mono); letter-spacing: .14em; color: #7f97aa; margin-bottom: 7px; }
.page-title { font-size: clamp(26px, 3vw, 30px); font-weight: 700; letter-spacing: -.8px; }
.page-body { flex: 1; margin-top: 28px; }
.btn {
  font: 500 13px/1.5 var(--tblr-font-sans-serif);
  letter-spacing: .01em;
  padding: 10px 15px;
  color: #c2d2df;
  background: linear-gradient(180deg, #182b3a, #0c1620);
  border: 1px solid #2d485c;
  border-radius: 6px;
  box-shadow: inset 0 1px 0 #d6effc1c, 0 3px 7px #0005;
}
.btn:hover { color: #75dcfa; border-color: #22bceb; background: #132230; }
.btn-primary { color: white; background: linear-gradient(180deg, #287bd8, #1855a0); border-color: #428ee0; }
.btn-primary:hover, .btn-primary:active { color: white; background: #287bd8; border-color: #75b5f5; }
.btn-link { background: transparent; box-shadow: none; border-color: transparent; }
.card, .modal-content { background: var(--internal-panel); border: 1px solid #2d485c; border-radius: 8px; box-shadow: var(--internal-shadow); }
.modal-header, .modal-footer { border-color: #1b3040; }
.modal-title { font-weight: 700; letter-spacing: -.3px; }
.form-label { color: #c2d2df; font: 500 13px/1.6 var(--tblr-font-sans-serif); }
.form-control, .form-select, .input-group-text {
  background-color: #071019;
  color: #f3f8fc;
  border-color: #2d485c;
  border-radius: 5px;
  box-shadow: inset 0 3px 8px #0005;
}
.form-control:focus, .form-select:focus { background-color: #071019; border-color: #22bceb; color: #f3f8fc; box-shadow: 0 0 0 3px #22bceb20; }
.form-selectgroup-label { background: #0c141d; border-color: #2d485c; }
.footer { background: transparent; border-top: 1px solid #1b3040; padding-block: 22px; color: #7f97aa; font: 400 12px/1.8 var(--tblr-font-sans-serif); }
.footer a { color: #8eaabd; }
.footer a:hover { color: #22bceb; }
a:focus-visible, button:focus-visible { outline: 2px solid #22bceb; outline-offset: 3px; }
@media (max-width: 767.98px) {
  header.navbar { min-height: 70px; }
  .navbar-brand { font-size: 20px; }
  #navbar-menu .navbar-nav { align-items: stretch; }
  .navbar .navbar-nav .nav-link { padding: 10px 12px; }
  .dropdown-menu-columns { flex-direction: column; }
  .page-header { margin-top: 24px; }
  .page-header .btn-list { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

h1, h2, h3, h4, h5, h6, .card-title { font-family: var(--tblr-font-sans-serif); font-weight: 600; }
.page-title, .navbar-brand { font-weight: 700; }

/* High-contrast reference notes and shell commands. */
.notes-card {
  background: #152331;
  color: #e2edf5;
  border-color: #456078;
}
.notes-card .card-header {
  background: #203448;
  border-bottom-color: #456078;
  border-radius: 7px 7px 0 0;
}
.notes-card .card-title,
.notes-card h3 { color: #ffffff; }
.notes-card h4 { color: #90ddff; }
.notes-card pre {
  background: #080f18;
  color: #e5f4ff;
  border: 1px solid #456078;
  border-left: 3px solid #63cef5;
  padding: 16px;
  font: 400 14px/1.65 var(--internal-mono);
}
.notes-card pre code {
  color: inherit;
  background: transparent;
  font: inherit;
}
.notes-card pre code.command-group {
  display: flex;
  flex-direction: column;
  white-space: normal;
}
.notes-card pre code.command-group > span {
  white-space: pre-wrap;
}
.code-copy-block {
  position: relative;
  background: #212121;
  border-radius: 24px;
  margin-bottom: 1rem;
  padding: 16px 56px 16px 20px;
}
.notes-card .code-copy-block pre {
  min-width: 0;
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.code-copy-button {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 7px;
  color: #f5f5f5;
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.code-copy-button:hover {
  background: #ffffff14;
}
.code-copy-button:disabled {
  opacity: .6;
}
.code-copy-button svg {
  flex-shrink: 0;
}
.notes-card .table {
  --tblr-table-color: #e2edf5;
  --tblr-table-bg: #152331;
  --tblr-table-border-color: #456078;
  color: #e2edf5;
}
.notes-card .table thead th {
  background: #203448;
  color: #ffffff;
}
.notes-card .table tbody tr:nth-child(even) > * {
  background: #1b2d3e;
  color: #e2edf5;
}

.theme-toggle { flex-shrink: 0; padding: 9px; }
.theme-icon-moon { display: none; }
[data-bs-theme="light"] .theme-icon-sun { display: none; }
[data-bs-theme="light"] .theme-icon-moon { display: block; }

[data-bs-theme="light"] {
  color-scheme: light;
  --tblr-body-bg: #f3f6fa;
  --tblr-body-color: #243447;
  --tblr-bg-surface: #ffffff;
  --tblr-bg-surface-secondary: #eaf0f6;
  --tblr-border-color: #cbd7e2;
  --tblr-secondary: #52687b;
  --tblr-secondary-rgb: 82, 104, 123;
  --tblr-link-color: #0969a5;
  --tblr-link-hover-color: #084f7a;
  --internal-panel: linear-gradient(145deg, #ffffff, #f0f5fa);
  --internal-shadow: 0 8px 24px #24344712;
}
[data-bs-theme="light"] body { background: #f3f6fa; }
[data-bs-theme="light"] header.navbar { background: linear-gradient(180deg, #ffffff, #eaf0f6); }
[data-bs-theme="light"] .navbar-brand a { color: #243447 !important; }
[data-bs-theme="light"] .navbar,
[data-bs-theme="light"] .navbar .navbar-nav .nav-link,
[data-bs-theme="light"] .form-label { color: #344d63; }
[data-bs-theme="light"] .navbar .navbar-nav .active > .nav-link,
[data-bs-theme="light"] .navbar .navbar-nav .nav-link:hover,
[data-bs-theme="light"] .navbar .navbar-nav .nav-link.show { color: #165da5; }
[data-bs-theme="light"] #navbar-menu > .navbar,
[data-bs-theme="light"] .footer,
[data-bs-theme="light"] .card,
[data-bs-theme="light"] .modal-content,
[data-bs-theme="light"] .modal-header,
[data-bs-theme="light"] .modal-footer { border-color: #cbd7e2; }
[data-bs-theme="light"] .dropdown-menu {
  --tblr-dropdown-link-color: #344d63;
  --tblr-dropdown-link-hover-bg: #eaf0f6;
  --tblr-dropdown-link-hover-color: #165da5;
  background: #ffffff;
  border-color: #cbd7e2;
  box-shadow: 0 12px 28px #24344720;
}
[data-bs-theme="light"] .dropdown-item.active,
[data-bs-theme="light"] .dropdown-item:active { color: #165da5; background: #eaf0f6; }
[data-bs-theme="light"] .btn:not(.btn-primary) { color: #344d63; background: #ffffff; border-color: #b9cad9; box-shadow: 0 2px 5px #24344712; }
[data-bs-theme="light"] .btn:not(.btn-primary):hover { color: #165da5; background: #eaf0f6; }
[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select,
[data-bs-theme="light"] .input-group-text,
[data-bs-theme="light"] .form-selectgroup-label { color: #243447; background-color: #ffffff; border-color: #b9cad9; box-shadow: none; }
[data-bs-theme="light"] .page-pretitle,
[data-bs-theme="light"] .footer,
[data-bs-theme="light"] .footer a { color: #52687b; }
[data-bs-theme="light"] .nav-link-icon img.local-icon { filter: brightness(0) saturate(100%); }
[data-bs-theme="light"] .notes-card { background: #ffffff; color: #243447; }
[data-bs-theme="light"] .notes-card .card-header { background: #eaf0f6; border-color: #cbd7e2; }
[data-bs-theme="light"] .notes-card .card-title,
[data-bs-theme="light"] .notes-card h3 { color: #243447; }
[data-bs-theme="light"] .notes-card h4 { color: #0969a5; }
[data-bs-theme="light"] .notes-card pre { background: #edf3f8; color: #243447; border-color: #b9cad9; }
[data-bs-theme="light"] .code-copy-block { background: #edf3f8; }
[data-bs-theme="light"] .code-copy-button { color: #344d63; }
[data-bs-theme="light"] .code-copy-button:hover { background: #24344712; }
[data-bs-theme="light"] .notes-card .table { --tblr-table-color: #243447; --tblr-table-bg: #ffffff; --tblr-table-border-color: #cbd7e2; color: #243447; }
[data-bs-theme="light"] .notes-card .table thead th { background: #eaf0f6; color: #243447; }
[data-bs-theme="light"] .notes-card .table tbody tr:nth-child(even) > * { background: #f3f6fa; color: #243447; }