@charset "UTF-8";

.cursor-move {
  cursor: move;
}

.crm-card-pt-1 > .el-card__body {
  padding-top: 8px !important;
}

.bg-success__crm {
  background-color: #0ff03154 !important;
}

.theme-Dark-Body-bg .bg-success__crm,
body.theme-Dark-Body-bg .bg-success__crm,
.theme-Dark-style .bg-success__crm {
  background-color: #0ff03154 !important;
}

.theme-Dark-style .el-table .bg-success__crm th,
.theme-Dark-style .el-table .bg-success__crm td,
.theme-Dark-Body-bg .el-table .bg-success__crm th,
.theme-Dark-Body-bg .el-table .bg-success__crm td,
body.theme-Dark-Body-bg .el-table .bg-success__crm th,
body.theme-Dark-Body-bg .el-table .bg-success__crm td {
  background-color: #0ff03154 !important;
}

.close-booked {
  float: right;
}

.close-booked .print-model button {
  margin-right: 25px !important;
  margin-top: -2px !important;
}

.close-booked .btn-floating {
  color: red;
  position: absolute;
  right: 18px;
  top: 3px;
  border: none;
  font-size: 28px;
  background-color: initial;
}

.crm-table-flat .el-table__body tr {
  cursor: pointer !important;
}

.tab-info-sell {
  margin-top: 13px !important;
}

.modal_icon_ix .el-dialog__headerbtn {
  z-index: 5;
}

.menu-wrapper-list__item.router-link-exact-active {
  background-image: linear-gradient(to left bottom, #0d67c9, #0080d0, #0090ab, #00986a, #39991a) !important;
  border: 1px solid white;
  border-radius: 8px;
}

.menu-wrapper-list__item.active {
  background-image: linear-gradient(to left bottom, #0d67c9, #0080d0, #0090ab, #00986a, #39991a) !important;
}

.menu-wrapper-list__item.active:hover {
  color: #fff !important;
}

.menu {
  width: 90px !important;
}

.menu-wrapper-list__item {
  border-radius: 8px;
  color: #fff !important;
}

.menu-wrapper-list__item:hover {
  color: #0d67c9 !important;
}

.menu-wrapper-list__item.router-link-exact-active {
  color: #fff !important;
}

.menu-wrapper-list {
  padding: 4px !important;
}

.menu-wrapper {
  background-color: #0d67c9 !important;
}

.menu-drawer.active {
  left: 89px !important;
}

.occ {
  border-right: 1px solid #ccc;
  padding-right: 1rem;
  margin-right: 1rem;
}

.el-form-item__label {
  display: flex;
  align-items: center;
  gap: 4px;
}

.el-tabs__item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.el-tabs__nav.is-top {
  border: none !important;
}

/* Date picker dark mode - el-picker-panel, el-date-picker, el-popper */

.theme-Dark-Body-bg .el-popper,
body.theme-Dark-Body-bg .el-popper,
.theme-Dark-Body-bg .el-picker-panel,
body.theme-Dark-Body-bg .el-picker-panel {
  background: #0e2c46 !important;
  border-color: #2a2f34 !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5) !important;
}

.theme-Dark-Body-bg .el-picker-panel__header,
body.theme-Dark-Body-bg .el-picker-panel__header {
  background: #0e2c46 !important;
  border-bottom-color: #2a2f34 !important;
}

.theme-Dark-Body-bg .el-picker-panel__header-label,
body.theme-Dark-Body-bg .el-picker-panel__header-label {
  color: #ced4da !important;
}

.theme-Dark-Body-bg .el-picker-panel__header-label:hover,
body.theme-Dark-Body-bg .el-picker-panel__header-label:hover {
  color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-picker-panel__icon-btn,
body.theme-Dark-Body-bg .el-picker-panel__icon-btn {
  color: #9ca3af !important;
}

.theme-Dark-Body-bg .el-picker-panel__icon-btn:hover,
body.theme-Dark-Body-bg .el-picker-panel__icon-btn:hover {
  color: #ced4da !important;
}

.theme-Dark-Body-bg .el-picker-panel__body,
body.theme-Dark-Body-bg .el-picker-panel__body {
  background: #0e2c46 !important;
}

.theme-Dark-Body-bg .el-date-table th,
body.theme-Dark-Body-bg .el-date-table th {
  color: #9ca3af !important;
  border-bottom-color: #2a2f34 !important;
}

.theme-Dark-Body-bg .el-date-table td,
body.theme-Dark-Body-bg .el-date-table td {
  color: #ced4da !important;
}

.theme-Dark-Body-bg .el-date-table td.available:hover,
body.theme-Dark-Body-bg .el-date-table td.available:hover {
  color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-date-table td.current:not(.disabled),
body.theme-Dark-Body-bg .el-date-table td.current:not(.disabled) {
  color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-date-table td.today span,
body.theme-Dark-Body-bg .el-date-table td.today span {
  color: #3b82f6 !important;
  font-weight: 700;
}

.theme-Dark-Body-bg .el-date-table td.selected span,
body.theme-Dark-Body-bg .el-date-table td.selected span {
  background: #3b82f6 !important;
  color: #ffffff !important;
}

.theme-Dark-Body-bg .el-date-table td.in-range,
body.theme-Dark-Body-bg .el-date-table td.in-range {
  background: rgba(59, 130, 246, 0.1) !important;
}

.theme-Dark-Body-bg .el-date-table td.start-date,
body.theme-Dark-Body-bg .el-date-table td.start-date {
  background: #3b82f6 !important;
  color: #ffffff !important;
}

.theme-Dark-Body-bg .el-date-table td.end-date,
body.theme-Dark-Body-bg .el-date-table td.end-date {
  background: #3b82f6 !important;
  color: #ffffff !important;
}

.theme-Dark-Body-bg .el-month-table td,
body.theme-Dark-Body-bg .el-month-table td {
  color: #ced4da !important;
}

.theme-Dark-Body-bg .el-month-table td.available:hover,
body.theme-Dark-Body-bg .el-month-table td.available:hover {
  color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-month-table td.current:not(.disabled),
body.theme-Dark-Body-bg .el-month-table td.current:not(.disabled) {
  color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-month-table td.today,
body.theme-Dark-Body-bg .el-month-table td.today {
  color: #3b82f6 !important;
  font-weight: 700;
}

.theme-Dark-Body-bg .el-year-table td,
body.theme-Dark-Body-bg .el-year-table td {
  color: #ced4da !important;
}

.theme-Dark-Body-bg .el-year-table td.available:hover,
body.theme-Dark-Body-bg .el-year-table td.available:hover {
  color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-year-table td.current:not(.disabled),
body.theme-Dark-Body-bg .el-year-table td.current:not(.disabled) {
  color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-year-table td.today,
body.theme-Dark-Body-bg .el-year-table td.today {
  color: #3b82f6 !important;
  font-weight: 700;
}

.theme-Dark-Body-bg .el-picker-panel__link-btn,
body.theme-Dark-Body-bg .el-picker-panel__link-btn {
  color: #3b82f6 !important;
}

.theme-Dark-Body-bg .el-picker-panel__link-btn:hover,
body.theme-Dark-Body-bg .el-picker-panel__link-btn:hover {
  color: #2563eb !important;
}

.theme-Dark-Body-bg .el-time-panel,
body.theme-Dark-Body-bg .el-time-panel {
  background: #0e2c46 !important;
  border-color: #2a2f34 !important;
}

.theme-Dark-Body-bg .el-time-spinner__item,
body.theme-Dark-Body-bg .el-time-spinner__item {
  color: #ced4da !important;
}

.theme-Dark-Body-bg .el-time-spinner__item:hover:not(.disabled):not(.active),
body.theme-Dark-Body-bg .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #1a3a5f !important;
}

.theme-Dark-Body-bg .el-time-spinner__item.active:not(.disabled),
body.theme-Dark-Body-bg .el-time-spinner__item.active:not(.disabled) {
  color: #3b82f6 !important;
  font-weight: 700;
}

.theme-Dark-Body-bg .el-date-picker__header-label,
body.theme-Dark-Body-bg .el-date-picker__header-label {
  color: #ced4da !important;
}

.theme-Dark-Body-bg .el-date-picker__header-label:hover,
body.theme-Dark-Body-bg .el-date-picker__header-label:hover {
  color: #3b82f6 !important;
}

/* Dark mode for el-descriptions-item__label.is-bordered-label in drawer */

.theme-Dark-Body-bg .el-descriptions-item__label.is-bordered-label,
body.theme-Dark-Body-bg .el-descriptions-item__label.is-bordered-label,
.theme-Dark-style .el-descriptions-item__label.is-bordered-label {
  background: #0e2c46 !important;
  color: #9ca3af !important;
  border-color: #2a2f34 !important;
}

.theme-Dark-Body-bg .el-drawer .el-descriptions-item__label.is-bordered-label,
body.theme-Dark-Body-bg .el-drawer .el-descriptions-item__label.is-bordered-label,
.theme-Dark-style .el-drawer .el-descriptions-item__label.is-bordered-label {
  background: #0e2c46 !important;
  color: #9ca3af !important;
  border-color: #2a2f34 !important;
}

/* Dark mode for el-descriptions bordered cell borders */

.theme-Dark-Body-bg .el-descriptions.is-bordered .el-descriptions-item__cell,
body.theme-Dark-Body-bg .el-descriptions.is-bordered .el-descriptions-item__cell,
.theme-Dark-style .el-descriptions.is-bordered .el-descriptions-item__cell {
  border-color: #2a2f34 !important;
}

.theme-Dark-Body-bg .el-drawer .el-descriptions.is-bordered .el-descriptions-item__cell,
body.theme-Dark-Body-bg .el-drawer .el-descriptions.is-bordered .el-descriptions-item__cell,
.theme-Dark-style .el-drawer .el-descriptions.is-bordered .el-descriptions-item__cell {
  border-color: #2a2f34 !important;
}

/* ============================================
   MODERN SCROLLBAR STYLES - Light & Dark Mode
   ============================================ */

/* Light Mode - Modern Scrollbar */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #cbd5e1 0%, #94a3b8 100%);
  border-radius: 10px;
  border: 2px solid #f1f5f9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #94a3b8 0%, #64748b 100%);
  border-color: #e2e8f0;
}

::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, #64748b 0%, #475569 100%);
}

/* Firefox - Light Mode */

* {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

/* Dark Mode - Modern Scrollbar */

.theme-Dark-Body-bg ::-webkit-scrollbar,
body.theme-Dark-Body-bg ::-webkit-scrollbar,
.theme-Dark-style ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.theme-Dark-Body-bg ::-webkit-scrollbar-track,
body.theme-Dark-Body-bg ::-webkit-scrollbar-track,
.theme-Dark-style ::-webkit-scrollbar-track {
  background: #0f172a;
  border-radius: 10px;
}

.theme-Dark-Body-bg ::-webkit-scrollbar-thumb,
body.theme-Dark-Body-bg ::-webkit-scrollbar-thumb,
.theme-Dark-style ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #2a2f34 0%, #1e293b 100%);
  border-radius: 10px;
  border: 2px solid #0f172a;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.theme-Dark-Body-bg ::-webkit-scrollbar-thumb:hover,
body.theme-Dark-Body-bg ::-webkit-scrollbar-thumb:hover,
.theme-Dark-style ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  border-color: #1e293b;
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.3);
}

.theme-Dark-Body-bg ::-webkit-scrollbar-thumb:active,
body.theme-Dark-Body-bg ::-webkit-scrollbar-thumb:active,
.theme-Dark-style ::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
}

/* Firefox - Dark Mode */

.theme-Dark-Body-bg *,
body.theme-Dark-Body-bg *,
.theme-Dark-style * {
  scrollbar-width: thin;
  scrollbar-color: #2a2f34 #0f172a;
}

.theme-Dark-Body-bg *:hover,
body.theme-Dark-Body-bg *:hover,
.theme-Dark-style *:hover {
  scrollbar-color: #3b82f6 #0f172a;
}

/* Horizontal Scrollbar Styles */

::-webkit-scrollbar:horizontal {
  height: 8px;
}

.theme-Dark-Body-bg ::-webkit-scrollbar:horizontal,
body.theme-Dark-Body-bg ::-webkit-scrollbar:horizontal,
.theme-Dark-style ::-webkit-scrollbar:horizontal {
  height: 8px;
}

/* Smooth scrolling for all elements */

* {
  scroll-behavior: smooth;
}

/* Dark mode styles for sale drawers */

/* 1. Гибкая продажа (Flexible sale) - sale_prast_sheet_info and Курс field */

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

.theme-Dark-Body-bg .sale_prast_sheet_info .narx,
body.theme-Dark-Body-bg .sale_prast_sheet_info .narx,
.theme-Dark-style .sale_prast_sheet_info .narx {
  color: #ffffff !important;
}

.theme-Dark-Body-bg .sale_prast_sheet_info .tipadom,
body.theme-Dark-Body-bg .sale_prast_sheet_info .tipadom,
.theme-Dark-style .sale_prast_sheet_info .tipadom {
  color: #9ca3af !important;
}

.theme-Dark-Body-bg .sale_prast_sheet_info-left,
body.theme-Dark-Body-bg .sale_prast_sheet_info-left,
.theme-Dark-style .sale_prast_sheet_info-left {
  color: #ced4da !important;
}

/* Курс field (currency_rate) in Гибкая продажа and Стандартная продажа */

.theme-Dark-Body-bg .el-form-item[prop=currency_rate] label,
body.theme-Dark-Body-bg .el-form-item[prop=currency_rate] label,
.theme-Dark-style .el-form-item[prop=currency_rate] label {
  color: #ced4da !important;
}

/* 2. Заявка на бронь (Reservation request) - sale_za, sale_prast_sheet, m-0, salt_btn */

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

.theme-Dark-Body-bg .sale_za .tipadom,
body.theme-Dark-Body-bg .sale_za .tipadom,
.theme-Dark-style .sale_za .tipadom {
  color: #9ca3af !important;
}

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

.theme-Dark-Body-bg .sale_prast_sheet .el-button,
body.theme-Dark-Body-bg .sale_prast_sheet .el-button,
.theme-Dark-style .sale_prast_sheet .el-button {
  background-color: #0e2c46 !important;
  border-color: #2a2f34 !important;
  color: #ced4da !important;
}

.theme-Dark-Body-bg .sale_prast_sheet .el-button:hover,
body.theme-Dark-Body-bg .sale_prast_sheet .el-button:hover,
.theme-Dark-style .sale_prast_sheet .el-button:hover {
  background-color: #1a3a5f !important;
  border-color: #3a4a5f !important;
  color: #ffffff !important;
}

.theme-Dark-Body-bg .salt_btn .el-button,
body.theme-Dark-Body-bg .salt_btn .el-button,
.theme-Dark-style .salt_btn .el-button {
  background-color: #0e2c46 !important;
  border-color: #2a2f34 !important;
  color: #ced4da !important;
}

.theme-Dark-Body-bg .salt_btn .el-button:hover,
body.theme-Dark-Body-bg .salt_btn .el-button:hover,
.theme-Dark-style .salt_btn .el-button:hover {
  background-color: #1a3a5f !important;
  border-color: #3a4a5f !important;
  color: #ffffff !important;
}

.theme-Dark-Body-bg .m-0,
body.theme-Dark-Body-bg .m-0,
.theme-Dark-style .m-0 {
  color: #ced4da !important;
}

/* 3. Стандартная продажа (Standard sale) - sale_prast_sheet_info and Курс field */

/* (Same styles as Гибкая продажа, already covered above) */

/* 4. Расчёт стоимости и рассрочки (Calculation) - sale_za, sale_prast_sheet, m-0, salt_btn */

/* (Same styles as Заявка на бронь, already covered above) */

/* Dropdown menu items in dark mode */

.theme-Dark-Body-bg .sale_za_UL .el-dropdown-menu__item,
body.theme-Dark-Body-bg .sale_za_UL .el-dropdown-menu__item,
.theme-Dark-style .sale_za_UL .el-dropdown-menu__item {
  background-color: #0e2c46 !important;
  color: #ced4da !important;
  border-bottom-color: #2a2f34 !important;
}

.theme-Dark-Body-bg .sale_za_UL .el-dropdown-menu__item:hover,
body.theme-Dark-Body-bg .sale_za_UL .el-dropdown-menu__item:hover,
.theme-Dark-style .sale_za_UL .el-dropdown-menu__item:hover {
  background-color: #1a3a5f !important;
  color: #ffffff !important;
}

.theme-Dark-Body-bg .sale_za_UL .sale_prast_sheet_info,
body.theme-Dark-Body-bg .sale_za_UL .sale_prast_sheet_info,
.theme-Dark-style .sale_za_UL .sale_prast_sheet_info {
  color: #ced4da !important;
}

.theme-Dark-Body-bg .sale_za_UL .sale_prast_sheet_info .narx,
body.theme-Dark-Body-bg .sale_za_UL .sale_prast_sheet_info .narx,
.theme-Dark-style .sale_za_UL .sale_prast_sheet_info .narx {
  color: #ffffff !important;
}

.theme-Dark-Body-bg .sale_za_UL .sale_prast_sheet_info .tipadom,
body.theme-Dark-Body-bg .sale_za_UL .sale_prast_sheet_info .tipadom,
.theme-Dark-style .sale_za_UL .sale_prast_sheet_info .tipadom {
  color: #9ca3af !important;
}

/* Курс field input in dark mode */

.theme-Dark-Body-bg .el-form-item[prop=currency_rate] .el-input__inner,
body.theme-Dark-Body-bg .el-form-item[prop=currency_rate] .el-input__inner,
.theme-Dark-style .el-form-item[prop=currency_rate] .el-input__inner,
.theme-Dark-Body-bg .el-form-item[prop=currency_rate] input,
body.theme-Dark-Body-bg .el-form-item[prop=currency_rate] input,
.theme-Dark-style .el-form-item[prop=currency_rate] input {
  background-color: #0e2c46 !important;
  border-color: #2a2f34 !important;
  color: #ced4da !important;
}

.theme-Dark-Body-bg .el-form-item[prop=currency_rate] .el-input__inner:focus,
body.theme-Dark-Body-bg .el-form-item[prop=currency_rate] .el-input__inner:focus,
.theme-Dark-style .el-form-item[prop=currency_rate] .el-input__inner:focus,
.theme-Dark-Body-bg .el-form-item[prop=currency_rate] input:focus,
body.theme-Dark-Body-bg .el-form-item[prop=currency_rate] input:focus,
.theme-Dark-style .el-form-item[prop=currency_rate] input:focus {
  border-color: #3b82f6 !important;
  background-color: #1a3a5f !important;
}

/* Dark mode for el-select dropdown options */

.theme-Dark-Body-bg .el-select-dropdown,
body.theme-Dark-Body-bg .el-select-dropdown,
.theme-Dark-style .el-select-dropdown {
  background-color: #0e2c46 !important;
  border-color: #2a2f34 !important;
}

.theme-Dark-Body-bg .el-select-dropdown__item,
body.theme-Dark-Body-bg .el-select-dropdown__item,
.theme-Dark-style .el-select-dropdown__item {
  color: #ffffff !important;
}

.theme-Dark-Body-bg .el-select-dropdown__item.hover,
body.theme-Dark-Body-bg .el-select-dropdown__item.hover,
.theme-Dark-style .el-select-dropdown__item.hover,
.theme-Dark-Body-bg .el-select-dropdown__item:hover,
body.theme-Dark-Body-bg .el-select-dropdown__item:hover,
.theme-Dark-style .el-select-dropdown__item:hover {
  background-color: #1a3a5f !important;
  color: #ffffff !important;
}

.theme-Dark-Body-bg .el-select-dropdown__item.selected,
body.theme-Dark-Body-bg .el-select-dropdown__item.selected,
.theme-Dark-style .el-select-dropdown__item.selected {
  color: #3b82f6 !important;
  font-weight: 700;
}

.theme-Dark-Body-bg .el-select-dropdown__empty,
body.theme-Dark-Body-bg .el-select-dropdown__empty,
.theme-Dark-style .el-select-dropdown__empty {
  color: #9ca3af !important;
}

.theme-Dark-Body-bg .el-select-group__title,
body.theme-Dark-Body-bg .el-select-group__title,
.theme-Dark-style .el-select-group__title {
  color: #9ca3af !important;
}

.theme-Dark-Body-bg .el-select-group__wrap::after,
body.theme-Dark-Body-bg .el-select-group__wrap::after,
.theme-Dark-style .el-select-group__wrap::after {
  background-color: #2a2f34 !important;
}