/* ===============================
   API CLIENT PAGE STYLES
   Namespace: .api-client-page
================================ */

.api-client-page {
    max-width: 850px;
    margin: auto;
}

/* Card polish */
.api-client-page .card {
    border-radius: 14px;
    border: 1px solid #e9ecef;
}

/* Status badges */
.api-client-page .badge {
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* Credential inputs */
.api-client-page .secret-input {
    font-family: monospace;
    letter-spacing: 0.5px;
}

/* Copy / toggle buttons */
.api-client-page .secret-actions {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.api-client-page .secret-actions button {
    font-size: 0.85rem;
    padding: 4px 8px;
}

/* Rate limit info */
.api-client-page .rate-info {
    font-size: 0.9rem;
    color: #6c757d;
}

/* Mobile optimization */
@media (max-width: 576px) {

    .api-client-page h4 {
        font-size: 1.1rem;
    }

    .api-client-page .card {
        padding: 10px;
    }

    .api-client-page input,
    .api-client-page textarea {
        font-size: 0.9rem;
    }
}