@import "css/font.css";

/* ===========================
   FRONTEND DATA SET (FDS)
=========================== */

.fds {
    /* Vista tabla */

    .dnd-thead {
        background-color: var(--color-brand-primary-lighten-1);
        color: #fff;
    }

    /* Vista tarjetas */

    .card {
        border-top: 4px solid var(--color-brand-primary-lighten-1);
    }

    /* Toolbar (filtros, búsqueda, etc.) */

    .fds-toolbar {
        background-color: var(--color-brand-primary-lighten-1);
    }

    /* =================================
       MANAGEMENT TOOLBAR DENTRO DE FDS
    ================================= */

    .management-bar {
        background-color: var(--color-brand-primary-lighten-1);
        color: #fff; /* Para asegurar contraste */

        /* Botones */

        .btn {
            color: #fff;
            border-color: #fff;

            /* Íconos dentro de los botones */

            .lexicon-icon {
                fill: #fff;
            }
        }

        /* Navbar form (acciones, selección múltiple, etc.) */

        .navbar-form {
            background-color: var(--color-brand-primary-lighten-1);
            color: #fff; /* Para asegurar contraste */
        }

        /* SubNav-tbar header */

        .subnav-tbar {
            background-color: var(--color-brand-primary-lighten-1);
            color: #fff; /* Para asegurar contraste */
        }

        /* Botones dentro de la management-bar */

        .btn {
            color: #fff;
            border-color: #fff;
        }

        /* Iconos dentro de los botones (Clay usa .lexicon-icon) */

        .btn .lexicon-icon {
            fill: #fff;
        }
    }

    /* Iconos dentro de los botones (Clay usa .lexicon-icon) */

    .management-bar-light .navbar-nav .nav-link {
        color: #fff;
    }

    .filter-resume-close {
        height: auto;
    }
}