/* =========================================================
   NEXENG DUCT PRESSURE V19 - FINAL LOGO + TRUE COLUMN ALIGN
   Objetivo:
   - Usar el último logo NX diseñado, sin distorsión.
   - Reemplazar la barra clonada anterior por una barra medida por coordenadas reales.
   - Alinear títulos y límites verticales exactamente con las columnas reales.
   ========================================================= */

/* ===============================
   Logo final NX
   =============================== */

.nx-app-standard-v3 .nx-brand-mark {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    flex: 0 0 52px !important;
    padding: 0 !important;
    border-radius: 15px !important;
    background:
        radial-gradient(circle at 18% 12%, rgba(56, 189, 248, 0.08), transparent 42%),
        #ffffff !important;
    border: 1px solid rgba(14, 165, 233, 0.24) !important;
    box-shadow: 0 9px 22px rgba(2, 132, 199, 0.12) !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: center !important;
}

.nx-app-standard-v3 .nx-brand-mark::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    filter: none !important;
    background: url('/assets/brand/nexeng-mark-final-v19.png?v=19.0.0') center / 86% auto no-repeat !important;
}

.nx-app-standard-v3 .nx-brand-mark img,
.nx-app-standard-v3 .nx-brand-mark .nx-brand-icon-v19 {
    display: none !important;
}

/* ===============================
   Desactivar barras clonadas previas
   =============================== */

.nx-dp-v13-colbar,
.nx-dp-v12-colbar {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ===============================
   Barra V19 alineada por coordenadas reales
   =============================== */

.nx-dp-v19-colbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--nx-dp-v19-colbar-top, var(--nx-dp-v13-colbar-top, 212px)) !important;
    height: var(--nx-dp-v19-colbar-h, 38px) !important;
    z-index: 972 !important;
    display: none !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: rgba(226, 243, 252, 0.992) !important;
    border-top: 1px solid rgba(2, 132, 199, 0.10) !important;
    border-bottom: 1px solid rgba(2, 132, 199, 0.25) !important;
    box-shadow: 0 10px 24px rgba(15, 35, 60, 0.10) !important;
    backdrop-filter: blur(16px) !important;
}

.nx-dp-v19-colbar.is-visible {
    display: block !important;
}

.nx-dp-v19-colbar-cell {
    position: absolute !important;
    top: 0 !important;
    height: var(--nx-dp-v19-colbar-h, 38px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 4px 8px !important;
    color: #3b5872 !important;
    font-size: 0.66rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background:
        linear-gradient(180deg, rgba(226, 243, 252, 1), rgba(211, 234, 246, 1)) !important;
    border-right: 1px solid rgba(2, 132, 199, 0.18) !important;
    border-left: 0 !important;
    pointer-events: auto !important;
}

.nx-dp-v19-colbar-cell:first-child {
    border-left: 1px solid rgba(2, 132, 199, 0.18) !important;
}

body.nx-dp-select-mode .nx-dp-v19-colbar-cell {
    cursor: col-resize !important;
}

body:not(.nx-dp-select-mode) .nx-dp-v19-colbar-cell {
    cursor: default !important;
}

/* Para que el header real y el clonado usen el mismo modelo de caja */
.nx-app-standard-v3 .nx-pressure-sheet,
.nx-app-standard-v3 .nx-pressure-sheet th,
.nx-app-standard-v3 .nx-pressure-sheet td {
    box-sizing: border-box !important;
}

/* No permitir que el header real quede sticky si alguna versión previa lo reactiva */
.nx-app-standard-v3 .nx-pressure-sheet thead,
.nx-app-standard-v3 .nx-pressure-sheet thead tr,
.nx-app-standard-v3 .nx-pressure-sheet thead th {
    top: auto !important;
}
