/**
 * DetailView tabs: acento suave únicamente.
 * NO usar max-height / overflow:hidden aquí — rompe el scroll del formulario
 * y oculta Parameters / Custom fields / Statuses y cabeceras del grid.
 */

/* Tab activa: verde suave (sin alterar layout ni scroll) */
html body .view-content .dxbl-tabs .dxbl-tab-header-item.dxbl-active,
html body .view-content .dxbl-tabs .dxbl-tabs-nav-item.dxbl-active,
html body #main-view-content .dxbl-tabs .dxbl-tab-header-item.dxbl-active,
html body #main-view-content .dxbl-tabs .nav-link.active,
html body .dxbl-sc-content .dxbl-tabs .dxbl-tab-header-item.dxbl-active {
    color: #5a7d6c !important;
    border-bottom-color: #a8cbb8 !important;
    background: #f5faf7 !important;
}

/* Encabezado de tabs: fondo sólido (ayuda a legibilidad al hacer scroll natural) */
html body .view-content .dxbl-tabs > .dxbl-tabs-nav,
html body .view-content .dxbl-tabs > .dxbl-tab-header,
html body #main-view-content .dxbl-tabs > .dxbl-tabs-nav,
html body #main-view-content .dxbl-tabs > .dxbl-tab-header,
html body .dxbl-sc-content .dxbl-tabs > .dxbl-tabs-nav,
html body .dxbl-sc-content .dxbl-tabs > .dxbl-tab-header {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Tooltip flotante de pestañas Cicumba */
.cicumba-tab-floating-tooltip {
    position: fixed !important;
    z-index: 2147483647 !important;
    background: #1c382f !important;
    color: #ffffff !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    max-width: 320px !important;
    min-width: 140px !important;
    text-align: center !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(139, 186, 165, 0.45) !important;
    pointer-events: none !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px) scale(0.97);
    transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.15s !important;
    word-break: normal !important;
    white-space: normal !important;
    font-family: inherit !important;
}

.cicumba-tab-floating-tooltip.cicumba-tooltip-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

.cicumba-tab-floating-tooltip .cicumba-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    pointer-events: none;
}

.cicumba-tab-floating-tooltip.arrow-top .cicumba-tooltip-arrow {
    top: -6px;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #1c382f transparent;
}

.cicumba-tab-floating-tooltip.arrow-bottom .cicumba-tooltip-arrow {
    bottom: -6px;
    border-width: 6px 6px 0 6px;
    border-color: #1c382f transparent transparent transparent;
}
