@import url('../db/theme.css?v=20260926');
@import url('../nh/theme.css?v=20260926');
@import url('../kb/theme.css?v=20260924');
@import url('../kis/theme.css?v=20260924');
@import url('../ls/theme.css?v=20260924');
@import url('../kiwoom/theme.css?v=20260924');
@import url('../toss/theme.css?v=20260924');
body { --brand-accent:#426b9f; --brand-on-accent:#fff; --brand-ink:#2e5688; --brand-soft:#edf2fa; --brand-nav:#23334a; --brand-nav-text:#fff; --brand-nav-muted:#c3cede; --brand-nav-line:#52657e; --brand-nav-hover:#30455f; --brand-nav-active:#426b9f; --brand-nav-active-text:#fff; --brand-radius:8px; }
.primary { background:var(--brand-nav); color:var(--brand-nav-text); border-top:4px solid var(--brand-accent); }
.primary .brand { display:flex; flex-direction:row; color:var(--brand-nav-text); gap:10px; font-size:18px; letter-spacing:-.6px; }
.broker-icon { flex:none; width:38px; height:38px; object-fit:contain; padding:5px; background:#fff; border:1px solid #0000000d; border-radius:10px; }
.broker-icon[hidden] { display:none; }
.brand small { color:var(--brand-nav-muted); letter-spacing:1.8px; }
.primary .nav-label,.primary .broker-label,.primary .mobile-category-label,.primary-bottom p,#categories small { color:var(--brand-nav-muted); }
.primary #broker-select,.primary #mobile-category { color:var(--brand-nav-text); background:var(--brand-nav); border-color:var(--brand-nav-line); border-radius:var(--brand-radius); }
#categories button { border-radius:var(--brand-radius); }
#categories button:hover { background:var(--brand-nav-hover); }
#categories button.active { background:var(--brand-nav-active); color:var(--brand-nav-active-text); box-shadow:inset 3px 0 var(--brand-accent); }
#categories button.active small { color:inherit; }
.secondary { background:color-mix(in srgb,var(--brand-soft) 35%,white); }
#api-list .api-group { border-radius:var(--brand-radius); }
#api-list .api-group > summary,.output-template summary,.spec .contract-table th { background:var(--brand-soft); color:var(--brand-ink); }
#api-list .api-group > summary::before,.group-heading small,.group-count,.spec .contract-table code { color:var(--brand-ink); }
#api-list a:hover,#api-list .api-group a.active { background:var(--brand-soft); }
#api-list .api-group a.active { border-left-color:var(--brand-accent); }
#api-list .api-group a.active span { color:var(--brand-ink); }
.document-top { border-top:4px solid var(--brand-accent); }
.doc-label { color:var(--brand-ink); }
.doc-label span:first-child { color:var(--brand-ink); background:var(--brand-soft); }
#anchors.floating-menu { border-radius:var(--brand-radius); }
#anchors.floating-menu button.active { color:var(--brand-ink); background:var(--brand-soft); box-shadow:inset 3px 0 var(--brand-accent); }
#settings-open,#test-send:not(:disabled),#settings-issue:not(:disabled) { background:var(--brand-accent); color:var(--brand-on-accent); border-color:var(--brand-accent); border-radius:var(--brand-radius); font-weight:700; }
#favorite-toggle[aria-pressed="true"] { color:var(--brand-ink); background:var(--brand-soft); border-color:var(--brand-accent); }
#settings-dialog { border-top:5px solid var(--brand-accent); border-radius:var(--brand-radius); }
#settings-dialog h2 { display:flex; align-items:center; gap:10px; }
#settings-dialog h2 .broker-icon { width:30px; height:30px; padding:3px; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible { outline-color:var(--brand-ink); }
.group-broker-icon { width:24px; height:24px; flex:none; object-fit:contain; border-radius:5px; background:#fff; padding:2px; }
@media(max-width:760px) {
 .primary { border-top-width:4px; }
 .primary .brand { font-size:18px; }
 .primary .brand > span { min-width:0; gap:10px; }
 .primary .brand .broker-icon { width:32px; height:32px; }
 .document-top { border-top:0; border-bottom:2px solid var(--brand-soft); }
}

#categories .favorites-menu { color:var(--brand-nav-text); border-color:var(--brand-nav-line); }
#categories .favorites-menu.active { color:var(--brand-nav-active-text); }