/*
 * Suments Admin Stylesheet
 *
 
 * @since      1.0.0
 *
 * @package    Suments
 * @subpackage Suments/admin/css
 */

/* ==========================================================================
   General Admin Styles
   ========================================================================== */
.suments-panel {
    /* Puedes añadir estilos generales para el panel aquí si es necesario */
}

.suments-section {
    margin-bottom: 25px; /* Espacio entre secciones */
    padding: 20px;
    background-color: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    border-radius: 5px;
}

.suments-section h3, .suments-section h4 {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

/*
 * Styles for the admin area.
 */

.suments-status {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.85em;
    font-weight: bold;
    color: #fff;
}
.suments-status.status-cleaned { background-color: #28a745; } /* Verde para limpio */
.suments-status.status-modified { background-color: #ffc107; color: #333; } /* Amarillo para modificado */
.suments-status.status-not-cleaned { background-color: #007bff; } /* Azul para no limpio */
.suments-status.status-restored { background-color: #007bff; } /* Azul para no limpio */
.suments-status.status-not-supported { background-color: #6c757d; } /* Gris para no soportado */
.suments-status.status-error { background-color: #dc3545; } /* Rojo para error */
.suments-status.status-unknown { background-color: #6c757d; } /* Gris oscuro para desconocido */
.suments-error-message { color: #dc3545; }
.suments-action-group { margin-bottom: 20px; }
.suments-top-actions { margin-bottom: 20px; }
.suments-top-actions .description { margin-top: 5px; font-size: 0.9em; color: #666; }
.column-actions { width: 150px; } /* Ancho para la columna de acciones */

.description {
    font-style: italic;
    color: #666;
    margin-top: 5px;
}

/* ==========================================================================
   Form Elements
   ========================================================================== */
.form-table th {
    padding-left: 0;
}

.form-table td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.regular-text {
    width: 80%; /* Ajusta el ancho de los campos de texto */
    max-width: 400px;
}

/* ==========================================================================
   Button Styling
   ========================================================================== */

/* Wrapper for submit buttons (usually <p class="submit">) */
p.submit {
    margin-top: 20px; /* Espacio superior para el contenedor de botones */
    clear: both; /* Asegura que el contenedor de botones flote correctamente */
    overflow: hidden; /* Contiene los floats de los botones */
    display: flex; /* Usamos Flexbox para un mejor control de la alineación */
    gap: 10px; /* Espacio entre los botones */
    align-items: center; /* Alinea verticalmente los botones si tienen diferentes alturas */
}

/* Base style for all custom buttons in the submit paragraph
   WordPress's .button, .button-primary, .button-secondary already have
   their base styles, so we primarily define custom ones here. */

/* Style for the "Danger" button (e.g., Reset) */
.button-danger {
    background: #dc3232 !important; /* Rojo estándar de WordPress para peligro */
    border-color: #dc3232 !important;
    color: #fff !important;
    -webkit-box-shadow: 0 1px 0 #b32d2d !important;
    box-shadow: 0 1px 0 #b32d2d !important;
    text-shadow: 0 -1px 1px #b32d2d, 1px 0 1px #b32d2d, 0 1px 1px #b32d2d, -1px 0 1px #b32d2d !important;
}

.button-danger:hover,
.button-danger:focus {
    background: #e25454 !important; /* Un poco más claro al pasar el ratón */
    border-color: #dc3232 !important;
    color: #fff !important;
}

/* Style for a "Success" button (if you need one, e.g., "Test Connection") */
.button-success {
    background: #46b450 !important; /* Verde estándar de WordPress para éxito */
    border-color: #46b450 !important;
    color: #fff !important;
    -webkit-box-shadow: 0 1px 0 #3a9743 !important;
    box-shadow: 0 1px 0 #3a9743 !important;
    text-shadow: 0 -1px 1px #3a9743, 1px 0 1px #3a9743, 0 1px 1px #3a9743, -1px 0 1px #3a9743 !important;
}

.button-success:hover,
.button-success:focus {
    background: #5abf66 !important;
    border-color: #46b450 !important;
    color: #fff !important;
}

/* ==========================================================================
   Misc / Legacy Styles (Review if still needed)
   ========================================================================== */
.mi-dashboard-widget {
    margin: 10px 0;
}

.widget-row {
    margin-bottom: 20px;
}

.logo-link img {
    vertical-align: middle;
    margin-right: 10px;
}

.summary-box {
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 5px;
}

.input-token input[type="text"] {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
}

.input-token input[type="submit"] {
    margin-top: 10px;
    background-color: #0073aa; /* Puede ser redundante si usas .button-primary */
    color: white;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 5px;
}