#tab-public-api{--api-ink:#0b1b31;--api-muted:#5d6f87;--api-line:#dbe5ef;--api-soft:#f4f8fc;--api-accent:#1769e0;--api-green:#20cfad;color-scheme:light;background:#f4f7fb!important;color:var(--api-ink)!important;padding:clamp(14px,2vw,24px);border-radius:20px}
#tab-public-api .publicApiWorkspace{display:grid;gap:12px;min-width:0;color:var(--api-ink)!important;-webkit-text-fill-color:var(--api-ink)!important}
#tab-public-api .publicApiHero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:22px;background:linear-gradient(130deg,#0b315f,#1769e0);color:#fff;box-shadow:0 16px 38px rgba(18,68,130,.18)}
#tab-public-api .publicApiHero span{font-size:.72rem;font-weight:900;letter-spacing:.15em}.publicApiHero h2{margin:6px 0 4px;font-size:clamp(1.55rem,3vw,2.15rem)}
#tab-public-api .publicApiHero p{margin:0;color:#d9e9ff}.publicApiHero .btn{background:#fff;color:#0b315f;border:0}
#tab-public-api .publicApiSection{min-width:0;padding:16px;border:1px solid var(--api-line);border-radius:20px;background:#fff!important;color:var(--api-ink)!important;box-shadow:0 10px 28px rgba(15,38,67,.07)}
#tab-public-api .publicApiSectionHead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.publicApiSectionHead>div{display:flex;align-items:center;gap:10px}.publicApiSectionHead span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e8f1ff;color:var(--api-accent);font-weight:900}.publicApiSectionHead h3,.publicApiSectionHead p{margin:0}.publicApiSectionHead p{color:var(--api-muted);font-size:.9rem}
#tab-public-api .publicApiDocGrid{display:grid;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);grid-auto-rows:1fr;align-items:stretch;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;padding:1px 1px 5px}.publicApiDocGrid a{display:grid;align-content:center;gap:3px;height:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--api-line);border-radius:12px;background:var(--api-soft);color:var(--api-ink);text-decoration:none;scroll-snap-align:start}.publicApiDocGrid a:hover,.publicApiDocGrid a:focus-visible{border-color:var(--api-accent);transform:translateY(-1px)}.publicApiDocGrid small{color:var(--api-muted);font-size:.82rem;line-height:1.25}
#tab-public-api .publicApiForm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.publicApiForm label{display:grid;gap:7px;font-weight:800}.publicApiForm input,.publicApiForm select{min-width:0}.publicApiForm fieldset{grid-column:1/-1;padding:16px;border:1px solid var(--api-line);border-radius:16px}.publicApiForm legend{padding:0 7px;font-weight:900}.publicApiForm>button{justify-self:start}#tab-public-api .publicApiForm>button.btn.primary{color:#fff!important;-webkit-text-fill-color:#fff!important}
#tab-public-api #publicApiScopeChoices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:1fr;align-items:stretch;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:visible;padding:1px}#tab-public-api #publicApiScopeChoices>.publicApiScopeDomain{display:grid;align-self:stretch;align-content:start;gap:6px;height:100%;min-width:0;box-sizing:border-box;margin:0!important;padding:10px;border-radius:12px;background:var(--api-soft)}.publicApiScopeDomain h4{margin:0;text-transform:capitalize}.publicApiScopeChoice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 7px;align-items:start;padding:6px 7px;border-radius:9px;background:#fff;border:1px solid transparent}.publicApiScopeChoice:focus-within{border-color:var(--api-accent)}.publicApiScopeChoice input{grid-row:1/3;margin-top:3px;accent-color:var(--api-accent)}.publicApiScopeChoice :is(strong,small){min-width:0;overflow-wrap:anywhere}.publicApiScopeChoice small{color:var(--api-muted);font-weight:500;font-size:.78rem;line-height:1.2}
#tab-public-api .publicApiSecret{display:grid;grid-template-columns:minmax(150px,.5fr) minmax(240px,1fr) auto;gap:12px;align-items:center;margin-top:14px;padding:15px;border-radius:14px;background:#e5fbf5;border:1px solid #9ae9d8}.publicApiSecret div{display:grid}.publicApiSecret code{overflow:auto;padding:10px;border-radius:9px;background:#fff}
#tab-public-api .publicApiMatrix{display:grid;gap:8px}.publicApiMatrixRow{display:grid;grid-template-columns:minmax(150px,1fr) 80px minmax(180px,1.1fr) minmax(220px,1.4fr) 95px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--api-line);border-radius:11px}.publicApiMatrixRow code{overflow-wrap:anywhere}.publicApiState{justify-self:start;padding:4px 8px;border-radius:999px;background:#daf8e9;color:#0b6a42;font-weight:900;font-size:.76rem}.publicApiState.deprecated{background:#fff1cf;color:#8a5700}.publicApiSkeleton{color:var(--api-muted)}
body[data-visual-system="nplus1"] #tab-public-api.tabPane.active .publicApiHero :is(h2,span){color:#fff!important;-webkit-text-fill-color:#fff!important}
body[data-visual-system="nplus1"] #tab-public-api.tabPane.active .publicApiHero p{color:#d9e9ff!important;-webkit-text-fill-color:#d9e9ff!important}
body[data-visual-system="nplus1"] #tab-public-api.tabPane.active :is(.publicApiSectionHead h3,.publicApiDocGrid strong,.publicApiForm>label,.publicApiForm legend,.publicApiScopeDomain h4,.publicApiScopeChoice strong,.publicApiMatrixRow strong,.publicApiMatrixRow b,.publicApiMatrixRow code,.publicApiMatrixRow>span:not(.publicApiState),.publicApiSecret strong,table td,table code){color:var(--api-ink)!important;-webkit-text-fill-color:var(--api-ink)!important}
body[data-visual-system="nplus1"] #tab-public-api.tabPane.active :is(.publicApiSectionHead p,.publicApiDocGrid small,.publicApiScopeChoice small,.publicApiSkeleton,.publicApiSecret small){color:var(--api-muted)!important;-webkit-text-fill-color:var(--api-muted)!important}
body[data-visual-system="nplus1"] #tab-public-api.tabPane.active :is(input,select,textarea){background:#fff!important;color:var(--api-ink)!important;-webkit-text-fill-color:var(--api-ink)!important;border-color:#8fa4bd!important}
body[data-visual-system="nplus1"] #tab-public-api.tabPane.active .publicApiScopeChoice{background:#fff!important;color:var(--api-ink)!important;-webkit-text-fill-color:var(--api-ink)!important;border-color:#c7d5e5!important}
#tab-public-api .publicApiTableFooter{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-top:12px;color:var(--api-muted);font-size:.84rem}#tab-public-api .publicApiTableFooter>span:last-child{justify-self:end;padding:7px 10px;border:1px solid var(--api-line);border-radius:8px;background:#fff}#tab-public-api .publicApiTableFooter nav{display:flex;gap:5px}#tab-public-api .publicApiTableFooter button{min-width:34px;height:34px;border:1px solid var(--api-line);border-radius:7px;background:#fff;color:var(--api-ink)}#tab-public-api .publicApiTableFooter button.active{background:var(--api-accent);color:#fff}#tab-public-api .publicApiTableFooter button:disabled{opacity:.45}
@media(max-width:1280px){#tab-public-api #publicApiScopeChoices{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1050px){#tab-public-api .publicApiForm{grid-template-columns:repeat(2,minmax(0,1fr))}.publicApiMatrixRow{grid-template-columns:1fr 80px 1.2fr}.publicApiMatrixRow>:nth-child(4){grid-column:1/3}.publicApiMatrixRow>:nth-child(5){grid-column:3}}
@media(max-width:820px){#tab-public-api #publicApiScopeChoices{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){#tab-public-api .publicApiHero,#tab-public-api .publicApiSectionHead{align-items:flex-start;flex-direction:column}#tab-public-api .publicApiForm{grid-template-columns:1fr}#tab-public-api #publicApiScopeChoices{grid-template-columns:1fr!important;grid-auto-rows:auto}.publicApiScopeDomain{height:100%}.publicApiSecret{grid-template-columns:1fr!important}.publicApiMatrixRow{grid-template-columns:1fr}.publicApiMatrixRow>*{grid-column:1!important}#tab-public-api .publicApiSection{padding:12px}#tab-public-api .publicApiTableFooter{grid-template-columns:1fr}#tab-public-api .publicApiTableFooter nav,#tab-public-api .publicApiTableFooter>span:last-child{justify-self:start}}
