/* Supplementary styles for the Blazor command palette (⌘K). */
.adminlte-cmdk-overlay {
  position: fixed;
  inset: 0;
  z-index: 1080;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 12vh;
  background: rgba(0, 0, 0, 0.4);
}

.adminlte-cmdk-dialog {
  width: 100%;
  max-width: 560px;
  overflow: hidden;
}

.adminlte-cmdk-results {
  max-height: 50vh;
  overflow-y: auto;
}

.adminlte-cmdk-dialog kbd 
{
    font-size: 0.75rem;
}

@media (max-width: 576px) {
    .hide-mobile 
    {
        display: none !important;
    }
}

/* Estilo normal en escritorio */
.nav-tabs .nav-link {
    border-radius: 0; /* tabs rectos */
    margin-right: 0; /* sin separación extra */
    padding: 0.5rem 1rem; /* tamaño estándar */
}

/* Ajuste en pantallas pequeñas NavMenu */
@media (max-width: 768px) {
    .nav-tabs {
        flex-wrap: nowrap; /* evita que se rompan en varias líneas */
        overflow-x: auto; /* scroll horizontal */
        -webkit-overflow-scrolling: touch; /* scroll suave en iOS */
    }

        .nav-tabs .nav-link {
            white-space: nowrap; /* evita que el texto se corte */
            border-radius: 50rem; /* estilo pill */
            margin-right: 0.5rem; /* separación entre tabs */
            padding: 0.75rem 1.25rem; /* más grandes para tocar con el dedo */
            font-size: 0.95rem; /* texto cómodo en móvil */
        }

            .nav-tabs .nav-link.active {
                background-color: #0d6efd; /* azul Bootstrap */
                color: #fff; /* texto blanco */
            }
}


/*Tablas center Movil*/
@media (max-width: 768px) {
    table thead {
        display: none;
    }

    table, table tbody, table tr, table td {
        display: block;
        width: 100%;
    }

        table tr {
            margin-bottom: 1rem;
            border: 1px solid #dee2e6;
            border-radius: 0.5rem;
            padding: 0.5rem;
            background-color: #fff;
        }

        table td {
            display: grid; /* en vez de flex */
            grid-template-columns: 40% 60%; /* campo 40%, valor 60% */
            gap: 0.5rem;
            word-break: break-word; /* permite cortar palabras largas */
            padding: 0.25rem 0;
        }

            table td::before {
                content: attr(data-label);
                font-weight: 600;
                color: #495057;
            }
}

/*Para que en móvil no se desborde */

.pagination-bar {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #dee2e6;
    z-index: 100;
}

@media (max-width: 576px) {
    .pagination .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.85rem;
    }

    .pagination input[type="number"] {
        width: 55px !important;
    }
}