/* Screen Theme Overrides - Monitoreo / Ficha Técnica (scoped under .screen-theme) */

/* ===== Ficha Técnica Modal ===== */

/* Top accent gradient: orange/cyan → purple/blue */
.screen-theme .ft-modal::before {
    background: linear-gradient(90deg, #7B2D8E, #2563EB, #7B2D8E);
}

/* Title icon: orange tints → purple tints */
.screen-theme .ft-title-icon {
    background: linear-gradient(135deg, rgba(123, 45, 142, 0.15), rgba(37, 99, 235, 0.1));
    border-color: rgba(123, 45, 142, 0.2);
    color: #7B2D8E;
}

/* Gradient separator line: orange/cyan → purple/blue */
.screen-theme .ft-gradient-line {
    background: linear-gradient(90deg, #7B2D8E, #2563EB, transparent);
}

/* Field row hover: orange tint → purple tint */
.screen-theme .ft-field:hover {
    background: rgba(123, 45, 142, 0.04);
    border-color: rgba(123, 45, 142, 0.12);
}

/* Field icon: orange → purple */
.screen-theme .ft-field-icon {
    background: rgba(123, 45, 142, 0.08);
    color: #7B2D8E;
}

/* Video: fill full height of image section */
.screen-theme .ft-image-section {
    display: flex;
    align-items: stretch;
}

.screen-theme .ft-image-section video {
    width: 100%;
    height: 100%;
    min-height: 380px;
    object-fit: cover;
    display: block;
}