/* =========================================================
   VETERINARIA - RESPONSIVE GLOBAL DEFINITIVO
   Corrige distribución en desktop, tablet y móvil sin tocar lógica.
   ========================================================= */
html{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
}
html, body{
    max-width:100% !important;
}
img, svg, video, iframe, object, embed, canvas{
    max-width:100% !important;
}
img{
    height:auto;
}
.dashboard-contentPage,
.dashboard-contentPage *{
    box-sizing:border-box !important;
}
.dashboard-contentPage{
    min-width:0 !important;
    max-width:100vw !important;
}
.dashboard-contentPage .container,
.dashboard-contentPage .container-fluid,
.dashboard-contentPage .row,
.dashboard-contentPage .panel,
.dashboard-contentPage .panel-body,
.dashboard-contentPage .card,
.dashboard-contentPage form,
.dashboard-contentPage fieldset{
    max-width:100% !important;
}
.dashboard-contentPage .row{
    margin-left:-10px !important;
    margin-right:-10px !important;
}
.dashboard-contentPage [class*="col-xs-"],
.dashboard-contentPage [class*="col-sm-"],
.dashboard-contentPage [class*="col-md-"],
.dashboard-contentPage [class*="col-lg-"]{
    padding-left:10px !important;
    padding-right:10px !important;
    min-width:0 !important;
}
.dashboard-contentPage .form-control,
.dashboard-contentPage .select2-container,
.dashboard-contentPage .select2-selection,
.dashboard-contentPage input,
.dashboard-contentPage select,
.dashboard-contentPage textarea{
    max-width:100% !important;
}
.dashboard-contentPage input[type="file"]{
    height:auto !important;
    min-height:38px !important;
    white-space:normal !important;
    overflow:hidden !important;
}
.dashboard-contentPage textarea{
    resize:vertical;
}

/* Tablas: scroll interno en lugar de romper toda la pantalla */
.dashboard-contentPage .table-responsive,
.dashboard-contentPage .pet-table-responsive,
.dashboard-contentPage .dataTables_wrapper,
.dashboard-contentPage .dataTables_scroll,
.dashboard-contentPage .dataTables_scrollBody,
.vet-table-responsive{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
}
.dashboard-contentPage .table-responsive{ border:0 !important; }
.dashboard-contentPage table,
.dashboard-contentPage .table,
.dashboard-contentPage table.dataTable,
.vet-table{
    width:100% !important;
    max-width:none !important;
    white-space:nowrap;
}
.dashboard-contentPage .table td,
.dashboard-contentPage .table th,
.dashboard-contentPage table.dataTable td,
.dashboard-contentPage table.dataTable th{
    word-break:normal;
}
.dashboard-contentPage .table td .btn,
.dashboard-contentPage table.dataTable td .btn{
    white-space:nowrap !important;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{
    max-width:100% !important;
}

/* Navbar: evita desbordes y conserva opciones en pantallas pequeñas */
.dashboard-Navbar.vet-navbar{
    width:100% !important;
    max-width:100% !important;
}
.vet-navbar-left,
.vet-navbar-right{
    min-width:0 !important;
}
.vet-navbar-left{
    flex:1 1 auto !important;
}
.vet-navbar-right{
    flex:0 0 auto !important;
}
.vet-nav-title,
.pet-user-info strong,
.pet-user-info small{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

/* Calendario y componentes anchos */
#calendar,
.fc,
.fc-view-harness,
.fc-scroller{
    max-width:100% !important;
}
.fc .fc-toolbar,
.fc-header-toolbar{
    flex-wrap:wrap !important;
    gap:8px !important;
}
.fc .fc-toolbar-title{
    font-size:clamp(17px, 2.6vw, 24px) !important;
    line-height:1.2 !important;
}

/* Desktop grande y mediano */
@media (min-width:1200px){
    .dashboard-sideBar,
    .dashboard-sideBar-ct{
        width:clamp(242px, 14.8vw, 264px) !important;
    }
    .dashboard-contentPage{
        padding-left:clamp(242px, 14.8vw, 264px) !important;
        overflow-x:hidden !important;
    }
    .dashboard-contentPage.no-paddin-left,
    .no-paddin-left.dashboard-contentPage{
        padding-left:0 !important;
    }
    .vet-kpi-grid{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    }
    .vet-quick-grid{
        grid-template-columns:repeat(9,minmax(0,1fr)) !important;
    }
}

/* Laptops/tablets horizontales */
@media (min-width:992px) and (max-width:1199px){
    html, body{ font-size:14px !important; }
    .dashboard-sideBar,
    .dashboard-sideBar-ct{ width:230px !important; }
    .dashboard-contentPage{
        padding-left:230px !important;
        overflow-x:hidden !important;
    }
    .dashboard-contentPage.no-paddin-left,
    .no-paddin-left.dashboard-contentPage{ padding-left:0 !important; }
    .dashboard-Navbar.vet-navbar{ padding:0 16px !important; }
    .vet-navbar-brand{ display:none !important; }
    .vet-date-pill{ display:none !important; }
    .vet-navbar-right{ max-width:50% !important; gap:8px !important; }
    .pet-user-menu{ width:auto !important; max-width:190px !important; }
    .pet-user-trigger{ max-width:190px !important; }
    .vet-kpi-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .vet-quick-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
    .vet-dashboard-lower,
    .dashboard-contentPage.no-paddin-left .vet-dashboard-lower{ grid-template-columns:1fr !important; }
}

/* Tablets y móvil: sidebar como menú flotante */
@media (max-width:991px){
    html, body{
        height:100% !important;
        overflow:hidden !important;
    }
    body::before{ opacity:.28 !important; }
    .dashboard-sideBar{
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        height:100dvh !important;
        z-index:10000 !important;
        background:transparent !important;
        transform:none !important;
    }
    .dashboard-sideBar.hide-sidebar{
        opacity:0 !important;
        pointer-events:none !important;
        transform:none !important;
    }
    .dashboard-sideBar.show-sidebar{
        opacity:1 !important;
        pointer-events:auto !important;
        transform:none !important;
    }
    .dashboard-sideBar-bg{
        position:absolute !important;
        inset:0 !important;
        width:100% !important;
        height:100% !important;
        background:rgba(0,0,0,.72) !important;
        z-index:1 !important;
    }
    .dashboard-sideBar-ct{
        position:absolute !important;
        top:0 !important;
        left:0 !important;
        width:min(84vw, 315px) !important;
        max-width:min(84vw, 315px) !important;
        height:100dvh !important;
        padding:0 18px 22px !important;
        z-index:2 !important;
        transform:translateX(-105%) !important;
        transition:transform .25s ease !important;
        overflow-y:auto !important;
    }
    .dashboard-sideBar.show-sidebar .dashboard-sideBar-ct{
        transform:translateX(0) !important;
    }
    .vet-sidebar-logo img{
        width:170px !important;
        max-width:170px !important;
    }
    .vet-sidebar-close{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }
    .dashboard-contentPage,
    .dashboard-contentPage.no-paddin-left,
    .no-paddin-left.dashboard-contentPage{
        position:absolute !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        width:100% !important;
        max-width:100vw !important;
        height:100dvh !important;
        padding-left:0 !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }
    .dashboard-Navbar.vet-navbar{
        position:sticky !important;
        top:0 !important;
        height:64px !important;
        min-height:64px !important;
        padding:0 14px !important;
        z-index:5000 !important;
    }
    .vet-navbar-brand,
    .vet-date-pill,
    .vet-user-divider{ display:none !important; }
    .vet-nav-toggle{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
    }
    .vet-nav-title{
        max-width:42vw !important;
        font-size:16px !important;
    }
    .vet-navbar-right{
        gap:7px !important;
        max-width:none !important;
    }
    #btn-notificaciones.noti-btn{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
    }
    .pet-user-menu,
    .pet-user-menu.hidden-xs{
        display:flex !important;
        width:auto !important;
        max-width:none !important;
        position:relative !important;
    }
    .pet-user-trigger{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        padding:0 !important;
        justify-content:center !important;
        border-radius:50% !important;
    }
    .pet-user-avatar{
        display:flex !important;
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
    }
    .pet-user-info,
    .pet-user-chevron{ display:none !important; }
    .pet-user-dropdown{
        position:fixed !important;
        top:70px !important;
        right:10px !important;
        left:10px !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
    }
    .pet-user-dropdown:before{ display:none !important; }
    #menu-notificaciones.noti-menu{
        position:fixed !important;
        top:70px !important;
        right:10px !important;
        left:10px !important;
        width:auto !important;
        max-width:none !important;
        max-height:calc(100dvh - 84px) !important;
    }
    .noti-body{ max-height:calc(100dvh - 190px) !important; }
    .dashboard-contentPage .container-fluid{
        padding-left:16px !important;
        padding-right:16px !important;
    }
    .vet-dashboard{
        padding:18px 16px 22px !important;
        max-width:100% !important;
    }
    .vet-dashboard-welcome{
        align-items:flex-start !important;
        gap:10px !important;
        flex-direction:column !important;
    }
    .vet-kpi-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
    .vet-quick-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; }
    .vet-dashboard-lower,
    .dashboard-contentPage.no-paddin-left .vet-dashboard-lower{ grid-template-columns:1fr !important; }
    .vet-best-item{ grid-template-columns:22px minmax(0,1fr) minmax(70px,150px) 30px !important; }
    .modal-dialog{
        width:calc(100vw - 24px) !important;
        max-width:calc(100vw - 24px) !important;
        margin:12px auto !important;
        transform:none !important;
    }
    .modal-content{ max-height:calc(100dvh - 24px) !important; overflow:auto !important; }
    .dashboard-contentPage .dt-buttons,
    .dashboard-contentPage .dataTables_wrapper .dataTables_length,
    .dashboard-contentPage .dataTables_wrapper .dataTables_filter,
    .dashboard-contentPage .dataTables_wrapper .dataTables_info,
    .dashboard-contentPage .dataTables_wrapper .dataTables_paginate{
        float:none !important;
        width:100% !important;
        text-align:left !important;
        margin:7px 0 !important;
    }
    .dashboard-contentPage .dataTables_wrapper .dataTables_filter label,
    .dashboard-contentPage .dataTables_wrapper .dataTables_length label{
        width:100% !important;
        display:block !important;
    }
    .dashboard-contentPage .dataTables_wrapper .dataTables_filter input{
        display:block !important;
        width:100% !important;
        margin:6px 0 0 !important;
    }
    .dashboard-contentPage .dt-buttons .btn{
        margin:3px 4px 5px 0 !important;
    }
}

/* Móvil */
@media (max-width:767px){
    .dashboard-contentPage .container-fluid{
        padding-left:12px !important;
        padding-right:12px !important;
    }
    .dashboard-contentPage .page-header{
        margin:15px 0 12px !important;
    }
    .dashboard-contentPage .page-header h1,
    .dashboard-contentPage .page-header .text-titles{
        font-size:20px !important;
        line-height:1.25 !important;
        word-break:break-word !important;
    }
    .dashboard-contentPage .lead{
        font-size:14px !important;
    }
    .dashboard-contentPage .row{
        margin-left:-7px !important;
        margin-right:-7px !important;
    }
    .dashboard-contentPage [class*="col-xs-"],
    .dashboard-contentPage [class*="col-sm-"],
    .dashboard-contentPage [class*="col-md-"],
    .dashboard-contentPage [class*="col-lg-"]{
        width:100% !important;
        float:none !important;
        display:block !important;
        padding-left:7px !important;
        padding-right:7px !important;
    }
    .dashboard-contentPage .panel,
    .dashboard-contentPage .card{
        margin-top:12px !important;
        border-radius:11px !important;
    }
    .dashboard-contentPage .panel-heading,
    .dashboard-contentPage .panel-body,
    .dashboard-contentPage .card-body,
    .dashboard-contentPage .modal-header,
    .dashboard-contentPage .modal-body,
    .dashboard-contentPage .modal-footer{
        padding:12px !important;
    }
    .dashboard-contentPage .form-group{
        margin-bottom:14px !important;
    }
    .dashboard-contentPage label,
    .dashboard-contentPage .control-label{
        font-size:13px !important;
        line-height:1.25 !important;
    }
    .dashboard-contentPage .form-control,
    .dashboard-contentPage select.form-control,
    .dashboard-contentPage input.form-control{
        height:40px !important;
        min-height:40px !important;
        font-size:14px !important;
        padding:8px 10px !important;
    }
    .dashboard-contentPage textarea.form-control{
        min-height:92px !important;
    }
    .dashboard-contentPage .btn{
        width:auto !important;
        max-width:100% !important;
        white-space:normal !important;
        margin-bottom:5px !important;
    }
    .dashboard-contentPage .text-right,
    .dashboard-contentPage .text-left{
        text-align:center !important;
    }
    .dashboard-contentPage .breadcrumb-tabs,
    .dashboard-contentPage .breadcrumb{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:6px !important;
        padding:0 !important;
    }
    .dashboard-contentPage .breadcrumb-tabs li,
    .dashboard-contentPage .breadcrumb li{
        display:block !important;
        width:100% !important;
        margin:0 !important;
    }
    .dashboard-contentPage .breadcrumb-tabs a,
    .dashboard-contentPage .breadcrumb a{
        display:flex !important;
        width:100% !important;
        justify-content:center !important;
        align-items:center !important;
        min-height:40px !important;
    }
    .vet-kpi-grid,
    .vet-quick-grid{ grid-template-columns:1fr !important; }
    .vet-kpi-card{ min-height:112px !important; }
    .vet-quick-card{ min-height:104px !important; }
    .vet-state-content{ flex-direction:column !important; align-items:center !important; }
    .vet-state-legend{ width:100% !important; min-width:0 !important; }
    .vet-best-item{ grid-template-columns:20px minmax(0,1fr) 42px !important; }
    .vet-best-item div{ display:none !important; }
    .vet-nav-title{ max-width:38vw !important; }
    .fc .fc-toolbar{ display:flex !important; flex-direction:column !important; align-items:stretch !important; }
    .fc .fc-toolbar-chunk{ display:flex !important; justify-content:center !important; flex-wrap:wrap !important; }
    .fc-daygrid-day-frame{ min-height:78px !important; }
}

/* Teléfonos pequeños */
@media (max-width:480px){
    .dashboard-Navbar.vet-navbar{ padding:0 10px !important; }
    .vet-nav-title{ max-width:34vw !important; font-size:15px !important; }
    .vet-nav-toggle,
    #btn-notificaciones.noti-btn,
    .pet-user-trigger{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
    }
    .dashboard-contentPage .container-fluid{ padding-left:10px !important; padding-right:10px !important; }
    .dashboard-contentPage .page-header h1,
    .dashboard-contentPage .page-header .text-titles{ font-size:18px !important; }
    .dashboard-contentPage .panel-heading,
    .dashboard-contentPage .panel-body,
    .dashboard-contentPage .card-body{ padding:10px !important; }
    .dashboard-contentPage .btn{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
    }
    .dashboard-contentPage .btn + .btn{ margin-left:0 !important; }
    .vet-dashboard{ padding:14px 10px 18px !important; }
    .vet-kpi-icon{ opacity:.35 !important; }
    .vet-kpi-info strong{ font-size:25px !important; }
    #menu-notificaciones.noti-menu,
    .pet-user-dropdown{
        top:64px !important;
        right:8px !important;
        left:8px !important;
    }
}

/* Backend DataTables: mantener tablas pesadas rápidas y sin romper responsive */
#tabla-clientes-server,
#tabla-ventas-server,
#tabla-productos-server,
#tabla-mascotas-server,
#tabla-empleados-server,
#tabla-citas-server,
#tabla-admins-server,
#tabla-vacunas-server{
    width:100% !important;
}
#tabla-clientes-server th,
#tabla-clientes-server td,
#tabla-ventas-server th,
#tabla-ventas-server td,
#tabla-productos-server th,
#tabla-productos-server td,
#tabla-mascotas-server th,
#tabla-mascotas-server td,
#tabla-empleados-server th,
#tabla-empleados-server td,
#tabla-citas-server th,
#tabla-citas-server td,
#tabla-admins-server th,
#tabla-admins-server td,
#tabla-vacunas-server th,
#tabla-vacunas-server td{
    vertical-align:middle !important;
}
.dataTables_wrapper .dataTables_processing{
    z-index:25 !important;
    border-radius:10px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}
.dataTables_wrapper .dt-buttons .btn{
    margin-right:4px !important;
}
@media (max-width:768px){
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dt-buttons,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate{
        float:none !important;
        text-align:center !important;
        width:100% !important;
        margin:6px 0 !important;
    }
    .dataTables_wrapper .dataTables_filter input{
        width:100% !important;
        margin-left:0 !important;
    }
}

/* =========================================================
   FIX SIDEBAR - evita textos montados cuando el nombre del
   módulo ocupa dos líneas.
   ========================================================= */
.dashboard-sideBar,
.dashboard-sideBar-ct,
.dashboard-sideBar-Menu,
.vet-menu{
    box-sizing:border-box !important;
}
.dashboard-sideBar-ct{
    overflow-x:hidden !important;
}
.vet-sidebar-brand{
    min-height:104px !important;
    padding:14px 0 10px !important;
}
.vet-sidebar-logo img{
    width:188px !important;
    max-width:90% !important;
}
.vet-menu{
    margin:0 !important;
    padding-top:6px !important;
    padding-bottom:8px !important;
}
.dashboard-sideBar-Menu.vet-menu > li,
.dashboard-sideBar-Menu.vet-menu > li > a{
    height:auto !important;
    line-height:normal !important;
    overflow:visible !important;
}
.dashboard-sideBar-Menu.vet-menu > li{
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 0 5px !important;
    padding:0 !important;
    clear:both !important;
}
.dashboard-sideBar-Menu.vet-menu > li > a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    min-height:44px !important;
    padding:9px 14px !important;
    white-space:normal !important;
    word-break:normal !important;
    border-radius:9px !important;
}
.dashboard-sideBar-Menu.vet-menu > li > a > i{
    flex:0 0 24px !important;
    width:24px !important;
    min-width:24px !important;
    margin:0 !important;
    line-height:1 !important;
    text-align:center !important;
}
.dashboard-sideBar-Menu.vet-menu > li > a > span{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    line-height:1.18 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
}
.dashboard-sideBar-Menu.vet-menu > li > a.active::before{
    top:5px !important;
    height:calc(100% - 10px) !important;
}
.dashboard-sideBar-Menu.vet-menu > li.vet-menu-section{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:16px !important;
    height:auto !important;
    line-height:1 !important;
    margin:14px 0 7px !important;
    padding:0 !important;
    overflow:visible !important;
}
.dashboard-sideBar-Menu.vet-menu > li.vet-menu-section:first-child{
    margin-top:6px !important;
}
.dashboard-sideBar-Menu.vet-menu > li.vet-menu-section span{
    display:block !important;
    line-height:1 !important;
    white-space:nowrap !important;
    font-size:12px !important;
}
.vet-sidebar-help{
    margin-top:18px !important;
}

@media (min-width:992px) and (max-width:1199px){
    .dashboard-sideBar,
    .dashboard-sideBar-ct{
        width:248px !important;
    }
    .dashboard-contentPage{
        padding-left:248px !important;
    }
    .dashboard-contentPage.no-paddin-left,
    .no-paddin-left.dashboard-contentPage{
        padding-left:0 !important;
    }
    .vet-sidebar-logo img{
        width:178px !important;
    }
    .dashboard-sideBar-Menu.vet-menu > li > a{
        font-size:15px !important;
        padding:9px 12px !important;
        gap:10px !important;
    }
}

@media (max-width:991px){
    .dashboard-sideBar-ct{
        width:min(86vw, 320px) !important;
        max-width:min(86vw, 320px) !important;
        padding:0 16px 22px !important;
    }
    .vet-sidebar-brand{
        min-height:96px !important;
    }
    .vet-sidebar-logo img{
        width:168px !important;
    }
    .dashboard-sideBar-Menu.vet-menu > li > a{
        min-height:43px !important;
        padding:9px 12px !important;
        font-size:15px !important;
    }
    .dashboard-sideBar-Menu.vet-menu > li.vet-menu-section{
        margin:13px 0 7px !important;
    }
}

@media (max-width:420px){
    .dashboard-sideBar-ct{
        width:min(88vw, 304px) !important;
        max-width:min(88vw, 304px) !important;
        padding-left:14px !important;
        padding-right:14px !important;
    }
    .dashboard-sideBar-Menu.vet-menu > li > a{
        font-size:14.5px !important;
    }
}

/* =========================================================
   FIX SELECT2 EN VENTAS - contraste y dropdown legible
   Corrige el select de productos/servicios que aparecía blanco
   con letras casi invisibles en el tema oscuro.
   ========================================================= */
.select2-container,
.select2-container *{
    box-sizing:border-box !important;
}
.select2-container--open{
    z-index:99999 !important;
}
.select2-dropdown{
    background:#111111 !important;
    border:1px solid rgba(255,255,255,.28) !important;
    border-radius:8px !important;
    color:#ffffff !important;
    z-index:99999 !important;
    box-shadow:0 18px 45px rgba(0,0,0,.55) !important;
    overflow:hidden !important;
}
.select2-search--dropdown{
    background:#111111 !important;
    padding:8px !important;
}
.select2-search--dropdown .select2-search__field{
    height:36px !important;
    line-height:36px !important;
    padding:6px 10px !important;
    background:#ffffff !important;
    color:#111111 !important;
    -webkit-text-fill-color:#111111 !important;
    border:1px solid #d8d8d8 !important;
    border-radius:6px !important;
    outline:none !important;
    box-shadow:none !important;
}
.select2-container--default .select2-results > .select2-results__options{
    max-height:280px !important;
    overflow-y:auto !important;
    background:#111111 !important;
}
.select2-results__option,
.select2-container--default .select2-results__option,
.select2-container--default .select2-results__option--selectable{
    color:#ffffff !important;
    background:#111111 !important;
    -webkit-text-fill-color:#ffffff !important;
    padding:10px 12px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    word-break:break-word !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-results__option--highlighted{
    background:#d00000 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}
.select2-container--default .select2-results__option--selected{
    background:#5b0000 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:800 !important;
}
.select2-container--default .select2-results__option--disabled,
.select2-results__option[aria-disabled="true"]{
    color:#b8b8b8 !important;
    -webkit-text-fill-color:#b8b8b8 !important;
    background:#181818 !important;
}
.dashboard-contentPage .select2-container--default .select2-selection--single{
    min-height:40px !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    background:#101010 !important;
    border:1px solid rgba(255,255,255,.24) !important;
    border-radius:8px !important;
}
.dashboard-contentPage .select2-container--default .select2-selection--single .select2-selection__rendered{
    width:100% !important;
    min-height:38px !important;
    line-height:38px !important;
    padding-left:10px !important;
    padding-right:30px !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:transparent !important;
    border:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.dashboard-contentPage .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:38px !important;
    right:6px !important;
}
.dashboard-contentPage .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#cfcfcf !important;
    -webkit-text-fill-color:#cfcfcf !important;
}
#tablaVenta td{
    vertical-align:top !important;
}
#tablaVenta td:nth-child(3){
    min-width:360px !important;
}
#tablaVenta .select2-container{
    width:100% !important;
    min-width:300px !important;
}
#tablaVenta .stock-info{
    display:block !important;
    clear:both !important;
    margin-top:6px !important;
    color:#d6d6d6 !important;
    -webkit-text-fill-color:#d6d6d6 !important;
    white-space:normal !important;
    line-height:1.25 !important;
}
#tablaVenta .cant,
#tablaVenta .precio{
    min-width:90px !important;
}
@media (max-width:767px){
    #tablaVenta td:nth-child(3){
        min-width:300px !important;
    }
    #tablaVenta .select2-container{
        min-width:260px !important;
    }
    .select2-dropdown{
        max-width:calc(100vw - 24px) !important;
    }
}

/* V8: evita que el responsive bloquee los clics del menú superior */
.vet-navbar .pet-user-menu, .vet-navbar .pet-user-trigger{ pointer-events:auto !important; }
.vet-navbar .pet-user-menu.open .pet-user-dropdown, .vet-navbar .pet-user-menu.is-open .pet-user-dropdown{ display:block !important; visibility:visible !important; opacity:1 !important; }
.dashboard-sideBar.show-sidebar{ pointer-events:auto !important; visibility:visible !important; opacity:1 !important; }
.dashboard-sideBar.hide-sidebar{ pointer-events:none !important; visibility:hidden !important; opacity:0 !important; }