@import './css_variables.scss';
@import './icons.scss';
@import './dark-theme.scss';
@import './scrollbar';
@import './components/air-select';
@import './components/toaster';
@import './components/avatar';
@import './components/button';
@import './components/card';
@import './components/checkbox';
@import './components/datepicker';
@import './components/dropdown';
@import './components/form';
@import './components/icon';
@import './components/modal';
@import './components/pagination';
//@import './components/pdf-viewer'; // не включати, зламає генерацію пдф зі сторінок
@import './components/popover';
@import './components/segmeneted-control';
@import './components/select';
@import './components/table';
@import './components/tabs';
@import './components/text-field';
@import './components/tree-view';
@import './components/range';
@import './components/wizard';
@import './directives/loading';
@import './directives/tooltip';

.form-control {
  //min-height: 2.5rem;
  //box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

.color-income {
  color: var(--color-income) !important;
}

.color-outcome {
  color: #b91e1e !important;
}

kbd {
  background-color: rgba(0, 0, 0, .15) !important;
  color: var(--bs-body-color) !important;
  font-size: .75rem !important;

  [data-theme="dark"] &, .btn-primary & {
    background-color: rgba(255, 255, 255, .25) !important;
    color: var(--bs-primary-color) !important
  }
}

// згідно з дизайном
.dropdown-header {
  font-size: .75rem;
  padding: .75rem .5rem .25rem;

  &:first-child {
    padding-top: .25rem;
  }
}
.dropdown-item {
  --bs-dropdown-link-active-bg: #F1F2F4;
  --bs-dropdown-link-active-color: var(--bs-body-color);
  &:not(:last-child) {
    margin-bottom: 1px;
  }

  svg {
    color: #8E97A5;
  }
  &:hover svg {
    color: var(--bs-body-color);
  }
}
body .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L3.5 6.5L1 4' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  box-shadow: 0px 2px 3px 0px #00000026;
}
body .form-check-input:indeterminate[type=checkbox] {
  box-shadow: 0px 2px 3px 0px #00000026;
}
body .text-muted {
  color: #7A818E !important;
}
body .form-control {
  &:focus {
    box-shadow: none !important;
  }
}

@keyframes pulse-shadow {
  0% { box-shadow: 0 0 0 0 rgba(26, 74, 151, 0) }
  50% { box-shadow: 0 0 0 4px rgba(26, 74, 151, 0.15) }
  100% { box-shadow: 0 0 0 0 rgba(26, 74, 151, 0) }
}
.pulsing {
  animation: pulse-shadow 3s ease-in-out infinite;
}
