/* Contenedor del botón (Invisible y preparado para transición suave) */
#idm-back-to-top {
    opacity: 0;            /* [Punto 3] Invisible por defecto para permitir transición */
    visibility: hidden;    /* [Punto 3] Oculto para evitar clics accidentales */
    position: fixed;
    right: 5px;            /* Sobreescrito dinámicamente por PHP */
    bottom: 175px;         /* Sobreescrito dinámicamente por PHP */
    background: transparent !important; /* Sin fondo */
    border: none !important;            /* Sin bordes */
    padding: 0;
    cursor: pointer;
    z-index: 1000;
    box-shadow: none;        /* Sin sombras */
    outline: none;
    transition: opacity 0.4s ease, visibility 0.4s ease; /* [Punto 3] Efecto suave */
}

/* [Punto 3] Clase para mostrar el botón con suavidad controlada por JS */
#idm-back-to-top.idm-show {
    opacity: 1;
    visibility: visible;
}

/* Sin efectos de hover */
#idm-back-to-top:hover {
    background: transparent;
    border: none;
}

/* La imagen es lo único visible */
.idm-arrow-icon {
    width: 60px; /* Tamaño ajustado para que sea visible y funcional */
    height: auto;
    display: block;
}

/* Logo de informaticademadrid en la administración */
.idm-admin-logo {
    max-width: 80px;
    height: auto;
    margin: 10px 0 20px;
    display: block;
}

/* --- ESTILOS ADICIONALES DE ADMINISTRACIÓN --- */

/* [Punto 1] Estilos para el selector de iconos en la pestaña Configuración */
.idm-icon-grid label {
    display: inline-block;
    border: 2px solid #ccc;
    padding: 5px;
    border-radius: 4px;
    transition: border-color 0.2s, transform 0.2s;
    background: #f9f9f9;
    cursor: pointer;
}

.idm-icon-grid label:hover {
    border-color: #007cba;
    transform: scale(1.05);
}

/* Resaltado del icono seleccionado */
.idm-icon-grid input[type="radio"]:checked + img {
    filter: drop-shadow(0 0 5px rgba(0, 124, 186, 0.5));
}

/* [Regla 28] Formato Matrix para el Log */
textarea#idm-stt-log-textarea, 
.wrap textarea[readonly] {
    width: 100%;
    height: 300px;
    background-color: #000000 !important; /* Fondo oscuro */
    color: #00FF41 !important;            /* Letras verdes Matrix */
    font-family: 'Courier New', Courier, monospace;
    padding: 15px;
    border: 1px solid #333;
    border-radius: 4px;
    resize: vertical;
}