/* Importar Montserrat desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

/* Aplicar Montserrat como fuente principal */
:root {
    --font-family: 'Montserrat', sans-serif;
}

/* Configuración global */
body, html, body.admin, .admin #wrapper {
    font-family: var(--font-family) !important;
}

/* Importar Montserrat desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

/* Aplicar Montserrat como fuente principal */
:root {
    --font-family: 'Montserrat', sans-serif;
}

/* Configuración global */
body, html, body.admin, .admin #wrapper {
    font-family: var(--font-family) !important;
}

/* Fondo fijo que no se ve afectado por el filtro global del body */
body.uerotate::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: #f1f1f1; /* Fondo claro real */
  filter: invert(100%) hue-rotate(-210deg);
}


/* Tema Morado hue-rotate */

/* Fondo negro para toda la página */
html {
    background-color: #131313;
}

/* Aplica el filtro de inversión y tono morado solo al contenido de la página */
body {
    filter: invert(100%) hue-rotate(210deg) brightness(100%) contrast(85%);
    background-color: #131313;
}

/* Restaura imágenes, videos, iframes y SVG a su estado original sin distorsionar colores */
img, video, iframe, svg {
    filter: invert(100%) hue-rotate(-210deg) brightness(100%) contrast(85%) !important;
}

/* Corregir solo el texto sin alterar el fondo de panel-heading */
.kan-ban-col-wrapper .panel-heading.tw-bg-neutral-700.tw-text-white {
    filter: invert(100%) hue-rotate(-210deg) brightness(100%) contrast(100%) !important;
}

/* Aplica el color #E6E5E7 al fondo del área de Customers */
#customers,
.customers,
.customers-area,
#customers-wrapper {
    background-color: #E6E5E7 !important;
}

/* Restaurar Google Maps y Street View para que no se vean invertidos */
#map,
.customer_map,
.gm-style iframe,
.gm-style canvas,
.gm-style img,
.gm-iv-container,
.gm-fullscreen-control {
    filter: none !important;
    mix-blend-mode: normal !important;
}


/* aqui termina el tema morado */


/* Ajusta el diseño de la vista de escritorio sin afectar la versión móvil en el contenedor de estados en leads */
@media (min-width: 768px) {
    .tw-grid.tw-gap-2 {
        min-height: 80px; /* Ajusta según sea necesario */
        display: flex;
        flex-wrap: wrap; /* Permite que los botones se acomoden mejor */
        align-items: center;
    }

    .tw-grid.tw-gap-2 button {
        min-height: 45px; /* Asegura que los botones sean más visibles */
        padding: 8px 12px; /* Ajusta el padding para mejorar la legibilidad */
    }
}

/* Oculta la sección "Timesheet Summary" en vista de escritorio */
@media (min-width: 768px) {
    .staff_logged_time {
        display: none;
    }
}

/* Oculta la sección "Timesheet Summary" en vista movil */
.staff_logged_time {
    display: none !important;
}

/* Oculta la línea azul (pseudo-elemento ::after) en todos los leads */
tr[id^="lead_"]::after {
    display: none !important;
}

/* Oculta widget albarán de entrega */
#delivery_notes_widget {
    display: none;
}

/* Oculta widget Resumen de ordenes de compra */
#purhcase_orders_widget {
    display: none;
}

/* Oculta widget proyectos en desarrollo */
.quick-stats-projects {
    display: none;
}

/* Oculta widget proyectos widget de usuario */
li[role="presentation"]:has(a[aria-controls="home_my_projects"]) {
    display: none;
}

/* widgets proyectos y tareas son 4 widgets relacionados con task y project */
#widget_option_projects_activity {
    display: none !important;
}

.checkbox label[for="widget_option_projects_activity"] {
    display: none !important;
}

#widget_option_projects_chart {
    display: none !important;
}

.checkbox label[for="widget_option_projects_chart"] {
    display: none !important;
}

#widget_option_todos {
    display: none !important;
}

.checkbox label[for="widget_option_todos"] {
    display: none !important;
}

#widget_option_contracts_expiring {
    display: none !important;
}

.checkbox label[for="widget_option_contracts_expiring"] {
    display: none !important;
}

/* Boton resetear widgets */
a[href="https://ingrowth.mx/admin/staff/reset_dashboard"] {
    display: none !important;
}

/* campo website del formulario de carga de cliente lead */
[app-field-wrapper="website"] {
    display: none !important;
}

/* Ocultar el botón de Opciones de Tablero */
.screen-options-btn {
    display: none !important;
}

/* Ocultar cualquier botón que contenga la clase header-todo */
li[class*="header-todo"] {
    display: none !important;
}

/* Ocultar el botón "Mis Tiempos" en el menú superior */
a#top-timers {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ocultar el botón "Quick Create" (+) en el menú superior */
li.icon[title="Quick Create"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ocultar las pestañas "Mis Tareas" y "Tickets" */
.nav-tabs li a[href="#home_tab_tasks"],
.nav-tabs li a[href="#home_tab_tickets"] {
    display: none !important;
}

/* Ocultar body mis tiempos perfil */
h4.tw-mt-4.tw-font-semibold.tw-text-base.tw-text-neutral-700 {
    display: none !important;
}

h4.tw-mt-4.tw-font-semibold.tw-text-base.tw-text-neutral-700 + div {
    display: none !important;
}

/* Ocultar menu mis tiempos en perfil */
li.header-my-timesheets {
    display: none !important;
}

/* Ocultar encabezados de Empresa, Email y Lead Value */
#leads th#th-email,
#leads th#th-company,
#leads th#th-lead-value {
    display: none !important;
}

/* Ocultar celdas de Empresa, Email y Lead Value */
#leads td:nth-child(4),
#leads td:nth-child(5),
#leads td:nth-child(7) {
    display: none !important;
}

/* Ajustar la tabla para eliminar espacios vacíos */
#leads {
    table-layout: auto !important;
    width: 100% !important;
}

/* Ocultar el campo "Lead Value" en el formulario */
.form-group label[for="lead_value"],
.form-group input[name="lead_value"],
.form-group input[name="lead_value"] + .input-group-addon,
.form-group input[name="lead_value"]::placeholder {
    display: none !important;
}

/* Ocultar selector de color en "Lead canban */
div.kan-ban-settings.cpicker-wrapper {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ocultar precio por hora en alta de miembro del equipo */
#hourly_rate, 
#hourly_rate_label, 
#hourly_rate + .input-group,
label[for="hourly_rate"], 
input[name="hourly_rate"], 
input[name="hourly_rate"] ~ .input-group {
    display: none !important;
}

/* Ocultar completamente el div contenedor */
div.form-group:has(#hourly_rate) {
    display: none !important;
}