/* =========================================================
   OpenGTS MenuBar - Modern UI
   ========================================================= */

/* ===== Barra principal ===== */
.menuBar {
    font-size: 11pt;
    padding: 6px 0;
    background: transparent;
    display: flex;
    justify-content: center;
}

/* ===== Base común para todos los tabs ===== */
.menuBarUns20,
.menuBarUns,
.menuBarUnsW,
.menuBarSel20,
.menuBarSel,
.menuBarSelW {
    cursor: pointer;
    min-width: 90px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background-image: none !important;
    background-color: transparent;

    color: #374151;
    text-decoration: none;

    font-size: 11pt;
    font-weight: 500;

    border-radius: 6px;
    margin: 0 6px;
    padding: 0 14px;

    transition: all 0.2s ease;
}

/* ===== Hover (no seleccionado) ===== */
.menuBarUns20:hover,
.menuBarUns:hover,
.menuBarUnsW:hover {
    background-color: #e5e7eb;
    color: #111827;
}

/* ===== Seleccionado / activo ===== */
.menuBarSel20,
.menuBarSel,
.menuBarSelW {
    background-color: #2563eb;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.4);
}

/* =========================================================
   Submenú
   ========================================================= */

TABLE.menuSubFrame {
    width: 100%;
    background-color: #ffffff;
    border: none;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    border-radius: 8px;
    overflow: hidden;
}

/* ===== Item del submenú ===== */
TD.menuSubItemCol {
    cursor: pointer;
    padding: 10px 14px;
    text-align: left;
    font-size: 11pt;
    color: #374151;
    border-bottom: 1px solid #e5e7eb;
}

TD.menuSubItemCol:hover {
    background-color: #f3f4f6;
}

/* ===== Links del submenú ===== */
A.menuSubItemLink {
    text-decoration: none;
    color: #2563eb;
    font-weight: 500;
}

A.menuSubItemLink:hover {
    text-decoration: underline;
}
/* ===============================
   FIX MENU OPEN GTS (MODERNO)
   =============================== */

/* Contenedor del menú */
.menuBar {
    background: transparent !important;
    padding: 8px 0 !important;
}

/* TODOS los botones */
.menuBarUnsW,
.menuBarSelW,
.menuBarUns,
.menuBarSel {
    background-image: none !important;
    background-color: #e5e7eb !important;

    border-radius: 8px !important;
    height: 36px !important;
    line-height: 36px !important;

    font-size: 11pt !important;
    font-weight: 500 !important;

    color: #111827 !important;
    text-align: center !important;

    padding: 0 16px !important;
    margin: 0 6px !important;

    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

/* Hover */
.menuBarUnsW:hover,
.menuBarUns:hover {
    background-color: #dbeafe !important;
    color: #1d4ed8 !important;
}

/* Seleccionado */
.menuBarSelW,
.menuBarSel {
    background-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(37,99,235,0.4) !important;
}

/* Submenú */
.menuSubFrame {
    background: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.2) !important;
}

/* Items submenú */
.menuSubItemCol {
    font-size: 11pt !important;
    padding: 10px 14px !important;
    text-align: left !important;
}

.menuSubItemCol:hover {
    background: #f1f5f9 !important;
}