/* Modulo API: chiavi, documentazione, utilizzo, playground, admin API */
.new-key-card{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:color-mix(in srgb,var(--success) 5%,var(--surface));margin-bottom:18px}
.new-key-card h2{display:flex;align-items:center;gap:8px;color:var(--success)}
.model-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.model-grid .card+.card{margin-top:0}
.model-card h3{font-size:1rem}
.api-chart{position:relative}
.api-chart .bars{height:150px}
.api-chart .bar.has-err{background:linear-gradient(to top,var(--danger),var(--primary) 30%)}
.chart-max{position:absolute;top:0;right:0}
.docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.docs-toc{position:sticky;top:78px;display:flex;flex-direction:column;gap:2px;padding:14px 16px}
.docs-toc a{font-size:.86rem;padding:5px 8px;border-radius:7px;color:var(--text-muted)}
.docs-toc a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}
.docs-body .card{scroll-margin-top:80px}
.docs-body .card+.card{margin-top:18px}
.docs-body h3{margin-top:1.2em}
.docs .tabs{margin-bottom:14px}
.code-block pre{padding-right:90px}
.playground{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.playground .card+.card{margin-top:0}
.pg-settings{position:sticky;top:78px}
.pg-chat{display:flex;flex-direction:column;height:calc(100vh - 170px);min-height:440px;padding:0;overflow:hidden}
.pg-log{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}
.pg-empty{margin:auto;text-align:center;color:var(--text-muted)}
.pg-msg{display:flex;flex-direction:column;max-width:82%}
.pg-user{align-self:flex-end;align-items:flex-end}
.pg-assistant,.pg-error{align-self:flex-start}
.pg-bubble{padding:10px 14px;border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.55}
.pg-user .pg-bubble{background:var(--primary);color:var(--primary-contrast);border-bottom-right-radius:4px}
.pg-assistant .pg-bubble{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px}
.pg-error .pg-bubble{background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}
.pg-wait .pg-bubble{animation:pgpulse 1.2s ease-in-out infinite}
@keyframes pgpulse{50%{opacity:.45}}
.pg-meta{font-size:.72rem;color:var(--text-muted);margin-top:4px}
.pg-input{display:flex;gap:10px;align-items:flex-end;padding:14px;border-top:1px solid var(--border);background:var(--surface-2)}
.pg-input .textarea{min-height:46px;max-height:200px}
.top-list .hbar{grid-template-columns:minmax(80px,45%) 1fr auto}
@media (max-width:1000px){.docs,.playground{grid-template-columns:minmax(0,1fr)}.docs-toc,.pg-settings{position:static}.docs-toc{flex-direction:row;flex-wrap:wrap}}
#f_extra_headers{min-height:84px}