*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --sidebar-w:280px;
  --primary:#2F3F5C;
  --accent:#F2531B;
  --accent-light:#FDEDE8;
  --text:#1e293b;
  --text-secondary:#64748b;
  --border:#e2e8f0;
  --bg:#ffffff;
  --bg-alt:#f8fafc;
  --code-bg:#0f172a;
  --code-text:#e2e8f0;
  --green:#4caf50;
  --green-10:#f1f9f2;
  --blue:#2196f3;
  --blue-10:#eef7fe;
  --amber:#ff9800;
  --amber-10:#fff8ec;
  --red:#f44336;
  --red-10:#fff5f6;
  --purple:#7c3aed;
  --purple-10:#f3f0ff;
}
body{font-family:'Inter',system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:14px;}
code,pre,.mono{font-family:'JetBrains Mono','Fira Code',monospace!important;}

/* Links — scoped to page content only (not sidebar nav or topbar) */
.content-left a,.home-section a{color:#1d6fb8;text-decoration:none;}
.content-left a:visited,.home-section a:visited{color:#6b47b8;}
.content-left a:hover,.home-section a:hover{color:#1558a0;}
[data-theme="dark"] .content-left a,[data-theme="dark"] .home-section a{color:#60a5fa;}
[data-theme="dark"] .content-left a:visited,[data-theme="dark"] .home-section a:visited{color:#c084fc;}
[data-theme="dark"] .content-left a:hover,[data-theme="dark"] .home-section a:hover{color:#93c5fd;}

/* Layout */
.layout{display:flex;min-height:100vh;}
.sidebar{width:var(--sidebar-w);position:fixed;top:0;left:0;bottom:0;background:var(--bg);border-right:1px solid var(--border);z-index:50;display:flex;flex-direction:column;overflow:hidden;}
.main{margin-left:var(--sidebar-w);flex:1;min-width:0;}

/* Sidebar */
.sidebar-header{padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0;}
.sidebar-logo{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:nowrap;}
.sidebar-logo img{height:24px;flex-shrink:0;}
.sidebar-logo span{font-weight:700;font-size:14px;color:var(--primary);white-space:nowrap;}
.version-select{appearance:none;-webkit-appearance:none;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:3px 20px 3px 8px;border-radius:4px;flex-shrink:0;border:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:8px 5px;}
.version-select:hover{background-color:#d94818;}
.sidebar-apikey{margin-bottom:8px;}
.sidebar-apikey input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:11px;font-family:'JetBrains Mono',monospace;outline:none;background:var(--bg-alt);}
.sidebar-apikey input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);}
.sidebar-search{position:relative;}
.sidebar-search input{width:100%;padding:7px 28px 7px 10px;border:1px solid var(--border);border-radius:6px;font-size:12px;outline:none;background:var(--bg-alt);color:var(--text);box-sizing:border-box;}
.sidebar-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);}
.sidebar-search input::placeholder{color:var(--text-secondary);}
.search-kbd{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--text-secondary);background:var(--border);padding:1px 4px;border-radius:3px;pointer-events:none;font-family:'Inter',system-ui,sans-serif;}
.sidebar-search.has-value .search-kbd{display:none;}
.search-clear{display:none;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:20px;height:20px;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary);padding:0;transition:background 0.1s,color 0.1s;}
.search-clear:hover{background:var(--border);color:var(--text);}
.sidebar-search.has-value .search-clear{display:flex;}
.method-filters{display:flex;gap:4px;margin-top:8px;}
.method-filter-btn{flex:1;padding:4px 0;border:1px solid var(--border);border-radius:36px;font-size:10px;font-weight:700;cursor:pointer;background:var(--bg-alt);color:var(--text-secondary);transition:all 0.15s;text-align:center;}
.method-filter-btn:hover:not(.dimmed):not(.all){border-color:var(--text-secondary);}
.method-filter-btn.dimmed{opacity:0.3;pointer-events:auto;}
.method-filter-btn.dimmed.get:hover{opacity:1;background:var(--green-10);color:var(--green);border-color:var(--green);}
.method-filter-btn.dimmed.post:hover{opacity:1;background:var(--blue-10);color:var(--blue);border-color:var(--blue);}
.method-filter-btn.dimmed.put:hover{opacity:1;background:var(--amber-10);color:var(--amber);border-color:var(--amber);}
.method-filter-btn.dimmed.delete:hover{opacity:1;background:var(--red-10);color:var(--red);border-color:var(--red);}
.method-filter-btn.all.dimmed{opacity:0.25;background:#fafafa;border-color:#999;color:#999;}
.method-filter-btn.all.dimmed:hover{opacity:1;}
.method-filter-btn.all.active{background:#999;color:#fff;border-color:#999;}
.method-filter-btn.all.active:hover{background:#777;border-color:#777;}
.method-filter-btn.all:not(.active):not(.dimmed):hover{border-color:#999;color:#666;}
.method-filter-btn.active.get{background:var(--green-10);color:var(--green);border-color:var(--green);}
.method-filter-btn.active.post{background:var(--blue-10);color:var(--blue);border-color:var(--blue);}
.method-filter-btn.active.put{background:var(--amber-10);color:var(--amber);border-color:var(--amber);}
.method-filter-btn.active.delete{background:var(--red-10);color:var(--red);border-color:var(--red);}

/* Sidebar nav */
.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0;}

/* Nav section — sticky header while scrolling */
.nav-section{padding:0 8px;margin-bottom:2px;}
.nav-section-title{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
  color:var(--primary);padding:8px 8px 4px;cursor:pointer;
  display:flex;align-items:center;gap:4px;user-select:none;
  position:sticky;top:0;background:var(--bg-alt);z-index:5;border-radius:4px;
}
.nav-section-title:hover{color:var(--text);}
.nav-section-title .count{font-size:10px;font-weight:500;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:0 6px;border-radius:8px;margin-left:auto;margin-right:4px;}
.nav-section-title .chevron{transition:transform 0.2s;flex-shrink:0;opacity:0.5;}
.nav-section.collapsed>.nav-link{display:none;}
.nav-section.collapsed>.nav-sub-section{display:none;}
.nav-section.collapsed .chevron{transform:rotate(-90deg);}

/* Nav sub-sections */
.nav-sub-section{padding:0 0 0 8px;margin-bottom:1px;}
.nav-sub-section-title{
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;
  color:var(--text-secondary);padding:5px 8px 3px;cursor:pointer;
  display:flex;align-items:center;gap:4px;user-select:none;
  border-radius:4px;background:var(--bg-alt);
}
.nav-sub-section-title:hover{background:var(--bg-alt);color:var(--text);}
.nav-sub-section-title .count{font-size:9px;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:0 5px;border-radius:6px;margin-left:auto;margin-right:4px;}
.nav-sub-section-title .chevron{transition:transform 0.2s;opacity:0.4;flex-shrink:0;}
.nav-sub-section.collapsed>.nav-link{display:none;}
.nav-sub-section.collapsed .chevron{transform:rotate(-90deg);}

.nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px 5px 18px;font-size:12px;color:var(--text-secondary);text-decoration:none;border-radius:4px;cursor:pointer;transition:all 0.1s;}
.nav-link:hover{background:var(--bg-alt);color:var(--text);}
.nav-link.active{background:var(--accent-light);color:var(--accent);font-weight:500;}
.nav-link .nav-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;}
.nav-method{font-size:9px;font-weight:700;text-align:center;padding:2px 5px;border-radius:36px;flex-shrink:0;}
.nav-method.get{background:var(--green-10);color:var(--green);border-color:var(--green);}
.nav-method.post{background:var(--blue-10);color:var(--blue);border-color:var(--blue);}
.nav-method.put{background:var(--amber-10);color:var(--amber);border-color:var(--amber);}
.nav-method.delete{background:var(--red-10);color:var(--red);border-color:var(--red);}
.nav-link .nav-path{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-link.guide-link{font-weight:500;color:var(--text);padding-left:8px;}
.nav-link.guide-link:hover{background:var(--bg-alt);}
.nav-link.guide-link.active{background:var(--accent-light);color:var(--accent);}
.nav-divider{height:1px;background:var(--border);margin:8px 16px;}

/* Content rows */
.content-section{display:grid;grid-template-columns:1fr 1fr;min-height:0;border-bottom:1px solid var(--border);}
.content-section:last-child{border-bottom:none;}
.content-left{padding:32px 36px;max-width:100%;overflow-x:hidden;}
.content-right{background:var(--bg-alt);padding:24px 24px 28px;color:var(--text);overflow-x:auto;position:relative;transition:opacity 0.2s;border-left:1px solid var(--border);}
.content-section.full-width{grid-template-columns:1fr;}
.content-section.full-width .content-left{max-width:100%;}

/* Code panel collapsed (global body class) */
body.code-panel-collapsed .content-right{display:none;}
body.code-panel-collapsed .content-section{grid-template-columns:1fr !important;}
body.code-panel-collapsed .content-left{max-width:720px;}

/* Typography */
h1{font-size:26px;font-weight:800;color:var(--primary);margin-bottom:8px;}
h2{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:8px;}
h3{font-size:15px;font-weight:700;color:var(--primary);margin:20px 0 6px;}
h4{font-size:13px;font-weight:700;color:var(--primary);margin:14px 0 4px;}
p{margin-bottom:10px;color:var(--text);}
p.subtitle{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:20px;}
.content-left>p:first-of-type{color:var(--text-secondary);}
ul{padding-left:20px;margin-bottom:10px;}
li{margin-bottom:3px;}
code{background:var(--bg-alt);border:1px solid var(--border);padding:1px 5px;border-radius:3px;font-size:12px;color:var(--accent);}
.content-right code{background:var(--bg);border:1px solid var(--border);color:var(--accent);}
.content-left pre{background:var(--code-bg);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:12px;margin:0 0 16px;overflow-x:auto;color:var(--code-text);}
.content-left pre code{background:none;border:none;padding:0;color:var(--code-text);font-size:12px;}

/* Endpoint header */
.endpoint-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.method-badge{font-weight:500;font-size:11px;padding:3px 10px;border-radius:36px;letter-spacing:0.03em;flex-shrink:0;border:1px solid transparent;}
.method-badge.get{background:var(--green-10);color:var(--green);border-color:var(--green);}
.method-badge.post{background:var(--blue-10);color:var(--blue);border-color:var(--blue);}
.method-badge.put{background:var(--amber-10);color:var(--amber);border-color:var(--amber);}
.method-badge.delete{background:var(--red-10);color:var(--red);border-color:var(--red);}
.method-badge.patch{background:var(--purple-10);color:var(--purple);border-color:var(--purple);}
.endpoint-path{font-size:14px;font-weight:600;color:var(--text);word-break:break-all;}
.endpoint-path code{background:none;border:none;color:inherit;padding:0;font-size:14px;}

/* Path group cards */
.path-group-card{border:1px solid var(--border);border-radius:8px;margin:0 20px 8px;overflow:hidden;background:var(--bg);}
.path-group-header{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background 0.1s;user-select:none;}
.path-group-header:hover{background:var(--bg-alt);}
.path-group-header .card-path{font-size:12px;font-weight:600;color:var(--text);}
.path-group-header .card-path code{font-size:12px;background:none;border:none;padding:0;color:inherit;}
.path-group-header .card-summary{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}
.card-chevron{margin-left:auto;transition:transform 0.2s;flex-shrink:0;color:var(--text-secondary);}
.path-group-card.expanded .card-chevron{transform:rotate(180deg);}
.path-group-body{display:none;}
.path-group-card.expanded .path-group-body{display:block;}

/* Overlapping method badges — card header */
.path-methods-stack{display:flex;align-items:center;flex-shrink:0;}
.path-methods-stack .method-badge{font-size:10px;padding:3px 8px;box-shadow:0 0 0 2px var(--bg);}
.path-methods-stack .method-badge+.method-badge{margin-left:-6px;}

/* Method tabs (GET | POST | PUT | DELETE row inside expanded card) */
.method-tabs{display:flex;background:var(--bg-alt);border-bottom:1px solid var(--border);overflow-x:auto;}
.method-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap;transition:all 0.15s;flex-shrink:0;}
.method-tab:hover{background:var(--bg);color:var(--text);}
.method-tab.active{background:var(--bg);color:var(--text);border-bottom-color:var(--accent);font-weight:600;}
.method-tab-label{font-size:12px;color:inherit;}
.method-pane{display:none;}
.method-pane.active{display:block;}

/* Overlapping method badges — sidebar nav */
.nav-methods-stack{display:flex;align-items:center;flex-shrink:0;}
.nav-methods-stack .nav-method{box-shadow:0 0 0 2px var(--bg);}
.nav-methods-stack .nav-method+.nav-method{margin-left:-5px;}

/* Endpoint summary bar */
.ep-summary-bar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:10px 16px;
  background:var(--bg-alt);border-bottom:1px solid var(--border);
}
.ep-summary-path{font-size:12px;font-weight:600;color:var(--text);font-family:'JetBrains Mono',monospace;}
.ep-summary-sep{color:var(--text-secondary);flex-shrink:0;}
.ep-summary-desc{font-size:12px;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ep-auth-badge{font-size:14px;color:var(--text-secondary);white-space:nowrap;margin-left:auto;}

/* Endpoint tabs */
.ep-tabs-wrapper{display:flex;align-items:center; border-bottom:1px solid var(--border);background:var(--bg);position:relative;}
.ep-tabs{display:flex;flex:1;}
.ep-tab{
  padding:8px 16px;font-size:12px;font-weight:500;
  border:none;background:none;cursor:pointer;color:var(--text-secondary);
  border-bottom:2px solid transparent;transition:all 0.15s;white-space:nowrap;
}
.ep-tab:hover{color:var(--text);background:var(--bg-alt);}
.ep-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600;}
.ep-tab-pane{display:none;}
.ep-tab-pane.active{display:block;}

.ep-summary-desc.expanded .ep-desc-toggle {display: inline;vertical-align: middle;}
.ep-desc-toggle {font-size: 11px;color: var(--accent);background: none;border: none;cursor: pointer;padding: 0 2px;white-space: nowrap;flex-shrink: 0;}
.ep-desc-toggle:hover {text-decoration: underline;}

/* Show examples button (visible when code panel is hidden) */
.show-code-btn{
  display:none;margin-right:12px;padding:6px 12px; margin-top: 4px; margin-bottom: 4px;
  font-size:12px;font-weight:600;border:1px solid var(--border);
  border-radius:4px;cursor:pointer;background:var(--bg-alt);color:var(--text-secondary);
  white-space:nowrap;flex-shrink:0;
}
.show-code-btn:hover{border-color:var(--accent);color:var(--accent);}
body.code-panel-collapsed .show-code-btn{display:inline-flex;align-items:center;gap:4px;}

/* Tag group header */
.tag-group-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 8px;}
.tag-group-header h2{font-size:17px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:0.03em;margin:0;}
.tag-group-actions{font-size:12px;color:var(--accent);cursor:pointer;font-weight:500;white-space:nowrap;}
.tag-group-actions:hover{text-decoration:underline;}

/* Code language bar — icon-tabs row + prominent Try It button */
.code-lang-bar{
  display:flex;align-items:center;gap:8px;margin-bottom:12px;
}
.code-lang-tabs{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:wrap;}
.code-lang-tab{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  min-width:62px;padding:8px 6px;background:var(--bg);
  border:1.5px solid var(--border);border-radius:8px;
  color:var(--text-secondary);cursor:pointer;transition:all 0.15s;
  font-size:12px;font-weight:500;letter-spacing:0.05em;
}
.code-lang-tab:hover:not(.active){background:#fff;color:var(--text);border-color:#cbd5e1;}
.code-lang-tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);}
.code-lang-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:currentColor;}
.code-lang-icon svg{width:22px;height:22px;display:block;}
.code-lang-tab[data-lang="go"] .code-lang-icon svg, .code-lang-tab[data-lang="java"] .code-lang-icon svg, .code-lang-tab[data-lang="ruby"] .code-lang-icon svg{width:27px;height:27px;}
.code-lang-label{line-height:1;}
.code-lang-pane{display:none;}
.code-lang-pane.active{display:block;}

/* Try It! prominent button — sits in the lang-bar, right-aligned. */
.try-it-btn-top{
  display:inline-flex;align-items:center;gap:6px;
  margin-left:auto;padding:7px 14px;
  background:var(--accent);color:#fff;border:none;border-radius:6px;
  font-size:12px;font-weight:700;letter-spacing:0.02em;cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,0.15);transition:background 0.15s,transform 0.05s;
  flex-shrink:0;
}
.try-it-btn-top:hover{background:#d94818;}
.try-it-btn-top:active{transform:translateY(1px);}
.try-it-btn-top svg{flex-shrink:0;}

/* Right panel collapse button */
.right-collapse-btn{
  background:var(--bg);border:1px solid var(--border);
  color:var(--text-secondary);border-radius:6px;cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;padding:7px 12px;
  font-size:12px;font-weight:700;letter-spacing:0.02em;
  transition:all 0.15s;flex-shrink:0;
}
.right-collapse-btn:hover{background:#fff;color:var(--text);border-color:#cbd5e1;}

/* Try It form section — always visible. Dark to match the code blocks. */
.try-it-section{
  margin-top:14px;background:var(--code-bg);
  border:1px solid rgba(255,255,255,0.08);border-radius:8px;
  overflow:hidden;transition:box-shadow 0.4s,border-color 0.4s;
}
.try-it-section.flash{
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(242,83,27,0.25);
}
.try-it-section-header{
  padding:8px 12px;font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;color:#94a3b8;
  background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.06);
}
.try-it-body{padding:12px;}

/* Param table */
.param-table{width:100%;border-collapse:collapse;margin:0 0 0;font-size:13px;}
.param-table th{text-align:left;padding:6px 10px;background:var(--bg-alt);border:1px solid var(--border);font-weight:600;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.03em;}
.param-table td{padding:6px 10px;border:1px solid var(--border);vertical-align:top;}
.param-name{font-weight:600;color:var(--text);}
.param-required{color:var(--accent);font-size:10px;font-weight:700; margin-left: 4px;}
.param-type{color:var(--text-secondary);font-size:11px;}
.param-desc{color:var(--text-secondary);font-size:12px;line-height:1.5;}
.param-desc ul{padding-left:16px;margin:4px 0 0;}
.param-desc li{font-size:12px;margin-bottom:2px;}
.param-default{font-size:11px;display:block;margin-top:2px;}
.param-enum{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;}
.param-enum span{background:var(--bg-alt);border:1px solid var(--border);padding:1px 6px;border-radius:3px;font-size:11px;font-family:'JetBrains Mono',monospace;color:var(--text-secondary);}

/* Parameter groups */
.param-group{margin-bottom:62px; display: flex; flex-direction: column; gap: 18px;}
.param-group:last-child{margin-bottom:0;}
.param-group-label{padding-left: 4px; font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-secondary);display:flex;align-items:center;gap:6px;}
.param-group-label::after{content:'';flex:1;height:1px;background:var(--border);}

/* Fields display */
.fields-box{border:1px solid var(--border);border-radius:8px;margin:8px 0 0;overflow:hidden;}
.fields-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-alt);border-bottom:1px solid var(--border);cursor:pointer;user-select:none;}
.fields-header:hover{background:#f1f5f9;}
.fields-title{font-size:12px;font-weight:600;color:var(--text);}
.fields-count{font-size:11px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);padding:1px 8px;border-radius:10px;}
.fields-toggle{font-size:11px;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:4px;}
.fields-toggle svg{transition:transform 0.2s;transform:rotate(180deg);}
.fields-box.closed .fields-toggle svg{transform:rotate(0deg);}
.fields-body{padding:12px 14px;}
.fields-box.closed .fields-body{display:none;}
.fields-category{margin-bottom:10px;}
.fields-category:last-child{margin-bottom:0;}
.fields-cat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary);margin-bottom:4px;}
.fields-grid{display:flex;flex-wrap:wrap;gap:3px;}
.field-chip{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;font-family:'JetBrains Mono',monospace;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);}
.field-chip.fk{color:#7c3aed;background:#f5f3ff;border-color:#e9e5ff;}
.field-chip.date{color:#0369a1;background:#f0f9ff;border-color:#e0f2fe;}
.field-chip.money{color:#047857;background:#ecfdf5;border-color:#d1fae5;}
.field-chip.core{color:var(--text);background:var(--bg-alt);font-weight:500;}

/* Schema / body params */
.schema-box{border:1px solid var(--border);border-radius:8px;margin:0;overflow:hidden;}
.schema-header{padding:8px 12px;background:var(--bg-alt);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text);}
.schema-table{width:100%;border-collapse:collapse;font-size:12px;}
.schema-table td{padding:5px 12px;border-bottom:1px solid var(--border);}
.schema-table tr:last-child td{border-bottom:none;}
.schema-field{font-weight:600;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text);}
.schema-type{color:var(--text-secondary);font-size:11px;}
.schema-example{color:var(--green);font-family:'JetBrains Mono',monospace;font-size:11px;}

/* Related endpoints */
.related-eps{border:1px solid var(--border);border-radius:8px;margin-top:16px;overflow:hidden;}
.related-eps-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-secondary);padding:8px 12px;background:var(--bg-alt);border-bottom:1px solid var(--border);}
.related-ep-links{display:flex;flex-direction:column;}
.related-ep-link{display:flex;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);transition:background 0.1s;}
.related-ep-link:last-child{border-bottom:none;}
.related-ep-link:hover{background:var(--bg-alt);}
.related-ep-path{font-size:12px;color:var(--text);font-family:'JetBrains Mono',monospace;background:none;border:none;padding:0;}
.related-ep-summary{color:var(--text-secondary);font-size:11px;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}

/* Right panel code blocks */
.code-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#64748b;margin-bottom:6px;margin-top:12px;}
.code-label:first-child{margin-top:0;}
.code-block{background:var(--code-bg);border:1px solid rgba(15,23,42,0.15);border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,0.06);}
.code-block-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.08);}
.code-block-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#94a3b8;}
.code-block-title-sub{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.04em;color:#64748b;margin-left:2px;}
.code-copy{background:none;border:1px solid rgba(255,255,255,0.15);color:#a1acbd;font-size:12px;padding:7px 12px;border-radius:6px;cursor:pointer;margin-left:auto;}
.code-copy:hover{background:rgba(255,255,255,0.08);color:#fff;}
.code-block-btns{display:flex;align-items:center;gap:8px;margin-left:auto;}
.code-block-btns .code-copy{margin-left:0;}
.code-copy-llm{display:inline-flex;align-items:center;gap:5px;color:#bca6ff;border-color:rgba(167,139,250,0.25);}
.code-copy-llm:hover{background:rgba(167,139,250,0.1);color:#d4c9ff;border-color:rgba(167,139,250,0.4);}
.copy-llm-label{white-space:nowrap;}

/* Response box — visually separated from request, with status pill.
   Stays dark like the request block; only the header gets a slightly darker
   tint so the two boxes read as related-but-distinct. */
.code-block-response{margin-top:18px;}
.code-block-response .code-block-header{background:rgba(0,0,0,0.25);}
.resp-status-pill{
  display:inline-flex;align-items:center;gap:4px;
  padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;
  letter-spacing:0.02em;font-family:'JetBrains Mono',monospace;
}
.resp-status-pill::before{
  content:'';width:6px;height:6px;border-radius:50%;background:currentColor;
}
.resp-status-pill.resp-2xx{background:rgba(5,150,105,0.18);color:#34d399;}
.resp-status-pill.resp-4xx{background:rgba(217,119,6,0.18);color:#fbbf24;}
.resp-status-pill.resp-5xx{background:rgba(220,38,38,0.18);color:#f87171;}
.code-block pre{padding:12px;margin:0;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;color:var(--code-text);}
.code-block pre .cm{color:#64748b;}
.code-block pre .s{color:#86efac;}
.code-block pre .k{color:#93c5fd;}
.code-block pre .n{color:#fbbf24;}
.code-block pre .kw{color:#c4b5fd;}

/* Response tabs (right-panel code block) */
.resp-tabs-block .code-block-header{flex-wrap:wrap;gap:6px;}
.resp-tabs{display:flex;gap:4px;flex:1;flex-wrap:wrap;}
.resp-tab{
  padding:2px 9px;border-radius:4px;border:2px solid transparent;
  font-size:11px;font-weight:700;font-family:'JetBrains Mono',monospace;
  cursor:pointer;background:none;transition:all 0.1s;color:var(--text-secondary);
}
.resp-tab.resp-2xx{color:#34d399;}
.resp-tab.resp-4xx{color:#fbbf24;}
.resp-tab.resp-5xx{color:#f87171;}
.resp-tab.active{border: 2px solid currentColor;}
.resp-tab.active.resp-2xx{border-color:#34d399;}
.resp-tab.active.resp-4xx{border-color:#fbbf24;}
.resp-tab.active.resp-5xx{border-color:#f87171;}
.resp-tab-pane{display:none;}
.resp-tab-pane.active{display:block;}

/* Callout */
.callout{border-radius:8px;padding:12px 14px;margin-bottom:14px;font-size:13px;}
.callout-info{background:#eff6ff;border-left:3px solid var(--blue);}
.callout-warning{background:#fef3c7;border-left:3px solid #f59e0b;}
.callout h4{margin:0 0 4px;font-size:13px;}
.callout p{margin:0;font-size:13px;color:#374151;}
.callout code{background:rgba(0,0,0,0.06);}

/* Ref tables */
.ref-table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0;}
.ref-table th{text-align:left;padding:6px 10px;background:var(--primary);color:#fff;font-weight:600;font-size:11px;}
.ref-table td{padding:6px 10px;border-bottom:1px solid var(--border);}
.ref-table tr:nth-child(even) td{background:var(--bg-alt);}
.http-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:700;}
.http-2xx{background:#ecfdf5;color:#059669;}
.http-4xx{background:#fef3c7;color:#92400e;}
.http-5xx{background:#fee2e2;color:#991b1b;}

/* Goldmark default tables */
.content-left table:not(.param-table):not(.schema-table):not(.ref-table){width:100%;border-collapse:collapse;font-size:13px;margin:10px 0;}
.content-left table:not(.param-table):not(.schema-table):not(.ref-table) th{text-align:left;padding:6px 10px;background:var(--primary);color:#fff;font-weight:600;font-size:11px;}
.content-left table:not(.param-table):not(.schema-table):not(.ref-table) td{padding:6px 10px;border-bottom:1px solid var(--border);}
.content-left table:not(.param-table):not(.schema-table):not(.ref-table) tr:nth-child(even) td{background:var(--bg-alt);}

/* Inline Try It bar */
/* Inline Try It bar — light theme */
.inline-try{border:1px solid var(--border);border-radius:8px;margin-bottom:20px;overflow:hidden;}
.inline-try-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;user-select:none;background:var(--bg-alt);transition:background 0.1s;}
.inline-try-bar:hover{background:#edf2f7;}
.inline-try-path{font-size:14px;color:var(--text-secondary);flex:1;font-family:'JetBrains Mono',monospace;}
.inline-try-btn{margin-left:auto;padding:7px 22px;border-radius:6px;border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:14px;font-weight:700;white-space:nowrap;transition:background 0.15s;}
.inline-try-bar:hover .inline-try-btn{background:#d94818;}
.inline-try-body{display:none;padding:20px;border-top:1px solid var(--border);background:var(--bg);}
.inline-try.open .inline-try-body{display:block;}

/* Try it form — light theme inside inline panel */
.try-it{margin-top:0;}
.try-it-row{display:flex;gap:10px;margin-bottom:10px;align-items:center;}
.try-it label{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:90px;flex-shrink:0;}
.try-it input{flex:1;background:var(--bg-alt);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:6px;font-size:13px;font-family:'JetBrains Mono',monospace;}
.try-it input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);}
.try-it textarea{width:100%;background:var(--bg-alt);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:6px;font-size:13px;font-family:'JetBrains Mono',monospace;min-height:240px;resize:vertical;}
.try-it textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);}
.try-actions{display:flex;gap:10px;align-items:stretch;margin-bottom:10px;}
.try-add-param{background:none;border:1px dashed var(--border);color:var(--text-secondary);padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;min-width:220px;}
.try-add-param:hover{border-color:var(--accent);color:var(--accent);}
.try-actions .try-btn{flex:1;margin-top:0;}
.try-custom-param .try-custom-key{flex:0 0 38%;min-width:0;}
.try-custom-param .try-custom-val{flex:1;min-width:0;}
.try-remove-param{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;}
.try-remove-param:hover{color:var(--red);}
.try-btn{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;width:100%;margin-top:6px;}
.try-btn:hover{background:#d94818;}
.try-btn:disabled{opacity:0.5;cursor:not-allowed;}
.try-response{margin-top:14px;}
.try-response .code-block pre{max-height:700px;overflow-y:auto;}

/* Collapsible response list */
.resp-list{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:0;}
.resp-item{border-bottom:1px solid var(--border);}
.resp-item:last-child{border-bottom:none;}
.resp-item-header{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;cursor:pointer;user-select:none;transition:background 0.1s;}
.resp-item-header:hover{background:var(--bg-alt);}
.resp-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px;}
.resp-2xx{background:transparent;}
.resp-4xx{background:transparent;}
.resp-5xx{background:transparent;}
.resp-item-header-main{flex:1;display:flex;flex-direction:column;gap:2px;}
.resp-code{font-size:14px;font-weight:700;color:var(--text);line-height:1.3;}
.resp-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;}
.resp-chevron{flex-shrink:0;margin-top:5px;color:var(--text-secondary);transition:transform 0.2s;}
.resp-item.open .resp-chevron{transform:rotate(180deg);}
.resp-item-body{display:none;border-top:1px solid var(--border);padding:14px;background:var(--bg-alt);}
.resp-item.open .resp-item-body{display:block;}
.resp-body-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-secondary);margin-bottom:8px;}
.resp-schema{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg);}
.resp-schema-type{padding:6px 12px;font-size:11px;color:var(--text-secondary);background:var(--bg-alt);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.resp-schema-example-hdr{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--green);opacity:0.7;}
.resp-field{padding:8px 12px;border-bottom:1px solid var(--border);}
.resp-field:last-child{border-bottom:none;}
.resp-field-row{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;}
.resp-field-name{font-weight:700;font-size:13px;color:var(--text);font-family:'JetBrains Mono','Fira Code',monospace;}
.resp-field-type{font-size:11px;color:var(--text-secondary);}
.resp-field-example{margin-left:auto;font-size:11px;font-family:'JetBrains Mono','Fira Code',monospace;color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;}
.resp-field-desc{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.4;}
.resp-nested{margin:8px 0 0;border-color:var(--border);}
.resp-nested .resp-field{padding:7px 10px;}
.resp-sub-schema{border:1px solid var(--border);border-radius:5px;margin:8px 0 0;overflow:hidden;}
.resp-sub-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-alt);cursor:pointer;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-secondary);user-select:none;transition:background 0.1s;}
.resp-sub-header:hover{background:#f1f5f9;}
.resp-sub-icon{font-size:14px;font-weight:400;line-height:1;color:var(--text-secondary);}
.resp-sub-body{display:none;}
.resp-sub-schema.open .resp-sub-body{display:block;}

/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#94a3b8;}

/* Loading */
.loading{text-align:center;padding:40px;color:var(--text-secondary);}
.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.6s linear infinite;margin-right:6px;vertical-align:middle;}
@keyframes spin{to{transform:rotate(360deg)}}

/* Sidebar Auth */
.sidebar-auth{padding:0;border-bottom:1px solid var(--border);}
.sidebar-auth-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;user-select:none;}
.sidebar-auth-header:hover{background:var(--bg-alt);}
.sidebar-auth-body{padding:0 16px 12px;}
.sidebar-auth.closed .sidebar-auth-body{display:none;}
.sidebar-auth-chevron{transition:transform 0.2s;color:var(--text-secondary);opacity:0.5;}
.sidebar-auth.closed .sidebar-auth-chevron{transform:rotate(-90deg);}
.sidebar-auth-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary);display:flex;align-items:center;gap:6px;}
.auth-status{font-size:9px;padding:1px 7px;border-radius:8px;font-weight:600;text-transform:none;letter-spacing:0;}
.auth-status.active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;}
.auth-status.inactive{background:var(--bg-alt);color:var(--text-secondary);border:1px solid var(--border);}
.auth-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:8px;}
.auth-tab{flex:1;padding:8px 0;font-size:12px;font-weight:600;cursor:pointer;border:none;background:var(--bg-alt);color:var(--text-secondary);transition:all 0.15s;text-align:center;}
.auth-tab:not(:last-child){border-right:1px solid var(--border);}
.auth-tab.active{background:var(--accent);color:#fff;}
.auth-tab:hover:not(.active){background:#f1f5f9;}
.auth-tab-content{display:none;margin-bottom:6px;}
.auth-tab-content.active{display:block;}
.sidebar-auth input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:'JetBrains Mono',monospace;outline:none;background:var(--bg-alt);color:var(--text);}
.sidebar-auth input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);}
.sidebar-auth-url{margin-bottom:8px;}
.sidebar-auth-btn{width:100%;padding:7px 0;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff;transition:all 0.15s;letter-spacing:0.03em;}
.sidebar-auth-btn:hover{background:#d94818;}
.sidebar-auth-btn.saved{background:#059669;}

/* Sidebar method filters */
.sidebar-filters{padding:16px 4px 8px 8px;}
.sidebar-filters-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;}
.endpoint-count{font-size:10px;font-weight:500;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:0 6px;border-radius:8px;}

/* ============================================================
   Top tab bar (Home / Guides / API Reference)
   ============================================================ */
:root{--topbar-h:48px;}
.topbar{
  position:fixed;top:0;left:0;right:0;height:var(--topbar-h);
  background:var(--bg);border-bottom:1px solid var(--border);
  display:flex;align-items:center;padding:0 16px;gap:20px;z-index:60;
}
.topbar-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0;}
.topbar-brand img{height:38px;}
.topbar-tabs{display:flex;align-items:center;gap:2px;}
.topbar-tab{
  display:flex;align-items:center;gap:6px;padding:4px 12px;
  font-size:13px;font-weight:600;color:var(--text-secondary);
  text-decoration:none;border-radius:6px;border:1px solid transparent;
  transition:background 0.1s,color 0.1s,border-color 0.1s;
}
.topbar-tab:hover{background:var(--bg-alt);color:var(--text);}
.topbar-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;}
.topbar-tab svg{flex-shrink:0;opacity:0.85;}
.topbar-tab.active svg{color:#fff;opacity:1;}

/* Push the rest of the layout below the topbar. */
body.reference-page .layout,
body.guides-page .layout{margin-top:var(--topbar-h);}
body.reference-page .sidebar,
body.guides-page .sidebar{top:var(--topbar-h);}

/* Offset anchor scrolling so section titles aren't hidden behind the fixed topbar. */
html:has(body.reference-page),
html:has(body.guides-page){scroll-padding-top:calc(var(--topbar-h));}

/* ============================================================
   Home page
   ============================================================ */
body.home-page{background:var(--bg-alt);}
.home-main{
  margin-top:var(--topbar-h);min-height:calc(100vh - var(--topbar-h));
  display:flex;justify-content:center;padding:48px 24px 80px;
}
.home-content{width:100%;max-width:880px;}
.home-section{margin-bottom:32px;}
.home-section h1{font-size:34px;line-height:1.15;}
.home-section p.subtitle{font-size:17px;color:var(--text-secondary);margin-bottom:28px;}
.home-section h3{font-size:18px;margin-top:32px;margin-bottom:12px;}
.home-section pre{
  background:var(--code-bg);color:var(--code-text);
  border-radius:8px;padding:14px 16px;overflow-x:auto;font-size:12.5px;
}
.home-section pre code{background:none;border:none;color:inherit;padding:0;}

.home-cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;margin:24px 0 8px;
}
.home-card{
  display:block;padding:18px 20px;background:var(--bg);
  border:1px solid var(--border);border-radius:10px;text-decoration:none;
  transition:border-color 0.15s,transform 0.15s,box-shadow 0.15s;  
}
.home-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px rgba(15,23,42,0.06);}
.home-card-title{font-size:14px;font-weight:700;color:var(--primary);margin-bottom:6px;}
.home-card-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5;}

/* ============================================================
   Guides page tweaks
   ============================================================ */
body.guides-page .sidebar-header{padding:14px 16px 10px;}
body.guides-page .sidebar-logo span{font-size:13px;color:var(--primary);}
body.guides-page .main{padding-bottom:60px;}

/* ============================================================
   Slug pages (/reference/{slug}) — dedicated method pages
   ============================================================ */

/* Page header */
.pg-page-header{
  padding:28px 32px 20px;
  border-bottom:1px solid var(--border);
  background:var(--bg);
}
.pg-breadcrumb{
  display:flex;align-items:center;gap:6px;
  font-size:12px;color:var(--text-secondary);margin-bottom:10px;
}
.pg-breadcrumb a{color:var(--accent);text-decoration:none;}
.pg-breadcrumb a:hover{text-decoration:underline;}
.pg-breadcrumb-sep{color:var(--border);font-size:14px;}
.pg-page-title{
  font-size:28px;font-weight:800;color:var(--primary);
  margin:0 0 6px;line-height:1.2;
}
.pg-page-path{
  font-size:13px;color:var(--text-secondary);
  font-family:'JetBrains Mono',monospace;background:none;border:none;padding:0;
}

/* Method navigation bar (anchor links at top) */
.method-nav-bar{
  display:flex;flex-wrap:wrap;gap:8px;
  padding:14px 32px;
  border-bottom:1px solid var(--border);
  background:var(--bg-alt);
  position:sticky;top:var(--topbar-h,0);z-index:10;
}
.method-nav-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 14px;
  border:1px solid var(--border);border-radius:20px;
  text-decoration:none;font-size:12px;font-weight:500;
  color:var(--text-secondary);background:var(--bg);
  transition:all 0.15s;
}
.method-nav-btn:hover{border-color:var(--text-secondary);color:var(--text);background:#fff;}
.method-nav-btn.get:hover{border-color:var(--green);color:var(--green);background:var(--green-10);}
.method-nav-btn.post:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-10);}
.method-nav-btn.put:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-10);}
.method-nav-btn.delete:hover{border-color:var(--red);color:var(--red);background:var(--red-10);}
.method-nav-summary{font-size:12px;}

/* Method sections — stacked vertically, no card wrapper */
.method-section{
  border-bottom:2px solid var(--border);
  background:var(--bg);
  min-height: calc(100vh - var(--topbar-h,48px) - 62px);
}
.method-section:last-child{border-bottom:none;}
/* Offset anchor scroll so the sticky nav bar doesn't overlap */
.method-section{scroll-margin-top:calc(var(--topbar-h,48px) + 12px);}

/* Flat sidebar method links */
.nav-link.method-link{
  display:flex;align-items:center;gap:12px;
  padding:5px 8px 5px 12px;
  font-size:12px;color:var(--text-secondary);
  text-decoration:none;border-radius:4px;cursor:pointer;
  transition:all 0.1s;
  white-space:nowrap;overflow:hidden;
}
.nav-link.method-link:hover{background:var(--bg-alt);color:var(--text);}
.nav-link.method-link.active{background:var(--accent-light);color:var(--accent);font-weight:500;}
.nav-link.method-link .nav-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
/* Sidebar method badges: fixed-width column wrapper, badge sized to content */
.nav-link.method-link .nav-method-col{width:42px;min-width:42px;display:flex;justify-content:flex-end;flex-shrink:0;}
.nav-link.method-link .nav-method{width:auto;min-width:unset;border-radius:4px;}
.nav-link.method-link .nav-method.get{background:var(--green-10);border:none;color:var(--green);}
.nav-link.method-link .nav-method.post{background:var(--blue-10);border:none;color:var(--blue);}
.nav-link.method-link .nav-method.put{background:var(--amber-10);border:none;color:var(--amber);}
.nav-link.method-link .nav-method.delete{background:var(--red-10);border:none;color:var(--red);}

/* Subtle divider between path groups within a sidebar tag section */
.nav-pg-divider{
  height:1px;background:var(--border);
  margin:3px 8px;opacity:0.6;
}

/* Ensure collapsed nav sections still hide method-links */
.nav-section.collapsed>.method-link{display:none;}
.nav-section.collapsed>.nav-pg-divider{display:none;}

/* ============================================================
   Theme toggle button
   ============================================================ */
.theme-toggle{
  margin-left:auto;background:none;border:1px solid var(--border);
  border-radius:6px;padding:6px 8px;cursor:pointer;color:var(--text-secondary);
  display:inline-flex;align-items:center;justify-content:center;
  transition:all 0.15s;flex-shrink:0;
}
.theme-toggle:hover{background:var(--bg-alt);color:var(--text);}
.theme-icon.sun{display:none;}
.theme-icon.moon{display:block;}
[data-theme="dark"] .theme-icon.sun{display:block;}
[data-theme="dark"] .theme-icon.moon{display:none;}

/* ============================================================
   Dark mode
   ============================================================ */
[data-theme="dark"]{
  --primary:#93a8c4;
  --text:#e2e8f0;
  --text-secondary:#94a3b8;
  --border:#334155;
  --bg:#0f172a;
  --bg-alt:#1e293b;
  --accent-light:rgba(242,83,27,0.18);
  --code-bg:#020617;
  --green-10:rgba(76,175,80,0.15);
  --blue-10:rgba(33,150,243,0.15);
  --amber-10:rgba(255,152,0,0.15);
  --red-10:rgba(244,67,54,0.15);
  --purple-10:rgba(124,58,237,0.15);
}
.logo-light{display:block;}
.logo-dark{display:none;}
[data-theme="dark"] .logo-light{display:none;}
[data-theme="dark"] .logo-dark{display:block;}
[data-theme="dark"] .ref-table th{background:#1e293b;color:#94a3b8;}
[data-theme="dark"] .content-left table:not(.param-table):not(.schema-table):not(.ref-table) th{background:#1e293b;color:#94a3b8;}
[data-theme="dark"] .fields-header:hover{background:#334155;}
[data-theme="dark"] .code-lang-tab:hover:not(.active){background:#1e293b;color:var(--text);border-color:#475569;}
[data-theme="dark"] .right-collapse-btn:hover{background:#1e293b;color:var(--text);border-color:#475569;}
[data-theme="dark"] .method-nav-btn:hover{background:#1e293b;}
[data-theme="dark"] .resp-sub-header:hover{background:#334155;}
[data-theme="dark"] .callout-info{background:rgba(33,150,243,0.1);border-left-color:#3b82f6;color:#93c5fd;}
[data-theme="dark"] .callout-info p{color:#93c5fd;}
[data-theme="dark"] .callout-warning{background:rgba(245,158,11,0.1);border-left-color:#f59e0b;color:#fcd34d;}
[data-theme="dark"] .callout-warning p{color:#fcd34d;}
[data-theme="dark"] .inline-try-bar:hover{background:#334155;}
[data-theme="dark"] .path-group-header:hover{background:#1e293b;}
[data-theme="dark"] .method-tab:hover{background:#0f172a;color:var(--text);}
[data-theme="dark"] .home-card{background:var(--bg-alt);}
[data-theme="dark"] .home-card:hover{box-shadow:0 4px 14px rgba(0,0,0,0.4);}
[data-theme="dark"] .field-chip.fk{color:#c4b5fd;background:rgba(124,58,237,0.15);border-color:rgba(124,58,237,0.3);}
[data-theme="dark"] .field-chip.date{color:#7dd3fc;background:rgba(3,105,161,0.15);border-color:rgba(3,105,161,0.3);}
[data-theme="dark"] .field-chip.money{color:#6ee7b7;background:rgba(4,120,87,0.15);border-color:rgba(4,120,87,0.3);}
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#475569;}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#64748b;}
[data-theme="dark"] .auth-tab:hover:not(.active){background:#334155;}
[data-theme="dark"] .topbar-tab:hover{background:#1e293b;}
/* Stacked method pills: solid backgrounds so overlapping borders don't bleed through */
[data-theme="dark"] .path-methods-stack .method-badge.get,
[data-theme="dark"] .nav-methods-stack .nav-method.get{background:#14532d;}
[data-theme="dark"] .path-methods-stack .method-badge.post,
[data-theme="dark"] .nav-methods-stack .nav-method.post{background:#1e3a5f;}
[data-theme="dark"] .path-methods-stack .method-badge.put,
[data-theme="dark"] .nav-methods-stack .nav-method.put{background:#451a03;}
[data-theme="dark"] .path-methods-stack .method-badge.delete,
[data-theme="dark"] .nav-methods-stack .nav-method.delete{background:#450a0a;}
[data-theme="dark"] .path-methods-stack .method-badge.patch,
[data-theme="dark"] .nav-methods-stack .nav-method.patch{background:#2e1065;}
[data-theme="dark"] .resp-item-header:hover{background:#1e293b;}
[data-theme="dark"] .nav-section-title{background:var(--bg);}
[data-theme="dark"] .nav-sub-section-title{background:var(--bg);}
[data-theme="dark"] .nav-sub-section-title .count{background:var(--bg);}
[data-theme="dark"] .nav-section-title .count{background:var(--bg);}
[data-theme="dark"] .method-filter-btn.all.active{background:#64748b;border-color:#64748b;}
[data-theme="dark"] .method-filter-btn.all.dimmed{background:var(--bg);border-color:#475569;color:#475569;}
[data-theme="dark"] .pg-page-header{background:var(--bg);}