@font-face {
font-family: '__gilroy_8a58e4';
src: url(/_next/static/media/1d2eb293e525c352-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 400;
font-style: normal;
}@font-face {font-family: '__gilroy_Fallback_8a58e4';src: local("Arial");ascent-override: 74.23%;descent-override: 21.55%;line-gap-override: 19.16%;size-adjust: 104.41%
}.__className_8a58e4 {font-family: '__gilroy_8a58e4', '__gilroy_Fallback_8a58e4';font-weight: 400;font-style: normal
}.__variable_8a58e4 {--font-gilroy: '__gilroy_8a58e4', '__gilroy_Fallback_8a58e4'
}

.container {

}

.month-buttons {

}

.month-button {

}

.month-button.active {

}
html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

@font-face {
font-family: 'Gilroy';
src: url(/_next/static/media/Gilroy-Regular.1d2eb293.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}


* {
font-family: 'Gilroy', sans-serif;
}

[data-theme="light"] {
  --background: #faf8f3;
  --card-background: #ffffff;
  --header-background: #f5f1e8;
  --text-primary: #3d3d3d;
  --text-secondary: #8c8372;
  --border: #d4c5a0;
  --hover: #f0e8d5;
  --hover-background: #f0e8d5;
  --team-border: #9d7d3a;
  --team-background: #fff9e6;
  --team-hover: #fff3cc;
  --team-cap-background: #fff9e6;
  --team-cap-border: #9d7d3a;
  --user-border: #d3b064ff;
  --user-background: #f7e9d7ff;
  --user-hover: #ffe5c4ff;
  --tag-background: #f5efdc;
  --tag-text: #6b5d3f;
  --button-primary: #c9a961;
  --button-primary-hover: #b89850;
  --modal-header: #f9f5eb;
  --input-background: #ffffff;
  --input-focus-background: #f9f5eb;
  /* Цвета статусов для светлой темы */
  --success-light: #dcfce7;
  --success-dark: #166534;
  --info-light: #dbeafe;
  --info-dark: #1e40af;
  --warning-light: #fef3c7;
  --warning-dark: #92400e;
  --primary-light: #e0e7ff;
  --primary-dark: #3730a3;
  --pink-light: #fce7f3;
  --pink-dark: #be185d;
  --purple-light: #f3e8ff;
  --purple-dark: #7c2d12;
  --teal-light: #ecfdf5;
  --teal-dark: #065f46;
  --gray-light: #f3f4f6;
  --gray-dark: #374151;
}

[data-theme="dark"] {
  --background: #212121;
  --card-background: #2a2a2a;
  --header-background: #1a1a1a;
  --text-primary: #e8d4b0;
  --text-secondary: #c9b08a;
  --border: #4a4237;
  --hover: #333333;
  --hover-background: #333333;
  --team-border: #d4a574;
  --team-background: #3a3020;
  --team-hover: #4a3d28;
  --team-cap-background: #3a3020;
  --team-cap-border: #d4a574;
  --user-border: #cc8f33ff;
  --user-background: #3a2818;
  --user-hover: #4a3420;
  --tag-background: #3a3530;
  --tag-text: #d4a574;
  --button-primary: #ad7941ff;
  --button-primary-hover: #c9a961;
  --button-primary-text: #ffffff;
  --button-danger: #8b3a3a;
  --button-danger-hover: #a04545;
  --button-danger-text: #ffffff;
  --button-default-bg: #2a2a2a;
  --button-default-text: #e8d4b0;
  --button-default-border: #4a4237;
  --button-default-hover-bg: #333333;
  --modal-header: #1a1a1a;
  --input-background: #2a2a2a;
  --input-focus-background: #333333;
  /* Цвета статусов для темной темы */
  --success-light: #1a3a2a;
  --success-dark: #4ade80;
  --info-light: #1e3a5f;
  --info-dark: #60a5fa;
  --warning-light: #422006;
  --warning-dark: #fbbf24;
  --primary-light: #312e81;
  --primary-dark: #818cf8;
  --pink-light: #831843;
  --pink-dark: #f472b6;
  --purple-light: #581c87;
  --purple-dark: #c084fc;
  --teal-light: #064e3b;
  --teal-dark: #2dd4bf;
  --gray-light: #374151;
  --gray-dark: #d1d5db;
}

body {
  background-color: var(--background);
  color: var(--text-primary);
  transition: background-color 0.3s, color 0.3s;
}

/* Стили для кнопок Ant Design в темной теме */
html[data-theme="dark"] .ant-btn {
  background: var(--button-default-bg) !important;
  color: var(--button-default-text) !important;
  border-color: var(--button-default-border) !important;
}

html[data-theme="dark"] .ant-btn:hover,
html[data-theme="dark"] .ant-btn:focus {
  background: var(--button-default-hover-bg) !important;
  color: var(--button-default-text) !important;
  border-color: var(--button-primary) !important;
}

html[data-theme="dark"] .ant-btn-primary {
  background: var(--button-primary) !important;
  color: var(--button-primary-text) !important;
  border-color: var(--button-primary) !important;
}

html[data-theme="dark"] .ant-btn-primary:hover,
html[data-theme="dark"] .ant-btn-primary:focus {
  background: var(--button-primary-hover) !important;
  color: var(--button-primary-text) !important;
  border-color: var(--button-primary-hover) !important;
}

/* Стили для красных кнопок (отмена заявки) */
html[data-theme="dark"] .ant-btn-danger {
  background: var(--button-danger) !important;
  color: var(--button-danger-text) !important;
  border-color: var(--button-danger) !important;
}

html[data-theme="dark"] .ant-btn-danger:hover,
html[data-theme="dark"] .ant-btn-danger:focus {
  background: var(--button-danger-hover) !important;
  color: var(--button-danger-text) !important;
  border-color: var(--button-danger-hover) !important;
}

/* Убираем белую каемку у кнопок */
html[data-theme="dark"] .ant-btn::after,
html[data-theme="dark"] .ant-btn-primary::after,
html[data-theme="dark"] .ant-btn-danger::after {
  display: none !important;
}

/* Убираем тени и обводки */
html[data-theme="dark"] .ant-btn,
html[data-theme="dark"] .ant-btn-primary,
html[data-theme="dark"] .ant-btn-danger {
  box-shadow: none !important;
  outline: none !important;
}

/* Стили для модальных окон */
html[data-theme="dark"] .ant-modal .ant-modal-content {
  background: var(--card-background);
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-modal .ant-modal-header {
  background: var(--modal-header);
  border-bottom: 1px solid var(--border);
}

html[data-theme="dark"] .ant-modal .ant-modal-title {
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-modal .ant-modal-close {
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-modal .ant-modal-close:hover {
  color: var(--button-primary);
}

/* Стили для списков */
html[data-theme="dark"] .ant-list {
  background: var(--card-background);
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-list-item {
  border-bottom: 1px solid var(--border);
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-list-item-meta-title {
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-list-item-meta-description {
  color: var(--text-secondary);
}

/* Стили для форм и инпутов */
html[data-theme="dark"] .ant-input {
  background: var(--input-background);
  color: var(--text-primary);
  border-color: var(--border);
}

html[data-theme="dark"] .ant-input:hover,
html[data-theme="dark"] .ant-input:focus {
  background: var(--input-focus-background);
  color: var(--text-primary);
  border-color: var(--button-primary);
}

html[data-theme="dark"] .ant-form-item-label > label {
  color: var(--text-primary);
}

/* Стили для Descriptions */
html[data-theme="dark"] .ant-descriptions .ant-descriptions-item-label {
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-descriptions .ant-descriptions-item-content {
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-descriptions-bordered .ant-descriptions-item-label,
html[data-theme="dark"] .ant-descriptions-bordered .ant-descriptions-item-content {
  border-color: var(--border);
}

/* Стили для кнопок пагинации в темной теме */
html[data-theme="dark"] .pagination-button {
  background: var(--button-default-bg) !important;
  color: var(--button-default-text) !important;
  border-color: var(--button-default-border) !important;
}

html[data-theme="dark"] .pagination-button:hover:not(:disabled),
html[data-theme="dark"] .pagination-button:focus:not(:disabled) {
  background: var(--button-default-hover-bg) !important;
  color: var(--button-default-text) !important;
  border-color: var(--button-primary) !important;
}

html[data-theme="dark"] .pagination-button:disabled {
  background: var(--button-default-bg) !important;
  color: var(--text-secondary) !important;
  border-color: var(--border) !important;
  opacity: 0.5;
  cursor: not-allowed;
}

/* Стили для таблиц в темной теме */
html[data-theme="dark"] .ant-table {
  background: var(--card-background);
  color: var(--text-primary);
}

html[data-theme="dark"] .ant-table-thead > tr > th {
  background: var(--header-background);
  color: var(--text-primary);
  border-color: var(--border);
}

html[data-theme="dark"] .ant-table-tbody > tr > td {
  background: var(--card-background);
  color: var(--text-primary);
  border-color: var(--border);
}

html[data-theme="dark"] .ant-table-tbody > tr:hover > td {
  background: var(--hover-background);
}

/* Стили для таблицы ConversionLogs */
.conversion-logs-table {
  font-family: 'Gilroy', sans-serif;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.conversion-logs-table .table-header,
.conversion-logs-table .table-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.conversion-logs-table .table-header-cell,
.conversion-logs-table .table-cell {
  flex-shrink: 0;
  flex-grow: 0;
}

.conversion-logs-table .table-header {
  background: var(--header-background);
  color: var(--text-primary);
  border-bottom: 1px solid var(--border);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.conversion-logs-table .table-header-cell {
  padding: 12px 16px;
  font-weight: bold;
  border-right: 1px solid var(--border);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: var(--header-background);
  transition: background-color 0.2s ease;
  min-width: 0;
  box-sizing: border-box;
  flex-shrink: 0;
}

.conversion-logs-table .table-header-cell:hover {
  background: var(--hover-background);
}

.conversion-logs-table .table-header-cell.sortable {
  cursor: pointer;
}

.conversion-logs-table .table-header-cell.sortable:hover {
  background: var(--hover-background);
}

/* Красивые стрелки для сортировки */
.conversion-logs-table .sort-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 8px;
  font-size: 12px;
  color: var(--text-secondary);
  transition: color 0.2s ease;
}

.conversion-logs-table .sort-indicator.asc .sort-arrow-up,
.conversion-logs-table .sort-indicator.desc .sort-arrow-down {
  color: var(--button-primary);
}

.conversion-logs-table .sort-arrow-up,
.conversion-logs-table .sort-arrow-down {
  line-height: 0.8;
  transition: color 0.2s ease;
}

.conversion-logs-table .sort-arrow-up {
  margin-bottom: -2px;
}

.conversion-logs-table .sort-arrow-down {
  margin-top: -2px;
}

.conversion-logs-table .table-row {
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.conversion-logs-table .table-row:hover {
  background: var(--hover-background);
}

.conversion-logs-table .table-row.selected {
  background: var(--primary-light);
}

.conversion-logs-table .table-cell {
  padding: 12px 16px;
  border-right: 1px solid var(--border);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: var(--card-background);
  color: var(--text-primary);
  transition: background-color 0.2s ease;
  min-width: 0;
  box-sizing: border-box;
  flex-shrink: 0;
}

.conversion-logs-table .table-cell.auto-stop-warning {
  background: var(--warning-light);
  color: var(--warning-dark);
  font-weight: bold;
}

.conversion-logs-table .table-cell.selected {
  background: var(--primary-light);
}

/* Стили для модального окна настройки колонок */
.conversion-logs-column-modal {
  background: var(--card-background);
  color: var(--text-primary);
}

.conversion-logs-column-modal .ant-modal-content {
  background: var(--card-background);
  color: var(--text-primary);
}

.conversion-logs-column-modal .ant-modal-header {
  background: var(--modal-header);
  border-bottom: 1px solid var(--border);
}

.conversion-logs-column-modal .ant-modal-title {
  color: var(--text-primary);
}

.conversion-logs-column-modal .ant-modal-close {
  color: var(--text-primary);
}

.conversion-logs-column-modal .ant-modal-close:hover {
  color: var(--button-primary);
}

.conversion-logs-column-modal .sortable-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 4px;
  margin-bottom: 8px;
  background: var(--card-background);
  transition: border-color 0.2s ease;
}

.conversion-logs-column-modal .sortable-item:hover {
  border-color: var(--button-primary);
}

.conversion-logs-column-modal .sortable-item .drag-handle {
  color: var(--text-secondary);
  cursor: -webkit-grab;
  cursor: grab;
}

.conversion-logs-column-modal .sortable-item .drag-handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.conversion-logs-column-modal .sortable-item .checkbox-wrapper {
  flex: 1 1;
}

.conversion-logs-column-modal .sortable-item .ant-checkbox-wrapper {
  color: var(--text-primary);
}

.conversion-logs-column-modal .sortable-item .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--button-primary);
  border-color: var(--button-primary);
}

/* Стили для контекстного меню */
.conversion-logs-context-menu {
  background: var(--card-background);
  border: 1px solid var(--border);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 1000;
  min-width: 200px;
  padding: 8px 0;
}

.conversion-logs-context-menu .menu-header {
  padding: 8px 16px;
  font-weight: bold;
  border-bottom: 1px solid var(--border);
  font-size: 14px;
  color: var(--text-primary);
}

.conversion-logs-context-menu .menu-section {
  padding: 4px 0;
}

.conversion-logs-context-menu .menu-section-title {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: bold;
  color: var(--text-secondary);
}

.conversion-logs-context-menu .menu-item {
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-primary);
  transition: background-color 0.2s ease;
}

.conversion-logs-context-menu .menu-item:hover {
  background: var(--hover-background);
}

.conversion-logs-context-menu .menu-item.active {
  color: var(--button-primary);
}

.conversion-logs-context-menu .menu-divider {
  border-top: 1px solid var(--border);
  margin: 4px 0;
}

/* Стили для пагинации */
.conversion-logs-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.conversion-logs-pagination .pagination-buttons {
  display: flex;
  gap: 8px;
}

.conversion-logs-pagination .pagination-button {
  background: var(--button-default-bg);
  color: var(--button-default-text);
  border-color: var(--button-default-border);
  transition: all 0.2s ease;
}

.conversion-logs-pagination .pagination-button:hover:not(:disabled) {
  background: var(--button-default-hover-bg);
  color: var(--button-default-text);
  border-color: var(--button-primary);
}

.conversion-logs-pagination .pagination-button:disabled {
  background: var(--button-default-bg);
  color: var(--text-secondary);
  border-color: var(--border);
  opacity: 0.5;
  cursor: not-allowed;
}

.conversion-logs-pagination .page-info {
  color: var(--text-primary);
}

.conversion-logs-pagination .page-size-selector .ant-select {
  color: var(--text-primary);
}

.conversion-logs-pagination .page-size-selector .ant-select-selector {
  background: var(--input-background);
  color: var(--text-primary);
  border-color: var(--border);
}

.conversion-logs-pagination .page-size-selector .ant-select-arrow {
  color: var(--text-primary);
}

/* Стили для контейнера таблицы */
.conversion-logs-table-container {
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--card-background);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.conversion-logs-table-container .table-scroll-container {
  overflow: auto;
  max-height: 600px;
}

.conversion-logs-table-container .table-wrapper {
  display: flex;
  flex-direction: column;
  min-width: 100%;
}

/* Стили для текста заголовков */
.conversion-logs-table .table-header-cell .header-text {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Стили для resize handle */
.conversion-logs-table .table-header-cell .resize-handle {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 10px;
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  background-color: transparent;
  transition: background-color 0.2s ease;
}

.conversion-logs-table .table-header-cell .resize-handle:hover,
.conversion-logs-table .table-header-cell .resize-handle.resizing {
  background-color: var(--button-primary);
}

/* Стили для контекстного меню с использованием CSS переменных */
.conversion-logs-context-menu {
  background: var(--card-background);
  border: 1px solid var(--border);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 1000;
  min-width: 200px;
  padding: 8px 0;
}

.conversion-logs-context-menu .menu-header {
  padding: 8px 16px;
  font-weight: bold;
  border-bottom: 1px solid var(--border);
  font-size: 14px;
  color: var(--text-primary);
}

.conversion-logs-context-menu .menu-section {
  padding: 4px 0;
}

.conversion-logs-context-menu .menu-section-title {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: bold;
  color: var(--text-secondary);
}

.conversion-logs-context-menu .menu-item {
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-primary);
  transition: background-color 0.2s ease;
}

.conversion-logs-context-menu .menu-item:hover {
  background: var(--hover-background);
}

.conversion-logs-context-menu .menu-item.active {
  color: var(--button-primary);
}

.conversion-logs-context-menu .menu-divider {
  border-top: 1px solid var(--border);
  margin: 4px 0;
}

/* Стили для модальных окон с использованием CSS переменных */
.conversion-logs-modal .ant-modal-content {
  background: var(--card-background);
  color: var(--text-primary);
}

.conversion-logs-modal .ant-modal-header {
  background: var(--modal-header);
  border-bottom: 1px solid var(--border);
}

.conversion-logs-modal .ant-modal-title {
  color: var(--text-primary);
}

.conversion-logs-modal .ant-modal-close {
  color: var(--text-primary);
}

.conversion-logs-modal .ant-modal-close:hover {
  color: var(--button-primary);
}

/* Стили для сортируемых элементов в модальном окне */
.conversion-logs-modal .sortable-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 4px;
  margin-bottom: 8px;
  background: var(--card-background);
  transition: border-color 0.2s ease;
}

.conversion-logs-modal .sortable-item:hover {
  border-color: var(--button-primary);
}

.conversion-logs-modal .sortable-item .drag-handle {
  color: var(--text-secondary);
  cursor: -webkit-grab;
  cursor: grab;
}

.conversion-logs-modal .sortable-item .drag-handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.conversion-logs-modal .sortable-item .checkbox-wrapper {
  flex: 1 1;
}

.conversion-logs-modal .sortable-item .ant-checkbox-wrapper {
  color: var(--text-primary);
}

.conversion-logs-modal .sortable-item .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--button-primary);
  border-color: var(--button-primary);
}

/* Стили для контейнера фильтров ConversionLogs */
.conversion-logs-filters-container {
  margin-bottom: 20px;
  background: var(--card-background);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.conversion-logs-filters-container .filters-main-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.conversion-logs-filters-container .filters-add-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

.conversion-logs-filters-container .search-input {
  width: 200px;
  min-width: 200px;
}

.conversion-logs-filters-container .checkbox-group {
  display: flex;
  gap: 16px;
  align-items: center;
}

.conversion-logs-filters-container .team-filter-select {
  width: 150px;
  min-width: 150px;
}

.conversion-logs-filters-container .columns-button {
  margin-left: auto;
}

.conversion-logs-filters-container .filter-type-select {
  width: 150px;
  min-width: 150px;
}

.conversion-logs-filters-container .date-range-filters {
  display: flex;
  gap: 8px;
}

.conversion-logs-filters-container .date-picker {
  width: 140px;
  min-width: 140px;
}

.conversion-logs-filters-container .range-filters {
  display: flex;
  gap: 8px;
}

.conversion-logs-filters-container .range-input {
  width: 100px;
  min-width: 100px;
}

.conversion-logs-filters-container .filter-value-input {
  width: 200px;
  min-width: 200px;
}

.conversion-logs-filters-container .add-filter-button {
  white-space: nowrap;
}

/* Стили для активных фильтров */
.conversion-logs-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.conversion-logs-active-filters .filter-tag {
  display: flex;
  align-items: center;
  background: var(--tag-background);
  color: var(--tag-text);
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 14px;
  border: 1px solid var(--border);
  transition: all 0.2s ease;
}

.conversion-logs-active-filters .filter-tag:hover {
  background: var(--hover-background);
  border-color: var(--button-primary);
}

.conversion-logs-active-filters .filter-tag .remove-button {
  color: var(--tag-text);
  border: none;
  background: none;
  cursor: pointer;
  margin-left: 6px;
  padding: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  font-size: 12px;
}

.conversion-logs-active-filters .filter-tag .remove-button:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* Стили для фильтров */
.conversion-logs-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.conversion-logs-filters .filter-tag {
  display: flex;
  align-items: center;
  background: var(--tag-background);
  color: var(--tag-text);
  padding: 5px 10px;
  border-radius: 15px;
  font-size: 14px;
}

.conversion-logs-filters .filter-tag .remove-button {
  color: var(--tag-text);
  border: none;
  background: none;
  cursor: pointer;
  margin-left: 4px;
  padding: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}

.conversion-logs-filters .filter-tag .remove-button:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* Стили для чекбоксов */
.conversion-logs-checkbox .ant-checkbox-wrapper {
  color: var(--text-primary);
}

.conversion-logs-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--button-primary);
  border-color: var(--button-primary);
}

.conversion-logs-checkbox .ant-checkbox-wrapper:hover .ant-checkbox-inner {
  border-color: var(--button-primary);
}

/* Стили для скроллбара под ваши темы */
.table-scroll-container {
  overflow: auto;
  max-height: 70vh;
  position: relative;
}

/* Светлая тема для скроллбара */
[data-theme="light"] .table-scroll-container {
  /* Для Firefox */
  scrollbar-width: thin;
  scrollbar-color: var(--border) var(--card-background);
}

[data-theme="light"] .table-scroll-container::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

[data-theme="light"] .table-scroll-container::-webkit-scrollbar-track {
  background: var(--card-background);
  border-radius: 6px;
  border: 1px solid var(--border);
}

[data-theme="light"] .table-scroll-container::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 6px;
  border: 2px solid var(--card-background);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

[data-theme="light"] .table-scroll-container::-webkit-scrollbar-thumb:hover {
  background: var(--button-primary);
}

[data-theme="light"] .table-scroll-container::-webkit-scrollbar-thumb:active {
  background: var(--button-primary-hover);
}

[data-theme="light"] .table-scroll-container::-webkit-scrollbar-corner {
  background: var(--card-background);
}

/* Темная тема для скроллбара */
[data-theme="dark"] .table-scroll-container {
  /* Для Firefox */
  scrollbar-width: thin;
  scrollbar-color: var(--border) var(--card-background);
}

[data-theme="dark"] .table-scroll-container::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

[data-theme="dark"] .table-scroll-container::-webkit-scrollbar-track {
  background: var(--card-background);
  border-radius: 6px;
  border: 1px solid var(--border);
}

[data-theme="dark"] .table-scroll-container::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 6px;
  border: 2px solid var(--card-background);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

[data-theme="dark"] .table-scroll-container::-webkit-scrollbar-thumb:hover {
  background: var(--button-primary);
}

[data-theme="dark"] .table-scroll-container::-webkit-scrollbar-thumb:active {
  background: var(--button-primary-hover);
}

[data-theme="dark"] .table-scroll-container::-webkit-scrollbar-corner {
  background: var(--card-background);
}

/* Альтернативный вариант с более контрастными цветами для темной темы */
[data-theme="dark"] .table-scroll-container.alternative::-webkit-scrollbar-thumb {
  background: var(--text-secondary);
}

[data-theme="dark"] .table-scroll-container.alternative::-webkit-scrollbar-thumb:hover {
  background: var(--button-primary);
}

/* Стили для тонкого скроллбара (более изящный вариант) */
.table-scroll-container.thin::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.table-scroll-container.thin::-webkit-scrollbar-thumb {
  border-width: 1px;
}

/* Стили для скроллбара с градиентом */
.table-scroll-container.gradient::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, var(--border), var(--button-primary));
}

/* Анимация появления скроллбара */
.table-scroll-container.animated::-webkit-scrollbar-thumb {
  animation: fadeInScrollbar 0.3s ease;
}

@keyframes fadeInScrollbar {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Стили для скроллбара в модальных окнах */
.ant-modal .table-scroll-container {
  max-height: 50vh;
}

/* Стили для скроллбара в выпадающих меню */
.ant-dropdown-menu {
  scrollbar-width: thin;
  scrollbar-color: var(--border) var(--card-background);
}

.ant-dropdown-menu::-webkit-scrollbar {
  width: 6px;
}

.ant-dropdown-menu::-webkit-scrollbar-track {
  background: var(--card-background);
  border-radius: 3px;
}

.ant-dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

.ant-dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: var(--button-primary);
}

/* Стили для Select компонентов */
.ant-select-dropdown {
  scrollbar-width: thin;
  scrollbar-color: var(--border) var(--card-background);
}

.ant-select-dropdown::-webkit-scrollbar {
  width: 6px;
}

.ant-select-dropdown::-webkit-scrollbar-track {
  background: var(--card-background);
  border-radius: 3px;
}

.ant-select-dropdown::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

.ant-select-dropdown::-webkit-scrollbar-thumb:hover {
  background: var(--button-primary);
}