/* =============================================
   STOCK VISUAL FIJO EN TABLA VENTAS
============================================= */

.stockNumero{
    display: inline-block;
    min-width: 30px;
    text-align: center;
}


/* SOLO botones de stock (verde o rojo) */
.tablaVentas tbody td button.btn-success,
.tablaVentas tbody td button.btn-danger{
    min-width: 55px;
    text-align: center;
}

/* Botón de stock con tamaño fijo */
.tablaVentas tbody td button.btn-success,
.tablaVentas tbody td button.btn-danger,
.tablaVentas tbody td button.btn-warning{

    min-width: 55px;
    padding: 3px 6px;   /* mismo padding para todos */
    text-align: center;
}

/* =============================================
   MODO OSCURO / CLARO
============================================= */

.theme-mode-item{
    padding: 9px 12px;
}

.theme-mode-btn{
    border: 0;
    border-radius: 14px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #2f3b47;
    background: #edf2f7;
}

.theme-mode-btn:hover,
.theme-mode-btn:focus{
    color: #1f2933;
    background: #dbe5ef;
}

body.theme-dark{
    color: #d8dee9;
    background: #1f2530;
}

body.theme-dark .content-wrapper,
body.theme-dark .right-side{
    background-color: #222a36;
}

body.theme-dark .box{
    background: #2a3342;
    border-top-color: #3c8dbc;
    color: #d8dee9;
}

body.theme-dark .box-header,
body.theme-dark .box-title{
    color: #eef3f8;
}

body.theme-dark .main-footer{
    background: #1b222d;
    color: #bcc8d6;
    border-top: 1px solid #323c4b;
}

body.theme-dark .table{
    color: #d8dee9;
}

body.theme-dark .table > thead > tr > th{
    background: #2f3b4b;
    color: #eef3f8;
    border-bottom-color: #445264;
}

body.theme-dark .table > tbody > tr > td{
    background: #263142;
}

body.theme-dark .table-bordered,
body.theme-dark .table-bordered > thead > tr > th,
body.theme-dark .table-bordered > tbody > tr > td{
    border-color: #3a4658;
}

body.theme-dark .table-striped > tbody > tr:nth-of-type(odd){
    background-color: #243040;
}

body.theme-dark .table-striped > tbody > tr:nth-of-type(even){
    background-color: #263142;
}

body.theme-dark .table-hover > tbody > tr:hover{
    background-color: #314056;
}

body.theme-dark .table-striped > tbody > tr:nth-of-type(odd) > td,
body.theme-dark .table-striped > tbody > tr:nth-of-type(even) > td,
body.theme-dark .table-hover > tbody > tr:hover > td{
    background-color: inherit;
}

body.theme-dark .dataTables_wrapper .row{
    background: transparent;
}

body.theme-dark .dataTables_wrapper .dataTables_length,
body.theme-dark .dataTables_wrapper .dataTables_filter,
body.theme-dark .dataTables_wrapper .dataTables_info{
    color: #c9d4e2;
}

body.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #dce5ef !important;
}

body.theme-dark .pagination > li > a,
body.theme-dark .pagination > li > span{
    color: #dce5ef;
    background-color: #2a3342;
    border-color: #3a4658;
}

body.theme-dark .pagination > li > a:hover,
body.theme-dark .pagination > li > span:hover,
body.theme-dark .pagination > li > a:focus,
body.theme-dark .pagination > li > span:focus{
    color: #ffffff;
    background-color: #3a4658;
    border-color: #4a5a70;
}

body.theme-dark .pagination > .active > a,
body.theme-dark .pagination > .active > span,
body.theme-dark .pagination > .active > a:hover,
body.theme-dark .pagination > .active > span:hover,
body.theme-dark .pagination > .active > a:focus,
body.theme-dark .pagination > .active > span:focus{
    color: #ffffff;
    background-color: #4b7fad;
    border-color: #4b7fad;
}

body.theme-dark .pagination > .disabled > span,
body.theme-dark .pagination > .disabled > span:hover,
body.theme-dark .pagination > .disabled > span:focus,
body.theme-dark .pagination > .disabled > a,
body.theme-dark .pagination > .disabled > a:hover,
body.theme-dark .pagination > .disabled > a:focus{
    color: #8fa0b4;
    background-color: #242d3a;
    border-color: #3a4658;
}

body.theme-dark .form-control{
    background: #1e2633;
    color: #e5edf6;
    border-color: #3a4658;
}

body.theme-dark .form-control:focus{
    border-color: #5ea4d6;
    box-shadow: 0 0 0 2px rgba(94, 164, 214, 0.2);
}

body.theme-dark .modal-content{
    background: #2a3342;
    color: #d8dee9;
    border: 1px solid #3a4658;
}

body.theme-dark .modal-header{
    background: #2f3b4b;
    color: #eef3f8;
    border-bottom: 1px solid #3a4658;
}

body.theme-dark .modal-header[style]{
    background: #2f3b4b !important;
    color: #eef3f8 !important;
}

body.theme-dark .modal-footer{
    border-top: 1px solid #3a4658;
}

body.theme-dark .dropdown-menu{
    background: #2b3545;
    border-color: #3c4759;
}

body.theme-dark .dropdown-menu > li > a{
    color: #dde6f0;
}

body.theme-dark .dropdown-menu > li > a:hover{
    background: #3a4658;
    color: #ffffff;
}

body.theme-dark .skin-blue .main-header .logo{
    background-color: #2f3b4b !important;
}

body.theme-dark .skin-blue .main-header .navbar{
    background-color: #2f3b4b !important;
}

body.theme-dark .skin-blue .main-sidebar,
body.theme-dark .skin-blue .left-side{
    background-color: #1b222d !important;
}

body.theme-dark .skin-blue .sidebar-menu > li > a{
    color: #c9d4e2 !important;
}

body.theme-dark .skin-blue .sidebar-menu > li:hover > a,
body.theme-dark .skin-blue .sidebar-menu > li.active > a{
    background: #2a3342 !important;
    color: #ffffff !important;
    border-left-color: #5ea4d6 !important;
}

body.theme-dark .skin-blue .sidebar-menu > li > .treeview-menu{
    background: #18202a !important;
}

body.theme-dark .theme-mode-btn{
    color: #f2f5f9;
    background: #3a4658;
}

body.theme-dark .theme-mode-btn:hover,
body.theme-dark .theme-mode-btn:focus{
    color: #ffffff;
    background: #4a5a70;
}