body .nn-login-ready .api-status { justify-content: center; text-align: center; flex-wrap: wrap; }
.nn-api-details { color: var(--color-text-2); font-size: 12px; line-height: 1.6; margin: -8px 0 20px; min-width: 0; }
.nn-api-summary { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; }
.nn-api-details button { border: 0; border-radius: 5px; background: transparent; color: rgb(var(--primary-6)); font: inherit; padding: 3px 4px; cursor: pointer; }
.nn-api-details button:hover { background: var(--color-fill-2); }
.nn-api-warning { color: rgb(var(--orange-6)); }
.nn-api-list { list-style: none; padding: 0; margin: 10px 0 0; max-height: 260px; overflow-y: auto; border: 1px solid var(--nn-line); border-radius: 9px; background: var(--color-fill-1); }
.nn-api-service { padding: 10px 12px; border-bottom: 1px solid var(--nn-line); overflow-wrap: anywhere; }
.nn-api-service:last-child { border-bottom: 0; }
.nn-api-service-heading { display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.nn-api-service strong { font-size: 12px; font-weight: 600; }
.nn-api-service p { margin: 4px 0 0; }
.nn-api-service small,.nn-api-footnote { color: var(--color-text-3); font-size: 11px; }
.nn-api-badge { flex-shrink: 0; border-radius: 4px; padding: 0 5px; background: var(--color-fill-2); }
.nn-api-error .nn-api-badge { color: rgb(var(--red-6)); background: var(--color-danger-light-1); }
.nn-api-warning .nn-api-badge { color: rgb(var(--orange-6)); background: var(--color-warning-light-1); }
.nn-api-ok .nn-api-badge { color: rgb(var(--green-6)); background: var(--color-success-light-1); }
.nn-api-footnote { margin: 8px 0 0; text-align: center; overflow-wrap: anywhere; }
@media(max-width:600px){ .nn-api-details button { min-height: 32px; padding: 4px 6px; } .nn-api-list { max-height: 220px; } }