.but_for {
    margin-bottom: 10px;
    background: #fff;
    width: 100%;
}
.create_New_Objects {
    margin-top: 14px;
}
.click_link .itme_blocks_pages {
    min-height: 180px;
    overflow: hidden;
}
.back-button-wrapper {
    margin: 0px !important;
    padding: 10px;
    border-bottom: 1px solid #fff;
}

.back-button-wrapper .but_color1 {
    background-color: initial !important;
    border: none !important;
    color: #080c24 !important;
}
.back-button-triangle {
    display: none;
}

.back-button-wrapper.actions {
    border-bottom: 1px solid #0d67c9;
    background: #0d67c93b;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: none !important;
}
.theme-Dark-style,
.theme-Light-style {
    background-color: initial;
}
.logo25 img {
    height: 25px !important;
}
.theme-Light-Body-bg {
    background: #f2f2f2;
}
.theme-Light-Body-bg body,
body.theme-Light-Body-bg {
    background: #f2f2f2 !important;
}
.theme-Dark-Body-bg {
    background-color: #080c24 !important;
}
.theme-Dark-Body-bg body,
body.theme-Dark-Body-bg {
    background-color: #080c24 !important;
}
.theme-Light-style .img_nwe_building img,
.theme-Dark-style .img_nwe_building img {
    height: 100%;
    width: 72%;
    -o-object-fit: cover;
    object-fit: contain;
    object-position: 39%;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #f99292;
}
.el-form-item__error {
    color: #ff9191;
    font-weight: 500;
    font-size: 12px;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding: 4px 8px;
    display: block;
    line-height: 1.4;
    background: rgba(255, 145, 145, 0.1);
    border-radius: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Info text below input (like "Остаток") - should appear after error */
.el-form-item__info {
    position: relative;
    z-index: 1;
    margin-top: 8px !important;
}

/* Amount remainder info styling */
.amount-remainder-info {
    color: #e74c3c;
    font-size: 13px;
    font-weight: 500;
    margin-top: 8px;
    padding: 6px 10px;
    background: rgba(231, 76, 60, 0.08);
    border-radius: 6px;
    border-left: 3px solid #e74c3c;
}

.theme-Dark-style-left .menu-wrapper {
    background: #080c24ff !important;
}
/* modal header */
.theme-Dark-style-modal .title_header_fix {
    background-color: #0e2c4685 !important;
    position: relative;
    height: 78px;
}
.theme-Dark-style-modal .title_header_fix .sale-select {
    border: none !important;
    padding-bottom: 0px;
}
.theme-Dark-style-sellP .new_title_vw,
.theme-Dark-style .itme_objects_sale_big,
.theme-Dark-style-modal header.el-drawer__header,
.theme-Dark-style-modal .el-table,
.theme-Dark-style-modal .el-table__expanded-cell {
    background-color: #0e2c4685 !important;
}

/* modan bg color  */
.theme-Dark-style-modal.bg-new-thme {
    background-color: #080c24 !important;
    min-height: 100vh;
}

/* style Dark  */
/* bg-color */
.theme-Dark-style-modal.bg-new-thme2,
.theme-Dark-style-modal .v--modal-box,
.theme-Dark-style .el-collapse-item__wrap,
.theme-Dark-style .credit_row,
.theme-Dark-style .Print_modal ul li div,
.theme-Dark-style-modal .color_od,
.theme-Dark-style-sellP,
.theme-Dark-style-sellP .router-link-exact-active.router-link-active .icon_type,
.theme-Dark-style .bg-color,
.theme-Dark-style .bg-white,
.theme-Dark-style .bgcolor1,
.theme-Dark-style .edithouse_top_blocks_nevs,
.theme-Dark-style .el-drawer__body,
.theme-Dark-style .el-collapse-item__header,
.theme-Dark-style .itme_block_N_p,
.theme-Dark-style .newe_residential_Complex {
    background-color: #080c24 !important;
}
/* border-color */
.theme-Dark-style .el-collapse {
    border-color: #2a2f34;
}
.theme-Dark-style .bg-color .title_right_users,
.theme-Dark-style .bg-color .apexcharts-legend-series span,
.theme-Dark-style .bg-color .apexcharts-title-text,
.theme-Dark-style .bg-color .apexcharts-text,
.theme-Dark-style .bg-color .apexcharts-text tspan {
    fill: #fff;
    color: #fff !important;
}
.theme-Dark-style-modal.bg-new-thme2 .el-dialog__title,
.theme-Dark-style-modal .right_modal_floats_info .preview_room span b,
.theme-Dark-style-modal .right_modal_floats_info .preview_room span,
.theme-Dark-style-modal .v--modal-box.v--modal .el-dialog__title,
.theme-Dark-style .font__W,
.theme-Dark-style .credit_row div,
.theme-Dark-style-sellP .nomber__floor ul li .floor-link__num,
.theme-Dark-style-sellP .nomber__floor ul li:hover .floor-link__left,
.theme-Dark-style-sellP .nomber__floor ul li:hover .floor-link__right,
.theme-Dark-style-sellP .size_home .size_home_info,
.theme-Dark-style-sellP .size_home .size_home_floors,
.theme-Dark-style-sellP .table-bordered > tbody > tr > td,
.theme-Dark-style-sellP .router-link-exact-active.router-link-active .icon_type,
.theme-Dark-style-sellP .nweTile .content_s .till_squver ul li .total_sum,
.theme-Dark-style-sellP .nweTile .content_s .till_squver p,
.theme-Dark-style-sellP .ifon-sale-squver-color span,
.theme-Dark-style-sellP .text_new span,
.theme-Dark-style-sellP .square-four > div,
.theme-Dark-style-modal .item-cost-data,
.theme-Dark-style .itme_objects_sale_big .footer_Complex div span,
.theme-Dark-style .itme_objects_sale_big .footer_Complex div b,
.theme-Dark-style .theme-color,
.theme-Dark-style .white-color div,
.theme-Dark-style .bg-color .pra_info,
.theme-Dark-style .bg-color .itme_a1 > div,
.theme-Dark-style .info_abjects_title,
.theme-Dark-style .object_house_info .color1,
.theme-Dark-style .object_house_info .color2,
.theme-Dark-style .crm-content-header-left-item h5,
.theme-Dark-style .crm-content-header-left-item .el-icon-refresh,
.theme-Dark-style .el-collapse-item__header,
.theme-Dark-style .el-breadcrumb__inner a,
.theme-Dark-style .el-breadcrumb__inner.is-link,
.theme-Dark-style .page-title,
.theme-Dark-style .apartment-preview__title,
.theme-Dark-style .text_nwe_building .di,
.theme-Dark-style .text_nwe_building .ni,
.theme-Dark-style .Print_modal ul li div span,
.theme-Dark-style-modal .page-title,
.theme-Dark-style-modal .apartment-preview__title,
.theme-Dark-style-modal .text_nwe_building .di,
.theme-Dark-style-modal .text_nwe_building .ni,
.theme-Dark-style-modal .Print_modal ul li div span,
.theme-Dark-style-modal .itme-info-crm-c,
.theme-Dark-style-modal .mir-left.d-flex,
.theme-Dark-style .color1,
.theme-Dark-style .color2,
.theme-Dark-style .color3 {
    color: #fff !important;
}

.theme-Dark-style-sellP .new-style .qavat,
.theme-Dark-style-sellP .new-style .narx,
.theme-Dark-style-modal .color-hteml,
.theme-Dark-style-modal .card-header,
.theme-Dark-style-modal .ifon-sale-squver-color span,
.theme-Dark-style-modal .item-cost-datas div,
.theme-Dark-style .narx,
.theme-Dark-style .title_sum,
.theme-Dark-style .title_summ,
.theme-Dark-style .tovar,
.theme-Dark-style .el-tabs__item,
.theme-Dark-style .apartment-preview__description,
.theme-Dark-style .preview_room span,
.theme-Dark-style .el-form-item__label,
.theme-Dark-style-modal .tovar,
.theme-Dark-style-modal .el-tabs__item,
.theme-Dark-style-modal .apartment-preview__description,
.theme-Dark-style-modal .preview_room span,
.theme-Dark-style-modal .el-form-item__label,
.theme-Dark-style-modal .title_sum,
.theme-Dark-style-modal .title_summ,
.theme-Dark-style-modal .tovar {
    color: #ced4da;
}

.theme-Dark-style-modal .mir-bg,
.theme-Dark-style .card,
.theme-Dark-style .white-color .el-radio-button__inner,
.theme-Dark-style .white-color .el-progress-bar__outer,
.theme-Dark-style .el-button--default,
.theme-Dark-style-modal .list-group-item,
.theme-Dark-style .bGG,
.theme-Dark-style-modal .bGG,
.theme-Dark-style-modal .apartment-preview,
.theme-Dark-style .apartment-preview,
.theme-Dark-style .el-pager li,
.theme-Dark-style .el-button--default,
.theme-Dark-style .el-input.is-disabled .el-input__inner,
.theme-Dark-style .el-textarea__inner,
.theme-Dark-style .el-input__inner,
.theme-Dark-style-modal.bg-new-thme .right_modal_floats_info,
.theme-Dark-style-modal .el-input.is-disabled .el-input__inner,
.theme-Dark-style-modal .el-textarea__inner,
.theme-Dark-style-modal .el-input__inner,
.theme-Dark-style-modal .card-mi,
.theme-Dark-style-sellP .el-checkbox-button__inner,
.theme-Dark-style-sellP .new-style .el-button,
.theme-Dark-style-sellP .nomber__floor ul li .floor-link,
.theme-Dark-style-sellP .el-input.is-disabled .el-input__inner,
.theme-Dark-style-sellP .el-textarea__inner,
.theme-Dark-style-sellP .el-input__inner {
    background-color: #0e2c4685 !important;
    border: 1px dashed #2a2f34;
    color: #ced4da !important;
}
.card-mi {
    border-left: 3px solid #3b5998 !important;
}

.theme-Dark-style .bg-color {
    border: 1px dashed #2a2f34;
}

/* .theme-Dark-styl .edithouse_top_blocks_nevs .edithouse_top_blocks_add i, */
.theme-Dark-styl .edithouse_top_blocks_nevs .typess a,
.theme-Dark-style .my_icon_building,
.theme-Dark-style .edithouse_top_blocks_nevs i {
    background-color: #2575a8f5;
}

.theme-Dark-style header.el-drawer__header {
    background-color: rgba(41, 186, 219, 0.18) !important;
}

.theme-Dark-style-sellP .nomber__floor ul li.active .floor-link,
.theme-Dark-style
    .el-pagination.is-background
    .el-pager
    li:not(.disabled).active {
    background-color: #409eff !important;
}
.theme-Dark-style .app-main > div > table {
    background-color: #080c24 !important;
}
.theme-Dark-style-sellP .table-bordered,
.theme-Dark-style-sellP .table-bordered > tbody > tr > td,
.theme-Dark-style-sellP .table-bordered > thead > tr > th,
.theme-Dark-style .table-bordered,
.theme-Dark-style .table-bordered > thead > tr > th,
.theme-Dark-style .table-bordered > tbody > tr > td,
.theme-Dark-Body-bg .table-bordered,
.theme-Dark-Body-bg .table-bordered > thead > tr > th,
.theme-Dark-Body-bg .table-bordered > tbody > tr > td,
body.theme-Dark-Body-bg .table-bordered,
body.theme-Dark-Body-bg .table-bordered > thead > tr > th,
body.theme-Dark-Body-bg .table-bordered > tbody > tr > td {
    border: 1px dashed #2a2f34 !important;
    background-color: #080c24 !important;
}

/* Table bordered row borders - Dark Mode */
.theme-Dark-style .table-bordered > tbody > tr,
.theme-Dark-Body-bg .table-bordered > tbody > tr,
body.theme-Dark-Body-bg .table-bordered > tbody > tr {
    border-bottom: 1px dashed #2a2f34 !important;
}

.theme-Dark-style .table-bordered > tbody > tr:last-child,
.theme-Dark-Body-bg .table-bordered > tbody > tr:last-child,
body.theme-Dark-Body-bg .table-bordered > tbody > tr:last-child {
    border-bottom: none !important;
}

.theme-Dark-style .table-bordered > tbody > tr > td,
.theme-Dark-Body-bg .table-bordered > tbody > tr > td,
body.theme-Dark-Body-bg .table-bordered > tbody > tr > td {
    border-bottom: 1px dashed #2a2f34 !important;
    border-right: 1px dashed #2a2f34 !important;
}

.theme-Dark-style .table-bordered > tbody > tr > td:last-child,
.theme-Dark-Body-bg .table-bordered > tbody > tr > td:last-child,
body.theme-Dark-Body-bg .table-bordered > tbody > tr > td:last-child {
    border-right: none !important;
}
.theme-Dark-style table > thead > tr > th,
.theme-Dark-style table > tbody > tr > td,
.theme-Dark-Body-bg table > thead > tr > th,
.theme-Dark-Body-bg table > tbody > tr > td,
body.theme-Dark-Body-bg table > thead > tr > th,
body.theme-Dark-Body-bg table > tbody > tr > td {
    color: #ced4da !important;
    background-color: #080c24 !important;
}

/* ============================================
   GLOBAL TABLE ROW BORDERS - Dark Mode
   Barcha table'lar uchun row'lar orasidagi border'lar
   ============================================ */

/* Table row borders - Dark Mode (Barcha table'lar uchun) */
.theme-Dark-style table > tbody > tr,
.theme-Dark-Body-bg table > tbody > tr,
body.theme-Dark-Body-bg table > tbody > tr,
.theme-Dark-style tbody tr,
.theme-Dark-Body-bg tbody tr,
body.theme-Dark-Body-bg tbody tr {
    border-bottom: 1px solid #2a2f34 !important;
}

.theme-Dark-style table > tbody > tr > td,
.theme-Dark-Body-bg table > tbody > tr > td,
body.theme-Dark-Body-bg table > tbody > tr > td,
.theme-Dark-style tbody td,
.theme-Dark-Body-bg tbody td,
body.theme-Dark-Body-bg tbody td {
    border-bottom: 1px solid #2a2f34 !important;
    color: #ced4da !important;
    background-color: #080c24 !important;
}

.theme-Dark-style table > tbody > tr:last-child > td,
.theme-Dark-Body-bg table > tbody > tr:last-child > td,
body.theme-Dark-Body-bg table > tbody > tr:last-child > td,
.theme-Dark-style tbody tr:last-child td,
.theme-Dark-Body-bg tbody tr:last-child td,
body.theme-Dark-Body-bg tbody tr:last-child td,
.theme-Dark-style tbody tr:last-child,
.theme-Dark-Body-bg tbody tr:last-child,
body.theme-Dark-Body-bg tbody tr:last-child {
    border-bottom: none !important;
}

.theme-Dark-style table > thead > tr > th,
.theme-Dark-Body-bg table > thead > tr > th,
body.theme-Dark-Body-bg table > thead > tr > th,
.theme-Dark-style thead th,
.theme-Dark-Body-bg thead th,
body.theme-Dark-Body-bg thead th {
    border-bottom: 1px solid #2a2f34 !important;
    background-color: #0e2c4685 !important;
    color: #fff !important;
}

/* ============================================
   GLOBAL LOADER DARK MODE
   Barcha loaderlar uchun dark mode stillari
   ============================================ */

.theme-Dark-Body-bg .el-loading-mask,
body.theme-Dark-Body-bg .el-loading-mask {
    background-color: rgba(8, 12, 36, 0.85) !important;
}

.theme-Dark-Body-bg .el-loading-spinner,
body.theme-Dark-Body-bg .el-loading-spinner {
    color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-loading-spinner .el-loading-text,
body.theme-Dark-Body-bg .el-loading-spinner .el-loading-text {
    color: #ced4da !important;
}

.theme-Dark-Body-bg .el-loading-spinner .circular,
body.theme-Dark-Body-bg .el-loading-spinner .circular {
    color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-loading-spinner .path,
body.theme-Dark-Body-bg .el-loading-spinner .path {
    stroke: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-loading-spinner i,
body.theme-Dark-Body-bg .el-loading-spinner i {
    color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-loading-spinner svg,
body.theme-Dark-Body-bg .el-loading-spinner svg {
    color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-loading-spinner svg circle,
body.theme-Dark-Body-bg .el-loading-spinner svg circle {
    stroke: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-loading-spinner svg path,
body.theme-Dark-Body-bg .el-loading-spinner svg path {
    stroke: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-loading-spinner .el-icon-loading,
body.theme-Dark-Body-bg .el-loading-spinner .el-icon-loading {
    color: #3b82f6 !important;
    font-size: 42px !important;
}

/* Table hover - Dark Mode */
.theme-Dark-style table > tbody > tr:hover,
.theme-Dark-Body-bg table > tbody > tr:hover,
body.theme-Dark-Body-bg table > tbody > tr:hover,
.theme-Dark-style tbody tr:hover,
.theme-Dark-Body-bg tbody tr:hover,
body.theme-Dark-Body-bg tbody tr:hover {
    background-color: #0a1c35 !important;
}

.theme-Dark-style table > tbody > tr:hover > td,
.theme-Dark-Body-bg table > tbody > tr:hover > td,
body.theme-Dark-Body-bg table > tbody > tr:hover > td,
.theme-Dark-style tbody tr:hover td,
.theme-Dark-Body-bg tbody tr:hover td,
body.theme-Dark-Body-bg tbody tr:hover td {
    background-color: #0a1c35 !important;
}

/* Table wrap - Dark Mode */
.theme-Dark-style .table-wrap,
.theme-Dark-Body-bg .table-wrap,
body.theme-Dark-Body-bg .table-wrap {
    background-color: #080c24 !important;
    border: 1px solid #2a2f34 !important;
}

/* Table header sticky - Dark Mode */
.theme-Dark-style thead th,
.theme-Dark-Body-bg thead th,
body.theme-Dark-Body-bg thead th {
    background: #0e2c4685 !important;
    border-bottom: 1px solid #2a2f34 !important;
    box-shadow: 0 2px 0 #2a2f34 !important;
    color: #fff !important;
}

/* ============================================
   GLOBAL TABLE ROW BORDERS - Dark Mode
   Barcha table variantlari uchun
   ============================================ */

/* Standard table row borders */
.theme-Dark-style table tbody tr,
.theme-Dark-Body-bg table tbody tr,
body.theme-Dark-Body-bg table tbody tr {
    border-bottom: 1px solid #2a2f34 !important;
}

.theme-Dark-style table tbody tr td,
.theme-Dark-Body-bg table tbody tr td,
body.theme-Dark-Body-bg table tbody tr td {
    border-bottom: 1px solid #2a2f34 !important;
}

.theme-Dark-style table tbody tr:last-child,
.theme-Dark-Body-bg table tbody tr:last-child,
body.theme-Dark-Body-bg table tbody tr:last-child {
    border-bottom: none !important;
}

.theme-Dark-style table tbody tr:last-child td,
.theme-Dark-Body-bg table tbody tr:last-child td,
body.theme-Dark-Body-bg table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Table hover row - Dark Mode */
.theme-Dark-style table tbody tr:hover,
.theme-Dark-Body-bg table tbody tr:hover,
body.theme-Dark-Body-bg table tbody tr:hover {
    background-color: #0a1c35 !important;
}

.theme-Dark-style table tbody tr:hover td,
.theme-Dark-Body-bg table tbody tr:hover td,
body.theme-Dark-Body-bg table tbody tr:hover td {
    background-color: #0a1c35 !important;
}

/* Table with class table-hover - Dark Mode */
.theme-Dark-style .table-hover tbody tr:hover,
.theme-Dark-Body-bg .table-hover tbody tr:hover,
body.theme-Dark-Body-bg .table-hover tbody tr:hover {
    background-color: #0a1c35 !important;
}

.theme-Dark-style .table-hover tbody tr:hover td,
.theme-Dark-Body-bg .table-hover tbody tr:hover td,
body.theme-Dark-Body-bg .table-hover tbody tr:hover td {
    background-color: #0a1c35 !important;
}
.theme-Dark-style-sellP .table-modal-sale .table-bordered > tbody > tr:hover td,
.theme-Dark-style-sellP
    .table-modal-sale
    .table-bordered
    > thead
    > tr:hover
    th {
    background-color: #0a1c35 !important;
}
.theme-Dark-style-sellP
    .router-link-exact-active.router-link-active
    .icon_type
    span,
.sub__button.router-link-exact-active.router-link-active span {
    color: #0c67c9 !important;
}
/* Global pagination styles - Dark mode uchun override qilinadi */
.el-pagination .btn-next,
.el-pagination .btn-prev {
    background-color: initial !important;
    color: #ced4da !important;
}

/* Dark mode'da pagination button'lar uchun */
.theme-Dark-style .el-pagination .btn-next,
.theme-Dark-style .el-pagination .btn-prev,
.theme-Dark-Body-bg .el-pagination .btn-next,
.theme-Dark-Body-bg .el-pagination .btn-prev {
    background-color: #0e2c4685 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}
.theme-Dark-style .img_abjects_LEFT,
.theme-Dark-style .left_object_house_info {
    border: 1px dashed #2a2f34;
}
.theme-Dark-style .object_house_info {
    border-bottom: 1px dashed #2a2f34;
}
.theme-Dark-style .el-card {
    background-color: #080c24;
    border: 1px dashed #2a2f34;
}
.theme-Dark-style .info_abjects_title {
    border-bottom: 1px dashed #2a2f34;
}

.theme-Dark-style .itme_blocks_pages {
    background-color: #080c2452;
    border: 1px dashed #2a2f34;
}
.theme-Dark-style .itme_blocks_pages_botton_summa {
    font-size: 22px;
    font-weight: 600;
    color: #ced4da;
}
.theme-Dark-style .itme_blocks_pages_botton_title {
    font-size: 18px;
    font-weight: 300;
    color: #ced4da;
}
.theme-Dark-style .info_abjects.el-card {
    background-color: #080c2452;
}
.theme-Dark-style .el-button--default:focus,
.theme-Dark-style .el-button--default:hover {
    background-color: #0e2c4685;
    border-color: #c6e2ff;
}
.theme-Dark-style .but_for {
    background: #080c24;
}
.theme-Dark-style .back-button-wrapper.actions {
    background: #071724 !important;
    border-bottom: 1px solid #0d67c9;
}
.theme-Dark-style .back-button-wrapper {
    border-bottom: 1px solid #080c24;
}
.theme-Dark-style .back-button-wrapper .but_color1 {
    color: #fff !important;
}
.theme-Dark-style .white-color .el_progress_my {
    border-bottom: 1px dashed #2a2f34 !important;
}
.theme-Dark-style-modal .el-tabs--border-card {
    background-color: #080c24;
    border: 1px dashed #2a2f34;
}
.theme-Dark-style .list-group-item,
.theme-Dark-style-modal .el-tabs--border-card > .el-tabs__header {
    background-color: #0e2c4685;
    border-bottom: 1px dashed #080c24 !important;
    margin: 0;
}
.theme-Dark-style-modal
    .el-tabs--border-card
    > .el-tabs__header
    .el-tabs__item {
    background-color: initial !important;
    border-color: #080c24 !important;
    border-style: dashed;
}
.nweTile .square-four {
    border-bottom: none !important;
}
.theme-Dark-Body-bg .settings__item .text__color1 {
    color: #fff;
}
/* style Light  */
.theme-Light-style .itme_blocks_pages {
    background-color: #ffffff80;
    border: 1px dashed #fff;
}
.menu-drawer-submenu {
    /* background-color: #ffffff5e !important; */
    backdrop-filter: blur(10px);
}
.menu-drawer-submenu.dark {
    background: #080c248f !important;
    backdrop-filter: blur(10px);
}

/* ============================================
   QO'SHIMCHA DARK MODE STYLES
   Dashboard sahifasiga ta'sir qilmaydi
   ============================================ */

/* Element UI Table - Dark Mode */
.theme-Dark-style .el-table,
.theme-Dark-style .el-table__header-wrapper,
.theme-Dark-style .el-table__body-wrapper,
.theme-Dark-style .el-table__footer-wrapper,
.theme-Dark-Body-bg .el-table,
.theme-Dark-Body-bg .el-table__header-wrapper,
.theme-Dark-Body-bg .el-table__body-wrapper,
.theme-Dark-Body-bg .el-table__footer-wrapper,
body.theme-Dark-Body-bg .el-table,
body.theme-Dark-Body-bg .el-table__header-wrapper,
body.theme-Dark-Body-bg .el-table__body-wrapper,
body.theme-Dark-Body-bg .el-table__footer-wrapper {
    background-color: #080c24 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-table th,
.theme-Dark-style .el-table td,
.theme-Dark-Body-bg .el-table th,
.theme-Dark-Body-bg .el-table td,
body.theme-Dark-Body-bg .el-table th,
body.theme-Dark-Body-bg .el-table td {
    background-color: #080c24 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-table th.el-table__cell,
.theme-Dark-Body-bg .el-table th.el-table__cell,
body.theme-Dark-Body-bg .el-table th.el-table__cell {
    background-color: #0e2c4685 !important;
    color: #fff !important;
    border-bottom: 1px solid #2a2f34 !important;
}

.theme-Dark-style .el-table td.el-table__cell,
.theme-Dark-Body-bg .el-table td.el-table__cell,
body.theme-Dark-Body-bg .el-table td.el-table__cell {
    border-bottom: 1px solid #2a2f34 !important;
}

.theme-Dark-style
    .el-table--striped
    .el-table__body
    tr.el-table__row--striped
    td,
.theme-Dark-Body-bg
    .el-table--striped
    .el-table__body
    tr.el-table__row--striped
    td,
body.theme-Dark-Body-bg
    .el-table--striped
    .el-table__body
    tr.el-table__row--striped
    td {
    background-color: #0e2c4685 !important;
}

.theme-Dark-style .el-table--enable-row-hover .el-table__body tr:hover > td,
.theme-Dark-Body-bg .el-table--enable-row-hover .el-table__body tr:hover > td,
body.theme-Dark-Body-bg
    .el-table--enable-row-hover
    .el-table__body
    tr:hover
    > td {
    background-color: #0a1c35 !important;
}

/* Element UI Table row borders - Dark Mode */
.theme-Dark-style .el-table__body tr,
.theme-Dark-Body-bg .el-table__body tr,
body.theme-Dark-Body-bg .el-table__body tr {
    border-bottom: 1px solid #2a2f34 !important;
}

.theme-Dark-style .el-table__body tr:last-child td,
.theme-Dark-Body-bg .el-table__body tr:last-child td,
body.theme-Dark-Body-bg .el-table__body tr:last-child td {
    border-bottom: none !important;
}

/* Element UI Dialog - Dark Mode */
.theme-Dark-style .el-dialog,
.theme-Dark-style-modal .el-dialog {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
}

.theme-Dark-style .el-dialog__header,
.theme-Dark-style-modal .el-dialog__header {
    background-color: #0e2c4685 !important;
    border-bottom: 1px dashed #2a2f34 !important;
    color: #fff !important;
}

.theme-Dark-style .el-dialog__title,
.theme-Dark-style-modal .el-dialog__title {
    color: #fff !important;
}

.theme-Dark-style .el-dialog__body,
.theme-Dark-style-modal .el-dialog__body {
    background-color: #080c24 !important;
    color: #ced4da !important;
}

/* Element UI Form - Dark Mode */
.theme-Dark-style .el-form-item__label {
    color: #ced4da !important;
}

.theme-Dark-style .el-input__inner:not(:disabled) {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-input__inner::placeholder {
    color: #6b7280 !important;
}

.theme-Dark-style .el-textarea__inner {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-select .el-input__inner {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-select-dropdown {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
}

.theme-Dark-style .el-select-dropdown__item {
    color: #ced4da !important;
    background-color: #080c24 !important;
}

.theme-Dark-style .el-select-dropdown__item:hover {
    background-color: #0e2c4685 !important;
}

.theme-Dark-style .el-select-dropdown__item.selected {
    background-color: #0a1c35 !important;
    color: #0d67c9 !important;
}

/* Element UI Button - Dark Mode */
.theme-Dark-style
    .el-button:not(.el-button--primary):not(.el-button--success):not(
        .el-button--warning
    ):not(.el-button--danger) {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style
    .el-button:not(.el-button--primary):not(.el-button--success):not(
        .el-button--warning
    ):not(.el-button--danger):hover {
    background-color: #0a1c35 !important;
    border-color: #0d67c9 !important;
    color: #fff !important;
}

/* Element UI Card - Dark Mode */
.theme-Dark-style .el-card {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-card__header {
    background-color: #0e2c4685 !important;
    border-bottom: 1px dashed #2a2f34 !important;
    color: #fff !important;
}

.theme-Dark-style .el-card__body {
    background-color: #080c24 !important;
    color: #ced4da !important;
}

/* Element UI Tabs - Dark Mode */
.theme-Dark-style .el-tabs__header {
    background-color: #0e2c4685 !important;
    border-bottom: 1px dashed #2a2f34 !important;
}

.theme-Dark-style .el-tabs__item {
    color: #ced4da !important;
}

.theme-Dark-style .el-tabs__item.is-active {
    color: #0d67c9 !important;
}

.theme-Dark-style .el-tabs__content {
    background-color: #080c24 !important;
    color: #ced4da !important;
}

/* Element UI Pagination - Dark Mode */
.theme-Dark-style .el-pagination,
.theme-Dark-Body-bg .el-pagination {
    color: #ced4da !important;
}

.theme-Dark-style .el-pagination .el-pager li,
.theme-Dark-Body-bg .el-pagination .el-pager li {
    background-color: #0e2c4685 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-pagination .el-pager li:hover,
.theme-Dark-Body-bg .el-pagination .el-pager li:hover {
    background-color: #0a1c35 !important;
    color: #0d67c9 !important;
}

.theme-Dark-style .el-pagination .el-pager li.active,
.theme-Dark-style
    .el-pagination.is-background
    .el-pager
    li:not(.disabled).active,
.theme-Dark-Body-bg .el-pagination .el-pager li.active,
.theme-Dark-Body-bg
    .el-pagination.is-background
    .el-pager
    li:not(.disabled).active {
    background-color: #0d67c9 !important;
    color: #fff !important;
    border-color: #0d67c9 !important;
}

.theme-Dark-style .el-pagination .el-pager li.disabled,
.theme-Dark-Body-bg .el-pagination .el-pager li.disabled {
    background-color: #080c24 !important;
    color: #6b7280 !important;
    border-color: #2a2f34 !important;
    cursor: not-allowed !important;
}

.theme-Dark-style .el-pagination .btn-next,
.theme-Dark-style .el-pagination .btn-prev,
.theme-Dark-Body-bg .el-pagination .btn-next,
.theme-Dark-Body-bg .el-pagination .btn-prev {
    background-color: #0e2c4685 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-pagination .btn-next:hover,
.theme-Dark-style .el-pagination .btn-prev:hover,
.theme-Dark-Body-bg .el-pagination .btn-next:hover,
.theme-Dark-Body-bg .el-pagination .btn-prev:hover {
    background-color: #0a1c35 !important;
    color: #0d67c9 !important;
    border-color: #0d67c9 !important;
}

.theme-Dark-style .el-pagination .btn-next.disabled,
.theme-Dark-style .el-pagination .btn-prev.disabled,
.theme-Dark-Body-bg .el-pagination .btn-next.disabled,
.theme-Dark-Body-bg .el-pagination .btn-prev.disabled {
    background-color: #080c24 !important;
    color: #6b7280 !important;
    border-color: #2a2f34 !important;
    cursor: not-allowed !important;
}

/* Pagination total va jumper - Dark Mode */
.theme-Dark-style .el-pagination__total,
.theme-Dark-style .el-pagination__jump,
.theme-Dark-Body-bg .el-pagination__total,
.theme-Dark-Body-bg .el-pagination__jump {
    color: #ced4da !important;
}

.theme-Dark-style .el-pagination .el-pagination__editor.el-input,
.theme-Dark-Body-bg .el-pagination .el-pagination__editor.el-input {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
}

.theme-Dark-style
    .el-pagination
    .el-pagination__editor.el-input
    .el-input__inner,
.theme-Dark-Body-bg
    .el-pagination
    .el-pagination__editor.el-input
    .el-input__inner {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

/* Pagination sizes selector - Dark Mode */
.theme-Dark-style .el-pagination .el-pagination__sizes .el-input,
.theme-Dark-Body-bg .el-pagination .el-pagination__sizes .el-input {
    background-color: #0e2c4685 !important;
}

.theme-Dark-style
    .el-pagination
    .el-pagination__sizes
    .el-input
    .el-input__inner,
.theme-Dark-Body-bg
    .el-pagination
    .el-pagination__sizes
    .el-input
    .el-input__inner {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

/* Pagination right wrapper - Dark Mode */
.theme-Dark-style .el-pagination__rightwrapper,
.theme-Dark-Body-bg .el-pagination__rightwrapper {
    color: #ced4da !important;
}

/* Element UI Drawer - Dark Mode */
.theme-Dark-style .el-drawer {
    background-color: #080c24 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-drawer__header {
    background-color: #0e2c4685 !important;
    border-bottom: 1px dashed #2a2f34 !important;
    color: #fff !important;
}

.theme-Dark-style .el-drawer__body {
    background-color: #080c24 !important;
    color: #ced4da !important;
}

/* Element UI Message/Notification - Dark Mode */
.theme-Dark-style .el-message {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-notification {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}

/* Element UI Loading - Dark Mode */
.theme-Dark-style .el-loading-mask {
    background-color: rgba(8, 12, 36, 0.9) !important;
}

.theme-Dark-style .el-loading-spinner .path {
    stroke: #0d67c9 !important;
}

/* General Text Colors - Dark Mode */
.theme-Dark-style p,
.theme-Dark-style span:not(.el-badge__content),
.theme-Dark-style div:not(.new-dashboard):not(.new-dashboard *) {
    color: #ced4da !important;
}

.theme-Dark-style h1,
.theme-Dark-style h2,
.theme-Dark-style h3,
.theme-Dark-style h4,
.theme-Dark-style h5,
.theme-Dark-style h6 {
    color: #fff !important;
}

/* App Main Background - Dark Mode (Dashboarddan tashqari) */
.theme-Dark-style .app-main:not(.new-dashboard) {
    background-color: #151521 !important;
    color: #ced4da !important;
}

/* Breadcrumb - Dark Mode */
.theme-Dark-style .el-breadcrumb__inner,
.theme-Dark-style .el-breadcrumb__inner a {
    color: #ced4da !important;
}

.theme-Dark-style .el-breadcrumb__inner a:hover {
    color: #0d67c9 !important;
}

.theme-Dark-Body-bg .el-date-picker__time-header input, .theme-Dark-Body-bg .el-picker-panel__footer, .theme-Dark-Body-bg .el-picker-panel__footer button {
    color: #ced4da !important;
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
}

/* Dropdown Menu - Dark Mode */
.theme-Dark-style .el-dropdown-menu {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
}

.theme-Dark-Body-bg .el-dropdown-menu__item {
    color: #ced4da !important;
}

.theme-Dark-Body-bg .el-dropdown-menu__item:hover {
    background-color: #0e2c4685 !important;
    color: #fff !important;
}

/* Tooltip - Dark Mode */
.theme-Dark-style .el-tooltip__popper {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}

/* Popover - Dark Mode */
.theme-Dark-style .el-popover {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}

/* Checkbox/Radio - Dark Mode */
.theme-Dark-style .el-checkbox__label,
.theme-Dark-style .el-radio__label {
    color: #ced4da !important;
}

.theme-Dark-style .col-dropdown {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
}

/* Date Picker - Dark Mode */
.theme-Dark-style .el-date-editor .el-input__inner {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .el-picker-panel {
    background-color: #080c24 !important;
    border: 1px dashed #2a2f34 !important;
}

.theme-Dark-style .el-picker-panel__content {
    color: #ced4da !important;
}

/* ============================================
   DASHBOARD EXCEPTION - Dark mode dashboardga ta'sir qilmasligi kerak
   ============================================ */

/* Dashboard o'zining dark theme'ini saqlaydi */
.new-dashboard,
.new-dashboard * {
    /* Dashboard o'zining hardcoded dark theme'ini saqlaydi */
}

/* Dark mode style'lar dashboardga qo'llanmasligi kerak */
.theme-Dark-style .new-dashboard,
.theme-Dark-style .new-dashboard *,
.theme-Light-style .new-dashboard,
.theme-Light-style .new-dashboard * {
    /* Dashboard o'zining hardcoded dark theme'ini saqlaydi */
    /* Dark mode toggle dashboardga ta'sir qilmaydi */
}

/* Dashboard sahifasida app-main uchun exception */
.app-main:has(.new-dashboard),
.app-main.new-dashboard-wrapper {
    background-color: #0b0f19 !important;
}

/* Dashboard sahifasida body uchun exception */
body:has(.new-dashboard) {
    background: #0d2b40 !important;
}

/* Dashboard wrapper uchun exception */
.new-dashboard-wrapper {
    background-color: #0b0f19 !important;
}

/* Scrollbar - Dark Mode */
.theme-Dark-style ::-webkit-scrollbar-track {
    background: #080c24 !important;
}

.theme-Dark-style ::-webkit-scrollbar-thumb {
    background: #2a2f34 !important;
}

.theme-Dark-style ::-webkit-scrollbar-thumb:hover {
    background: #0d67c9 !important;
}

/* ============================================
   GLOBAL PAGINATION FOOTER - Dark Mode
   Barcha sahifalarda ishlaydi (Global CSS)
   ============================================ */
.theme-Dark-style .pagination-footer,
.theme-Dark-Body-bg .pagination-footer,
body.theme-Dark-Body-bg .pagination-footer,
#app.theme-Dark-Body-bg .pagination-footer,
.theme-Dark-style .pagination-footer {
    background: #080c24 !important;
    border-top: 1px solid #2a2f34 !important;
}

.theme-Dark-style .pagination-footer .pagination,
.theme-Dark-Body-bg .pagination-footer .pagination,
body.theme-Dark-Body-bg .pagination-footer .pagination,
#app.theme-Dark-Body-bg .pagination-footer .pagination,
.theme-Dark-style .pagination-footer .pagination,
.theme-Dark-style .pagination,
.theme-Dark-Body-bg .pagination,
body.theme-Dark-Body-bg .pagination {
    color: #ced4da !important;
}

.theme-Dark-style .pagination-footer .pagination .pages,
.theme-Dark-Body-bg .pagination-footer .pagination .pages,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages,
.theme-Dark-style .pagination-footer .pagination .pages,
.theme-Dark-style .pagination .pages,
.theme-Dark-Body-bg .pagination .pages,
body.theme-Dark-Body-bg .pagination .pages,
#app.theme-Dark-Body-bg .pagination .pages {
    display: flex !important;
    gap: 4px !important;
    align-items: center !important;
}

.theme-Dark-style .pagination-footer .pagination .pages button,
.theme-Dark-Body-bg .pagination-footer .pagination .pages button,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages button,
.theme-Dark-style .pagination-footer .pagination .pages button,
.theme-Dark-style .pagination .pages button,
.theme-Dark-Body-bg .pagination .pages button,
body.theme-Dark-Body-bg .pagination .pages button,
#app.theme-Dark-Body-bg .pagination .pages button {
    background: #0e2c4685 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    margin: 0 2px !important;
    font-size: 14px !important;
}

.theme-Dark-style
    .pagination-footer
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots),
.theme-Dark-Body-bg
    .pagination-footer
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots),
body.theme-Dark-Body-bg
    .pagination-footer
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots),
.theme-Dark-style
    .pagination-footer
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots),
.theme-Dark-style .pagination .pages button:hover:not(:disabled):not(.dots),
.theme-Dark-Body-bg .pagination .pages button:hover:not(:disabled):not(.dots),
body.theme-Dark-Body-bg
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots) {
    background: #0a1c35 !important;
    color: #0d67c9 !important;
    border-color: #0d67c9 !important;
}

.theme-Dark-style .pagination-footer .pagination .pages button.active,
.theme-Dark-Body-bg .pagination-footer .pagination .pages button.active,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages button.active,
.theme-Dark-style .pagination-footer .pagination .pages button.active,
.theme-Dark-style .pagination .pages button.active,
.theme-Dark-Body-bg .pagination .pages button.active,
body.theme-Dark-Body-bg .pagination .pages button.active {
    background: #0d67c9 !important;
    color: #fff !important;
    border-color: #0d67c9 !important;
}

.theme-Dark-style .pagination-footer .pagination .pages button:disabled,
.theme-Dark-Body-bg .pagination-footer .pagination .pages button:disabled,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages button:disabled,
.theme-Dark-style .pagination-footer .pagination .pages button:disabled,
.theme-Dark-style .pagination .pages button:disabled,
.theme-Dark-Body-bg .pagination .pages button:disabled,
body.theme-Dark-Body-bg .pagination .pages button:disabled {
    background: #080c24 !important;
    color: #6b7280 !important;
    border-color: #2a2f34 !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.theme-Dark-style .pagination-footer .pagination .pages button.dots,
.theme-Dark-Body-bg .pagination-footer .pagination .pages button.dots,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages button.dots,
.theme-Dark-style .pagination-footer .pagination .pages button.dots,
.theme-Dark-style .pagination .pages button.dots,
.theme-Dark-Body-bg .pagination .pages button.dots,
body.theme-Dark-Body-bg .pagination .pages button.dots {
    background: transparent !important;
    color: #ced4da !important;
    border: none !important;
    cursor: default !important;
}

/* ============================================
   GLOBAL FILTERS BLOCK - Dark Mode
   Barcha sahifalarda ishlaydi (Global CSS)
   ============================================ */
.theme-Dark-style .filters,
.theme-Dark-style #filtersBlock,
.theme-Dark-Body-bg .filters,
.theme-Dark-Body-bg #filtersBlock,
body.theme-Dark-Body-bg .filters,
body.theme-Dark-Body-bg #filtersBlock,
.theme-Dark-style .filters {
    background: #080c24 !important;
    border: 1px solid #2a2f34 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
}

.theme-Dark-style .filters-row,
.theme-Dark-Body-bg .filters-row,
body.theme-Dark-Body-bg .filters-row,
.theme-Dark-style .filters-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.theme-Dark-style .filters-row:last-child,
.theme-Dark-Body-bg .filters-row:last-child,
body.theme-Dark-Body-bg .filters-row:last-child,
.theme-Dark-style .filters-row:last-child {
    margin-bottom: 0 !important;
}

/* Filters input fields - Dark Mode */
.theme-Dark-style .filters input,
.theme-Dark-style .filters input[type="text"],
.theme-Dark-style .filters input[type="number"],
.theme-Dark-style .filters input[type="date"],
.theme-Dark-style .filters input[type="email"],
.theme-Dark-style .filters input[type="tel"],
.theme-Dark-style #filtersBlock input,
.theme-Dark-style #filtersBlock input[type="text"],
.theme-Dark-style #filtersBlock input[type="number"],
.theme-Dark-style #filtersBlock input[type="date"],
.theme-Dark-style #filtersBlock input[type="email"],
.theme-Dark-style #filtersBlock input[type="tel"],
.theme-Dark-Body-bg .filters input,
.theme-Dark-Body-bg .filters input[type="text"],
.theme-Dark-Body-bg .filters input[type="number"],
.theme-Dark-Body-bg .filters input[type="date"],
.theme-Dark-Body-bg .filters input[type="email"],
.theme-Dark-Body-bg .filters input[type="tel"],
.theme-Dark-Body-bg #filtersBlock input,
.theme-Dark-Body-bg #filtersBlock input[type="text"],
.theme-Dark-Body-bg #filtersBlock input[type="number"],
.theme-Dark-Body-bg #filtersBlock input[type="date"],
.theme-Dark-Body-bg #filtersBlock input[type="email"],
.theme-Dark-Body-bg #filtersBlock input[type="tel"],
body.theme-Dark-Body-bg .filters input,
body.theme-Dark-Body-bg .filters input[type="text"],
body.theme-Dark-Body-bg .filters input[type="number"],
body.theme-Dark-Body-bg .filters input[type="date"],
body.theme-Dark-Body-bg #filtersBlock input,
body.theme-Dark-Body-bg #filtersBlock input[type="text"],
body.theme-Dark-Body-bg #filtersBlock input[type="number"],
body.theme-Dark-Body-bg #filtersBlock input[type="date"],
.theme-Dark-style .filters input {
    background: #0e2c4685 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}

.theme-Dark-style .filters input::placeholder,
.theme-Dark-style #filtersBlock input::placeholder,
.theme-Dark-Body-bg .filters input::placeholder,
.theme-Dark-Body-bg #filtersBlock input::placeholder,
body.theme-Dark-Body-bg .filters input::placeholder,
body.theme-Dark-Body-bg #filtersBlock input::placeholder,
.theme-Dark-style .filters input::placeholder {
    color: #6b7280 !important;
}

.theme-Dark-style .filters input:focus,
.theme-Dark-style #filtersBlock input:focus,
.theme-Dark-Body-bg .filters input:focus,
.theme-Dark-Body-bg #filtersBlock input:focus,
body.theme-Dark-Body-bg .filters input:focus,
body.theme-Dark-Body-bg #filtersBlock input:focus,
.theme-Dark-style .filters input:focus {
    border-color: #0d67c9 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(13, 103, 201, 0.1) !important;
}

/* Filters select - Dark Mode */
.theme-Dark-style .filters select,
.theme-Dark-style #filtersBlock select,
.theme-Dark-Body-bg .filters select,
.theme-Dark-Body-bg #filtersBlock select,
body.theme-Dark-Body-bg .filters select,
body.theme-Dark-Body-bg #filtersBlock select,
.theme-Dark-style .filters select {
    background: #0e2c4685 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}

.theme-Dark-style .filters select:focus,
.theme-Dark-style #filtersBlock select:focus,
.theme-Dark-Body-bg .filters select:focus,
.theme-Dark-Body-bg #filtersBlock select:focus,
body.theme-Dark-Body-bg .filters select:focus,
body.theme-Dark-Body-bg #filtersBlock select:focus,
.theme-Dark-style .filters select:focus {
    border-color: #0d67c9 !important;
    outline: none !important;
}

/* Filters select (Element UI) - Dark Mode */
.theme-Dark-style .filters .el-select,
.theme-Dark-style #filtersBlock .el-select,
.theme-Dark-Body-bg .filters .el-select,
.theme-Dark-Body-bg #filtersBlock .el-select,
body.theme-Dark-Body-bg .filters .el-select,
body.theme-Dark-Body-bg #filtersBlock .el-select,
.theme-Dark-style .filters .el-select {
    width: 100% !important;
}

/* Filters date picker - Dark Mode */
.theme-Dark-style .filters .el-date-picker,
.theme-Dark-style #filtersBlock .el-date-picker,
.theme-Dark-Body-bg .filters .el-date-picker,
.theme-Dark-Body-bg #filtersBlock .el-date-picker,
body.theme-Dark-Body-bg .filters .el-date-picker,
body.theme-Dark-Body-bg #filtersBlock .el-date-picker,
.theme-Dark-style .filters .el-date-picker {
    width: 100% !important;
}

/* Filters text/div elements - Dark Mode */
.theme-Dark-style .filters > div,
.theme-Dark-style .filters div,
.theme-Dark-style #filtersBlock > div,
.theme-Dark-style #filtersBlock div,
.theme-Dark-Body-bg .filters > div,
.theme-Dark-Body-bg .filters div,
.theme-Dark-Body-bg #filtersBlock > div,
.theme-Dark-Body-bg #filtersBlock div,
body.theme-Dark-Body-bg .filters > div,
body.theme-Dark-Body-bg .filters div,
body.theme-Dark-Body-bg #filtersBlock > div,
body.theme-Dark-Body-bg #filtersBlock div,
.theme-Dark-style .filters > div {
    color: #ced4da !important;
}

/* Filters separator text - Dark Mode */
.theme-Dark-style .filters div[style*="text-align:center"],
.theme-Dark-style #filtersBlock div[style*="text-align:center"],
.theme-Dark-Body-bg .filters div[style*="text-align:center"],
.theme-Dark-Body-bg #filtersBlock div[style*="text-align:center"],
body.theme-Dark-Body-bg .filters div[style*="text-align:center"],
body.theme-Dark-Body-bg #filtersBlock div[style*="text-align:center"],
.theme-Dark-style .filters div[style*="text-align:center"] {
    color: #ced4da !important;
}

/* ============================================
   GLOBAL PAGINATION - Dark Mode (Barcha variantlar uchun)
   ============================================ */
/* Pagination footer - barcha sahifalarda */
.theme-Dark-style .pagination-footer,
.theme-Dark-Body-bg .pagination-footer,
body.theme-Dark-Body-bg .pagination-footer,
#app.theme-Dark-Body-bg .pagination-footer,
.theme-Dark-style .pagination-footer {
    background: #080c24 !important;
    border-top: 1px solid #2a2f34 !important;
}

/* Pagination container */
.theme-Dark-style .pagination-footer .pagination,
.theme-Dark-Body-bg .pagination-footer .pagination,
body.theme-Dark-Body-bg .pagination-footer .pagination,
#app.theme-Dark-Body-bg .pagination-footer .pagination,
.theme-Dark-style .pagination-footer .pagination {
    color: #ced4da !important;
}

/* Pagination pages container */
.theme-Dark-style .pagination-footer .pagination .pages,
.theme-Dark-Body-bg .pagination-footer .pagination .pages,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages,
#app.theme-Dark-Body-bg .pagination-footer .pagination .pages,
.theme-Dark-style .pagination-footer .pagination .pages,
.theme-Dark-style .pagination .pages,
.theme-Dark-Body-bg .pagination .pages,
body.theme-Dark-Body-bg .pagination .pages {
    display: flex !important;
    gap: 4px !important;
    align-items: center !important;
}

/* Pagination buttons - barcha variantlar */
.theme-Dark-style .pagination-footer .pagination .pages button,
.theme-Dark-Body-bg .pagination-footer .pagination .pages button,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages button,
#app.theme-Dark-Body-bg .pagination-footer .pagination .pages button,
.theme-Dark-style .pagination-footer .pagination .pages button,
.theme-Dark-style .pagination .pages button,
.theme-Dark-Body-bg .pagination .pages button,
body.theme-Dark-Body-bg .pagination .pages button {
    background: #0e2c4685 !important;
    border: 1px dashed #2a2f34 !important;
    color: #ced4da !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    margin: 0 2px !important;
    font-size: 14px !important;
}

.theme-Dark-style
    .pagination-footer
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots),
.theme-Dark-Body-bg
    .pagination-footer
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots),
body.theme-Dark-Body-bg
    .pagination-footer
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots),
.theme-Dark-style
    .pagination-footer
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots),
.theme-Dark-style .pagination .pages button:hover:not(:disabled):not(.dots),
.theme-Dark-Body-bg .pagination .pages button:hover:not(:disabled):not(.dots),
body.theme-Dark-Body-bg
    .pagination
    .pages
    button:hover:not(:disabled):not(.dots) {
    background: #0a1c35 !important;
    color: #0d67c9 !important;
    border-color: #0d67c9 !important;
}

.theme-Dark-style .pagination-footer .pagination .pages button.active,
.theme-Dark-Body-bg .pagination-footer .pagination .pages button.active,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages button.active,
.theme-Dark-style .pagination-footer .pagination .pages button.active,
.theme-Dark-style .pagination .pages button.active,
.theme-Dark-Body-bg .pagination .pages button.active,
body.theme-Dark-Body-bg .pagination .pages button.active {
    background: #0d67c9 !important;
    color: #fff !important;
    border-color: #0d67c9 !important;
}

.theme-Dark-style .pagination-footer .pagination .pages button:disabled,
.theme-Dark-Body-bg .pagination-footer .pagination .pages button:disabled,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages button:disabled,
.theme-Dark-style .pagination-footer .pagination .pages button:disabled,
.theme-Dark-style .pagination .pages button:disabled,
.theme-Dark-Body-bg .pagination .pages button:disabled,
body.theme-Dark-Body-bg .pagination .pages button:disabled {
    background: #080c24 !important;
    color: #6b7280 !important;
    border-color: #2a2f34 !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.theme-Dark-style .pagination-footer .pagination .pages button.dots,
.theme-Dark-Body-bg .pagination-footer .pagination .pages button.dots,
body.theme-Dark-Body-bg .pagination-footer .pagination .pages button.dots,
.theme-Dark-style .pagination-footer .pagination .pages button.dots,
.theme-Dark-style .pagination .pages button.dots,
.theme-Dark-Body-bg .pagination .pages button.dots,
body.theme-Dark-Body-bg .pagination .pages button.dots {
    background: transparent !important;
    color: #ced4da !important;
    border: none !important;
    cursor: default !important;
}

/* Sidebar (MenuLeft) - Dark Mode */
.theme-Dark-style .sidebar,
.theme-Dark-Body-bg .sidebar {
    background-color: #080c24 !important;
    border-right: 1px dashed #2a2f34 !important;
}

.theme-Dark-style .sidebar-header,
.theme-Dark-style .sidebar-bottom,
.theme-Dark-Body-bg .sidebar-header,
.theme-Dark-Body-bg .sidebar-bottom {
    border-color: #2a2f34 !important;
}

.theme-Dark-style .sidebar-logo-text span,
.theme-Dark-style .sidebar-section-title,
.theme-Dark-style .nav-item,
.theme-Dark-style .nav-label,
.theme-Dark-style .sidebar-user-info span,
.theme-Dark-Body-bg .sidebar-logo-text span,
.theme-Dark-Body-bg .sidebar-section-title,
.theme-Dark-Body-bg .nav-item,
.theme-Dark-Body-bg .nav-label,
.theme-Dark-Body-bg .sidebar-user-info span {
    color: #ced4da !important;
}

.theme-Dark-style .nav-item:hover,
.theme-Dark-Body-bg .nav-item:hover {
    background-color: #0e2c4685 !important;
    color: #fff !important;
}

.theme-Dark-style .nav-item.active,
.theme-Dark-Body-bg .nav-item.active {
    background-color: #0a1c35 !important;
    color: #ffffff !important;
}

.theme-Dark-style .sidebar-toggle,
.theme-Dark-style .logout-btn,
.theme-Dark-Body-bg .sidebar-toggle,
.theme-Dark-Body-bg .logout-btn {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .sidebar-toggle:hover,
.theme-Dark-style .logout-btn:hover,
.theme-Dark-Body-bg .sidebar-toggle:hover,
.theme-Dark-Body-bg .logout-btn:hover {
    background-color: #0a1c35 !important;
    color: #0d67c9 !important;
}

/* Drawer (Submenu) - Dark Mode */
.theme-Dark-style .drawer,
.theme-Dark-Body-bg .drawer {
    background-color: #080c24 !important;
    border-left: 1px dashed #2a2f34 !important;
}

.theme-Dark-style .drawer-header,
.theme-Dark-Body-bg .drawer-header {
    background-color: #0e2c4685 !important;
    border-bottom: 1px dashed #2a2f34 !important;
    color: #fff !important;
}

.theme-Dark-style .drawer-header h2,
.theme-Dark-Body-bg .drawer-header h2 {
    color: #fff !important;
}

.theme-Dark-style .drawer-body,
.theme-Dark-Body-bg .drawer-body {
    background-color: #080c24 !important;
    color: #ced4da !important;
}

.theme-Dark-style .drawer-section-title,
.theme-Dark-Body-bg .drawer-section-title {
    color: #6b7280 !important;
}

.theme-Dark-style .drawer-item,
.theme-Dark-Body-bg .drawer-item {
    color: #ced4da !important;
    background-color: transparent !important;
}

.theme-Dark-style .drawer-item:hover,
.theme-Dark-Body-bg .drawer-item:hover {
    background-color: #0e2c4685 !important;
    color: #fff !important;
}

.theme-Dark-style .drawer-item-icon,
.theme-Dark-Body-bg .drawer-item-icon {
    background-color: #0e2c4685 !important;
    color: #ced4da !important;
}

.theme-Dark-style .drawer-item:hover .drawer-item-icon,
.theme-Dark-Body-bg .drawer-item:hover .drawer-item-icon {
    background-color: #0a1c35 !important;
    color: #fff !important;
}

.theme-Dark-style .drawer-backdrop,
.theme-Dark-Body-bg .drawer-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.theme-Dark-style .drawer-close,
.theme-Dark-Body-bg .drawer-close {
    color: #ced4da !important;
}

.theme-Dark-style .drawer-close:hover,
.theme-Dark-Body-bg .drawer-close:hover {
    color: #fff !important;
    background-color: #0e2c4685 !important;
}

/* ============================================
   BTN GHOST BUTTONS - Dark Mode
   btn btn-ghost classlik buttonlar uchun dark mode
   ============================================ */
.theme-Dark-style .btn.btn-ghost,
.theme-Dark-style .btn-ghost,
.theme-Dark-Body-bg .btn.btn-ghost,
.theme-Dark-Body-bg .btn-ghost,
body.theme-Dark-Body-bg .btn.btn-ghost,
body.theme-Dark-Body-bg .btn-ghost {
    background-color: #0e2c4685 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

.theme-Dark-style .btn.btn-ghost:hover,
.theme-Dark-style .btn-ghost:hover,
.theme-Dark-Body-bg .btn.btn-ghost:hover,
.theme-Dark-Body-bg .btn-ghost:hover,
body.theme-Dark-Body-bg .btn.btn-ghost:hover,
body.theme-Dark-Body-bg .btn-ghost:hover {
    background-color: #0a1c35 !important;
    border-color: #0d67c9 !important;
    color: #fff !important;
}

.theme-Dark-style .btn.btn-ghost:active,
.theme-Dark-style .btn-ghost:active,
.theme-Dark-Body-bg .btn.btn-ghost:active,
.theme-Dark-Body-bg .btn-ghost:active,
body.theme-Dark-Body-bg .btn.btn-ghost:active,
body.theme-Dark-Body-bg .btn-ghost:active {
    background-color: #0a1c35 !important;
    border-color: #0d67c9 !important;
    color: #fff !important;
}

.theme-Dark-style .btn.btn-ghost .icon,
.theme-Dark-style .btn-ghost .icon,
.theme-Dark-Body-bg .btn.btn-ghost .icon,
.theme-Dark-Body-bg .btn-ghost .icon,
body.theme-Dark-Body-bg .btn.btn-ghost .icon,
body.theme-Dark-Body-bg .btn-ghost .icon {
    color: #ced4da !important;
}

.theme-Dark-style .btn.btn-ghost:hover .icon,
.theme-Dark-style .btn-ghost:hover .icon,
.theme-Dark-Body-bg .btn.btn-ghost:hover .icon,
.theme-Dark-Body-bg .btn-ghost:hover .icon,
body.theme-Dark-Body-bg .btn.btn-ghost:hover .icon,
body.theme-Dark-Body-bg .btn-ghost:hover .icon {
    color: #fff !important;
}

/* Date Picker icon spacing - increase gap between icon and text */
.el-date-editor .el-input__inner {
    padding-left: 35px !important;
}

.el-date-editor .el-input__prefix {
    left: 8px !important;
}

.el-date-editor.el-input--small .el-input__inner {
    padding-left: 32px !important;
}

.el-date-editor.el-input--mini .el-input__inner {
    padding-left: 30px !important;
}

.theme-Dark-style .filters .el-date-editor .el-input__inner,
.theme-Light-style .filters .el-date-editor .el-input__inner {
    padding-left: 30px !important;
}