/* ==============================
   📦 INVENTARIO - VIALSA
============================== */

/* GENERAL */
.inventario-page {

    background:
        radial-gradient(circle at top left,
            rgba(15,118,110,0.08),
            transparent 25%),

        linear-gradient(
            180deg,
            #f4f7fb 0%,
            #edf2f7 100%
        );

    padding-bottom: 2rem;

    min-height: 100vh;
}

/* TITULO */
.inventario-page h2 {

    color: #102a43;

    font-weight: 900;

    letter-spacing: -0.5px;
}

/* TABLA */
.inventario-page .table {

    border-radius: 20px;

    overflow: hidden;

    background: white;

    box-shadow:
        0 10px 30px rgba(15,23,42,0.08);
}

/* HEADER TABLA */
.inventario-page .table thead th {

    background:
        linear-gradient(
            135deg,
            #12355b,
            #0f766e
        );

    color: white;

    font-weight: 700;

    border: none;

    padding: 15px 12px;
}

/* BODY TABLA */
.inventario-page .table tbody td {

    vertical-align: middle;

    padding: 14px 12px;

    border-color: #edf2f7;
}

/* HOVER FILAS */
.inventario-page .table tbody tr:hover {

    background:
        rgba(15,118,110,0.05);
}

/* BUSCADOR */
.inventario-page #buscador {

    border-radius: 12px;

    border: 1px solid #d8e2ef;

    min-height: 42px;

    box-shadow:
        0 4px 12px rgba(15,23,42,0.05);
}

/* BOTÓN NUEVO */
.inventario-page .btn-nuevo-movimiento {

    background:
        linear-gradient(
            135deg,
            #12355b,
            #0f766e
        );

    border: none;

    border-radius: 14px;

    font-weight: 700;

    box-shadow:
        0 10px 22px rgba(15,118,110,0.18);
}

.inventario-page .btn-nuevo-movimiento:hover {

    background:
        linear-gradient(
            135deg,
            #0f2f4f,
            #0d9488
        );
}

/* ALERTAS */
.inventario-page .alert-warning {

    border: none;

    border-left: 5px solid #f59e0b;

    background: #fff7ed;

    color: #92400e;

    border-radius: 14px;

    font-weight: 600;
}

/* BADGES */
.inventario-page .badge {

    border-radius: 999px;

    padding: 7px 12px;

    font-weight: 700;
}

/* BOTONES TABLA */
.inventario-page .btn {

    border-radius: 12px;
}

/* RESPONSIVE TABLA */
.inventario-page .table-responsive {

    border-radius: 20px;

    overflow-x: auto;
}

/* ==============================
   🛠️ MODALES INVENTARIO
============================== */

.inventario-page .modal-sm {
    max-width: 420px;
}

.inventario-page .modal-lg {
    max-width: 820px;
}

.inventario-page .modal-xl {
    max-width: 980px;
}

/* ==============================
   TABLET
============================== */

@media (max-width: 992px) {

    .inventario-page {

        padding-bottom: 1.5rem;
    }

    .inventario-page .table {

        font-size: 0.88rem;
    }

    .inventario-page .table thead th,
    .inventario-page .table tbody td {

        padding: 11px 10px;
    }
}

/* ==============================
   MOBILE
============================== */

@media (max-width: 576px) {

    .inventario-page {

        padding-bottom: 1rem;
    }

    .inventario-page h2 {

        font-size: 1.45rem;
    }

    .inventario-page .table {

        font-size: 0.78rem;
    }

    .inventario-page .table thead th,
    .inventario-page .table tbody td {

        padding: 9px 8px;
    }

    .inventario-page .btn-nuevo-movimiento {

        width: 100%;
    }

    .inventario-page .badge {

        font-size: 0.72rem;
    }
}