/* ============================================================
   MMWebADMSol
   AJUSTES FINALES DE INTERFAZ
   ============================================================ */


/* ============================================================
   1. SOLICITUDES DE ENLACE
   ETIQUETAS DESDE / HASTA
   ============================================================ */

html body .enlace-page
.enlace-controls
.enlace-dates
.enlace-date-row > label {
    color: #344054 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    text-shadow: none !important;
}


/* ============================================================
   2. SOLICITUDES DE ENLACE
   BORDE COMPLETO DEL SELECTOR DE ESTADOS
   ============================================================ */

html body .enlace-page
.enlace-controls
.enlace-state-area
.enlace-state-wrapper {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1px rgba(203, 213, 225, .25) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

    html body .enlace-page
    .enlace-controls
    .enlace-state-area
    .enlace-state-wrapper > select.enlace-state-select {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #334155 !important;
        outline-offset: -2px !important;
        box-sizing: border-box !important;
    }

    html body .enlace-page
    .enlace-controls
    .enlace-state-area
    .enlace-state-wrapper > .enlace-state-arrow {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        height: 100% !important;
        border-radius: 0 10px 10px 0 !important;
        background: #20bec4 !important;
        pointer-events: none !important;
    }


/* ============================================================
   3. TABLA SOLICITUDES DE ENLACE
   IGUALAR ESTILO AL ADMINISTRADOR
   ============================================================ */

/* Contenedor */

html body .enlace-page
.enlace-shell
.enlace-table {
    background: #ffffff !important;
    border: 1px solid #d9e2f0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(16, 22, 83, .06) !important;
}


/* Encabezado */

html body .enlace-page
.enlace-table
.enlace-table-header {
    background: #f8fafc !important;
    border: 0 !important;
    border-bottom: 1px solid #d9e2f0 !important;
}

    html body .enlace-page
    .enlace-table
    .enlace-table-header > div {
        background: transparent !important;
        border: 0 !important;
        color: #334155 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        box-shadow: none !important;
    }


/* Fondo de resultados */

html body .enlace-page
.enlace-table
.enlace-table-body {
    background: #ffffff !important;
    border: 0 !important;
}


    /* Eliminar separadores azules gruesos */

    html body .enlace-page
    .enlace-table
    .enlace-table-body
    .enlace-row-separator {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }


    /* Separadores finos entre filas */

    html body .enlace-page
    .enlace-table
    .enlace-table-body
    .enlace-row {
        background: #ffffff !important;
        border: 0 !important;
        border-bottom: 1px solid #d9e2f0 !important;
        box-shadow: none !important;
    }


        /* Celdas sin bordes gruesos */

        html body .enlace-page
        .enlace-table
        .enlace-table-body
        .enlace-row > div {
            border: 0 !important;
            box-shadow: none !important;
            background: transparent !important;
        }


        /* Efecto al pasar el mouse */

        html body .enlace-page
        .enlace-table
        .enlace-table-body
        .enlace-row:hover {
            background: #f8fbff !important;
        }


/* ============================================================
   4. ADMINISTRADOR
   AJUSTAR HEADER DE LA GALERÍA
   ============================================================ */

.admin-detail-page .files-title-bar {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    min-height: 62px !important;
    padding: 8px 14px !important;
    box-sizing: border-box !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #d9e2f0 !important;
}


    /* Mantener título centrado */

    .admin-detail-page
    .files-title-bar > div {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        color: #101653 !important;
        font-size: 17px !important;
        font-weight: 750 !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }


    /* Actualizar imágenes a la izquierda */

    .admin-detail-page
    .files-title-bar
    .files-refresh {
        grid-column: 1 !important;
        justify-self: start !important;
        width: 38px !important;
        height: 38px !important;
    }


    /* Subir Documento a la derecha */

    .admin-detail-page
    .files-title-bar
    .upload-document-button {
        grid-column: 3 !important;
        justify-self: end !important;
        position: relative !important;
        z-index: 1 !important;
        min-width: 175px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        background: #21c7ca !important;
        color: #101653 !important;
        border: 1px solid #10afb3 !important;
        border-radius: 11px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        box-shadow: 0 3px 9px rgba(16, 22, 83, .08) !important;
    }

        .admin-detail-page
        .files-title-bar
        .upload-document-button:hover {
            background: #16b6bc !important;
            box-shadow: 0 5px 13px rgba(16, 22, 83, .12) !important;
        }


/* Adaptación a pantallas pequeñas */

@media (max-width: 650px) {

    .admin-detail-page .files-title-bar {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        grid-template-rows: 38px 42px !important;
    }

        .admin-detail-page
        .files-title-bar > div {
            position: static !important;
            grid-column: 2 !important;
            grid-row: 1 !important;
            justify-self: center !important;
            transform: none !important;
        }

        .admin-detail-page
        .files-title-bar
        .upload-document-button {
            grid-column: 1 / -1 !important;
            grid-row: 2 !important;
            justify-self: stretch !important;
            min-width: 0 !important;
        }
}