/**
 * Configuration APIs — Styles de la page de configuration des APIs IA
 *
 * Sections dépliables pour chaque API, formulaires de paramétrage
 * des URLs, modèles et clés d'accès.
 *
 * @file        cc-apis-config.css
 * @package     CaisseConnect
 * @subpackage  CSS\Pages
 * @since       0.9
 * @version     1.1.0
 * @author      Microlibre <contact@microlibre.net>
 * @copyright   2026 Microlibre
 * @license     GPL-2.0+ https://www.gnu.org/licenses/gpl-2.0.html
 * @link        https://microlibre.net/caisse-connect
 */

.cc-api-section {
    margin-bottom: 30px;
    border: 1px solid var(--cc-gray-500, #ccc);
    background: var(--cc-white, #fff);
}

.cc-api-section-header {
    padding: 15px;
    background: var(--cc-gray-200, #f5f5f5);
    cursor: pointer;
    border-bottom: 1px solid var(--cc-gray-500, #ccc);
    font-weight: bold;
    font-size: 14px;
}

.cc-api-section-header:hover {
    background: var(--cc-gray-350, #eee);
}

.cc-api-section-header .dashicons-arrow-right {
    transition: transform 0.3s;
    transform: rotate(90deg);
}

.cc-api-section-header.collapsed .dashicons-arrow-right {
    transform: rotate(0);
}

.cc-api-section-body {
    padding: 20px;
    display: none;
}

.cc-api-section-body.open {
    display: block;
}

.cc-api-config-table {
    width: 100%;
    border-collapse: collapse;
}

.cc-api-config-table th,
.cc-api-config-table td {
    padding: 10px;
    border: 1px solid var(--cc-border-color, #ddd);
    text-align: left;
}

.cc-api-config-table th {
    background: var(--cc-gray-100, #f9f9f9);
    width: 30%;
    font-weight: 600;
}

.cc-api-config-table input[type="text"],
.cc-api-config-table input[type="number"] {
    width: 100%;
    max-width: 400px;
}

.cc-api-section-buttons {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--cc-border-color, #ddd);
}

.cc-api-section-buttons .button {
    margin-right: 10px;
}

.cc-api-prompt-textarea {
    font-family: monospace;
    resize: vertical;
    max-height: 500px;
}