.api-center-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 0 22px; }
.api-center-tabs button { height: auto; min-height: 58px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; padding: 10px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; }
.api-center-tabs button small { color: var(--muted); font-size: 11px; font-weight: 400; }
.api-center-tabs button:hover { border-color: var(--line-strong); }
.api-center-tabs button[aria-selected="true"] { border-color: var(--accent); box-shadow: inset 0 -3px 0 var(--accent); }
.api-center-page [data-api-panel] > .api-logs-policy:first-child { margin-top: 0; }
.api-center-page [data-api-panel] > .api-logs-policy + .api-logs-policy { margin-top: 10px; }

.api-center-limits.provider-rate-limit-panel { margin: 0; padding: 16px 18px; }
.api-center-limits .provider-rate-limit-heading h2 { margin: 0; font-size: 17px; }
.api-center-limits .provider-rate-limit-heading p, .api-center-limits .provider-rate-limit-note { font-size: 12px; }
.provider-rate-limit-counts { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 14px; }
.provider-rate-limit-count { padding: 4px 11px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface-2); color: var(--muted); font-size: 12px; }
.provider-rate-limit-count strong { margin-right: 4px; color: var(--text); font-variant-numeric: tabular-nums; }
.provider-rate-limit-count.is-limited { border-color: #e4a6a6; background: var(--bad-bg); color: var(--bad); }
.provider-rate-limit-count.is-cleared { border-color: #e1ce8c; background: var(--watch-bg); color: var(--watch); }
.provider-rate-limit-count.is-not-observed { background: var(--good-bg); color: var(--good); }
.api-center-limits .provider-rate-limit-items { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.api-center-limits .provider-rate-limit-item { align-content: flex-start; padding: 10px 12px; font-size: 13px; }
.provider-rate-limit-detail { flex-basis: 100%; margin-top: 4px; font-size: 11px; line-height: 1.6; opacity: .85; overflow-wrap: anywhere; }

@media (max-width: 900px) { .api-center-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
