/* ========== SOL MEN� ========== */
nav#sidebar,
nav#sidebar .sidebar-offcanvas,
.sidebar.sidebar-offcanvas {
  background: linear-gradient(180deg, #1285c5, #0b72a1) !important;
  color: #fff !important;
}

/* Men� yaz�lar� beyaz */
nav#sidebar .nav-link,
.sidebar.sidebar-offcanvas .nav .nav-link {
  color: #fff !important;
  font-weight: 400 !important;
  transition: all 0.2s ease-in-out !important;
}

/* Hover�da a��k mavi */
nav#sidebar .nav-link:hover,
.sidebar.sidebar-offcanvas .nav .nav-link:hover {
  color: #eaf6fd !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  transform: translateX(3px);
}

/* Aktif men� */
nav#sidebar .nav-item.active > .nav-link,
.sidebar.sidebar-offcanvas .nav-item.active > .nav-link {
  background: rgba(255, 255, 255, 0.15) !important;
  border-left: 3px solid #fff !important;
  color: #fff !important;
}

/* Profil k�sm� */
.sidebar .profile-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* ========== �ST BAR ========== */
.page-account header,
.page-dashboard header,
.navbar,
.navbar.default-layout,
.navbar.default-layout .navbar-brand-wrapper,
.navbar.default-layout .navbar-menu-wrapper {
  background: linear-gradient(90deg, #1285c5, #0b72a1) !important;
  color: #fff !important;
}

/* Ba�l�k rengi */
.navbar .page-title,
.page-title,
.navbar-brand-wrapper h3 {
  color: #fff !important;
  font-weight: 500 !important;
  letter-spacing: 0.4px !important;
  text-transform: capitalize !important;
}

/* Navbar�daki ikonlar, men�, butonlar */
.navbar-nav .nav-link,
.navbar .navbar-brand,
.navbar .dropdown-toggle,
.navbar .btn,
.menu-title {
  color: #fff !important;
  font-weight: 400 !important;
  transition: color 0.2s ease-in-out !important;
}

/* Hover�da ikon rengi a��l�r */
.navbar-nav .nav-link:hover,
.navbar .dropdown-toggle:hover,
.navbar .btn:hover {
  color: #eaf6fd !important;
}

/* Arama kutusu */
.navbar input[type="search"],
.navbar .form-control {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 6px !important;
}

/* Placeholder rengi */
.navbar input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* === TDV HEADER (Kurumsal Mavi Gradient + G�lge + Yumu�ak Derinlik) === KULLANILACAK OLAN TASARIM*/
.tdv-header {
  background: linear-gradient(90deg, #1285c5, #0b72a1) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-transform: capitalize !important;
  letter-spacing: 0.4px !important;
  padding: 4px 0 !important;
  border-radius: 20px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15) !important;
  animation: headerFadeIn 0.6s ease-out;
}

/* === I��lt�l� gradient overlay efekti === */
.tdv-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.3), transparent);
  transform: skewX(-25deg);
  animation: shineEffect 10s ease-in-out infinite;
}

/* === Yava� gelen g�r�n�m animasyonu === */
@keyframes headerFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === Parlayan �erit efekti ===
@keyframes shineEffect {
  0% { left: -75%; }
  50% { left: 125%; }
  100% { left: 125%; }
}
 */

/* === Hover efekti (gradient y�n de�i�imi) === */
.tdv-header:hover {
  background: linear-gradient(90deg, #0b72a1, #1285c5) !important;
  box-shadow: 0 4px 15px rgba(18, 133, 197, 0.35) !important;
  transition: all 0.3s ease-in-out !important;
}

/* T�m selectbox'lar� oval yapar */
.k-input.k-combobox.k-input-solid.k-input-md.k-rounded-md {
  border-radius: 20px !important;
}
/* === T�M FORM ALANLARI 20px BORDER RADIUS === */

/* Select, Date, DateTime, Numeric, Text, MultiSelect, MaskedTextBox */
.k-input.k-combobox.k-input-solid.k-input-md.k-rounded-md,
.k-datepicker.k-input.k-input-solid.k-input-md.k-rounded-md,
.k-datetimepicker.k-input.k-input-solid.k-input-md.k-rounded-md,
.k-numerictextbox.k-input.k-input-solid.k-input-md.k-rounded-md,
.k-input.k-textbox.k-input-solid.k-input-md.k-rounded-md,
.k-multiselect.k-input.k-input-solid.k-input-md.k-rounded-md,
.k-input.k-maskedtextbox.k-input-solid.k-input-md.k-rounded-md {
  border-radius: 20px !important;
}

/* Textarea alanlar� */
textarea,
textarea.k-textbox,
textarea.form-control {
  border-radius: 20px !important;
}

/* Normal inputlar */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input.k-input-inner {
  border-radius: 20px !important;
}

/* Focus oldu�unda hafif kurumsal mavi par�lt� */
.k-input:focus-within,
textarea:focus,
input:focus {
  box-shadow: 0 0 6px rgba(18, 133, 197, 0.35) !important;
  border-color: rgba(18, 133, 197, 0.6) !important;
  outline: none !important;
}

/* YEN� BUTONLAR */

/* === ORTAK ST�L (Her iki buton ayn�) === */
.tdv-btn,
.tdv-btn2 {
  background: linear-gradient(135deg, #1285c5, #0b72a1) !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  border-radius: 30px !important;
  border: none !important;
  padding: 8px 20px !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  transition: all 0.25s ease-in-out !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 3px 8px rgba(18, 133, 197, 0.25) !important;
}

/* === HOVER === */
.tdv-btn:hover,
.tdv-btn2:hover {
  background: linear-gradient(135deg, #0b72a1, #1285c5) !important;
  transform: translateY(
    -5px
  ); /* Hover y�kselme miktar� � buray� sen iste�ine g�re de�i�tirebilirsin */
  box-shadow: 0 4px 10px rgba(18, 133, 197, 0.35) !important;
  color: #fff !important; /* Hover text rengi beyaz */
}

/* === AKT�F (BASILI) HAL === */
.tdv-btn:active,
.tdv-btn2:active {
  transform: scale(0.96) !important;
  box-shadow: 0 2px 6px rgba(18, 133, 197, 0.25) inset !important;
}

/* === SADECE tdv-btn2 FARKI === */
.tdv-btn2 {
  margin-top: 20px !important; /* ?? Tek fark bu */
}

/* === OPERATOR EKRANI BUTONLARI === */

/* === OPERAT�R | �� EMR� BA�LAT === */
.op-btn-start {
  background-color: rgba(0, 200, 83, 1) !important;
  color: #ffffff !important;
  border: 2px solid rgba(0, 200, 83, 1) !important;
  border-radius: 30px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.25s ease-in-out !important;
}

/* HOVER (RENK TERS�) */
.op-btn-start:hover {
  background-color: #ffffff !important;
  color: rgba(0, 200, 83, 1) !important;
  box-shadow: 0 0 0 2px rgba(0, 200, 83, 0.15) !important;
}

/* === OPERAT�R | �� EMR� B�T�R === */
.op-btn-stop {
  background-color: rgba(255, 59, 48, 1) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 59, 48, 1) !important;
  border-radius: 30px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.25s ease-in-out !important;
}

/* HOVER (RENK TERS�) */
.op-btn-stop:hover {
  background-color: #ffffff !important;
  color: rgba(255, 59, 48, 1) !important;
  box-shadow: 0 0 0 2px rgba(255, 59, 48, 0.15) !important;
}

/* === OPERAT�R | DURAKLAT === */
.op-btn-pause {
  background-color: #f4b400 !important;
  color: #ffffff !important;
  border: 2px solid #f4b400 !important;
  border-radius: 30px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.25s ease-in-out !important;
}

/* HOVER (RENK TERS�) */
.op-btn-pause:hover {
  background-color: #ffffff !important;
  color: #f4b400 !important;
  box-shadow: 0 0 0 2px rgba(244, 180, 0, 0.25) !important;
}

/* === OPERAT�R | DEVAM ETT�R === */
.op-btn-resume {
  background-color: #1e88e5 !important;
  color: #ffffff !important;
  border: 2px solid #1e88e5 !important;
  border-radius: 30px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.25s ease-in-out !important;
}

/* HOVER (RENK TERS�) */
.op-btn-resume:hover {
  background-color: #ffffff !important;
  color: #1e88e5 !important;
  box-shadow: 0 0 0 2px rgba(30, 136, 229, 0.2) !important;
}

/* === OPERAT�R | AYAR BA�LAT === */
.op-btn-setup-start {
  background-color: #1f6fa8 !important;
  color: #ffffff !important;
  border: 2px solid #1f6fa8 !important;
  border-radius: 30px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.25s ease-in-out !important;
}

/* HOVER (RENK TERS�) */
.op-btn-setup-start:hover {
  background-color: #ffffff !important;
  color: #1f6fa8 !important;
  box-shadow: 0 0 0 2px rgba(108, 99, 255, 0.22) !important;
}

/* === OPERAT�R | AYAR B�T�R === */
.op-btn-setup-stop {
  background-color: #5a5a5a !important;
  color: #ffffff !important;
  border: 2px solid #5a5a5a !important;
  border-radius: 30px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.25s ease-in-out !important;
}

/* HOVER (RENK TERS�) */
.op-btn-setup-stop:hover {
  background-color: #ffffff !important;
  color: #5a5a5a !important;
  box-shadow: 0 0 0 2px rgba(44, 182, 125, 0.22) !important;
}

/* === TABLO GENEL YEN�!!!!=== */
.tdv-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: "Inter", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;
}

/* === BA�LIK (thead) === */
.tdv-table thead th {
  background: linear-gradient(
    180deg,
    #1390ce 0%,
    #0e7fb8 50%,
    #0b72a1 100%
  ) !important;
  color: #fff !important;
  padding: 10px 12px !important;
  text-align: left !important;
  font-weight: 500 !important; /* ?? Daha ince hale getirildi */
  letter-spacing: 0.3px !important;
  border-bottom: 2px solid #0b72a1 !important;
  text-transform: capitalize !important; /* ?? Sadece ilk harf b�y�k */
}

/* === SATIRLAR (tbody) === */
.tdv-table tbody tr {
  transition: all 0.25s ease-in-out !important;
}

.tdv-table tbody tr:nth-child(even) {
  background: #f8fafc !important;
}

.tdv-table tbody tr:nth-child(odd) {
  background: #ffffff !important;
}

/* === HOVER EFEKT� === */
.tdv-table tbody tr:hover {
  background: #e8f4fb !important;
  transform: scale(1.005);
  box-shadow: 0 0 8px rgba(18, 133, 197, 0.2) inset !important;
}

/* === H�CRELER === */
.tdv-table td {
  padding: 8px 12px !important;
  color: #333 important;
  border-bottom: 1px solid #e0e0e0 !important;
}

/* === SCROLL G�RSEL� === */
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #1285c5, #0b72a1);
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* === OPERAT�R TABLOSU (RENKS�Z, XPODA UYUMLU) === */
.tdv-table-operator {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: "Inter", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;
}

/* === BA�LIK === */
.tdv-table-operator thead th {
  background: linear-gradient(
    180deg,
    #1390ce 0%,
    #0e7fb8 50%,
    #0b72a1 100%
  ) !important;
  color: #fff !important;
  padding: 10px 12px !important;
  text-align: left !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  border-bottom: 2px solid #0b72a1 !important;
  text-transform: capitalize !important;
}

/* === SATIRLAR === */
.tdv-table-operator tbody tr {
  transition: all 0.2s ease-in-out !important;
  background: none !important; /* ?? XPoda renklendirme devreye girecek */
}

/* === H�CRELER === */
.tdv-table-operator td {
  padding: 8px 12px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  color: #333 !important;
}

/* === HOVER SADE EFEKT === */
.tdv-table-operator tbody tr:hover {
  transform: scale(1.005);
  box-shadow: inset 0 0 6px rgba(18, 133, 197, 0.15) !important;
}

/* === SCROLL === */
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #1285c5, #0b72a1);
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* === GENEL G�R�N�M === */
.k-scheduler {
  background: #f8fafc !important; /* arka plan� yumu�ak gri ton */
  border-radius: 12px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08) !important;
  border: none !important;
  font-family: "Inter", "Segoe UI", sans-serif !important;
}

/* === BA�LIK BAR === */
.k-scheduler-toolbar {
  background: linear-gradient(90deg, #007bff, #00c4ff) !important;
  border-radius: 12px 12px 0 0 !important;
  color: white !important;
  border: none !important;
}
.k-scheduler-toolbar .k-button {
  background: rgba(255, 255, 255, 0.15) !important;
  color: white !important;
  border: none !important;
  font-weight: 500 !important;
}
.k-scheduler-toolbar .k-button:hover {
  background: rgba(255, 255, 255, 0.25) !important;
}

/* === TAKV�M G�N/SAAT ��ZG�LER� === */
.k-scheduler-times,
.k-scheduler-header-wrap {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* === G�N / TAR�H BA�LIKLARI === */
.k-scheduler-header .k-link {
  color: #2c3e50 !important;
  font-weight: 600 !important;
}

/* === OLAY (EVENT) BLOKLARI === */
.k-event {
  background: linear-gradient(135deg, #007bff, #00c4ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 4px 6px !important;
  font-size: 13px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.k-event:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* === AYLIK G�R�N�MDE RENK D�ZEN� === */
.k-scheduler-monthview .k-event {
  background: linear-gradient(135deg, #ff4757, #ff6b81) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* === SE��L� G�N VE BUG�N === */
.k-today {
  background-color: rgba(0, 123, 255, 0.1) !important;
  border-radius: 8px !important;
}
.k-scheduler-table .k-today .k-link {
  color: #007bff !important;
  font-weight: 700 !important;
}

/* === HAFTALIK VE AYLIK BUTONLAR === */
.k-scheduler-toolbar .k-segmented-button .k-button {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}
.k-scheduler-toolbar .k-segmented-button .k-button.k-state-active {
  background: #fff !important;
  color: #007bff !important;
}

/* === KAYDIRMA (Scroll) D�ZEN� === */
.k-scheduler-content::-webkit-scrollbar {
  width: 8px;
}
.k-scheduler-content::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 10px;
}
.k-scheduler-content::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8;
}

/* === TAKV�M H�CRE ��ZG�LER�N� YUMU�AT === */
.k-scheduler-table td,
.k-scheduler-table th {
  border-color: rgba(0, 0, 0, 0.05) !important; /* �ok hafif gri ton */
  border-width: 0.5px !important; /* �izgiyi inceltir */
}

/* === G�R�N�M� TEM�ZLE === */
.k-scheduler-table,
.k-scheduler-header-wrap,
.k-scheduler-times {
  border: none !important;
  box-shadow: none !important;
}

/* === ARKA PLANIN HUZURLU TONLARDA KALMASI === */
.k-scheduler-content {
  background-color: #f9fbfd !important;
}

/* === H�CRELER ARASI AYRIMIN NEREDEYSE G�R�NMEZ OLMASI === */
.k-scheduler-table td {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.04) !important;
  border-right: 0.5px solid rgba(0, 0, 0, 0.04) !important;
}

/* === H�CRE ARKA PLANINI KALDIR === */
.k-scheduler-content,
.k-scheduler-times,
.k-scheduler-table td,
.k-scheduler-table th {
  background: #ffffff !important; /* tamamen beyaz zemin */
}

/* === SAAT D�L�MLER�NDEK� G�LGELER� VE RENK GE���LER�N� SIFIRLA === */
.k-scheduler-times {
  background-image: none !important;
  box-shadow: none !important;
}

/* === HAF�F AYRIM ��ZG�LER� KALSIN (�STE�E BA�LI) === */
.k-scheduler-table td {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.04) !important;
  border-right: 0.5px solid rgba(0, 0, 0, 0.04) !important;
}

/* === AYLIK G�R�N�MDE MAV� GRADIENT === */
.k-scheduler-monthview .k-event {
  background: linear-gradient(135deg, #009dff 0%, #0066ff 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
  font-weight: 500 !important;
}

/* === HOVER EFEKT� === */
.k-scheduler-monthview .k-event:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25) !important;
  filter: brightness(1.1);
}

/* === GEREK�RSE ESK� PEMBEY� TAMAMEN GE�ERS�Z KIL === */
.k-scheduler-monthview .k-event[style*="#ff4757"],
.k-scheduler-monthview .k-event[style*="#ff6b81"] {
  background: linear-gradient(135deg, #009dff 0%, #0066ff 100%) !important;
}

/* === TAKV�M TOOLBAR GENEL TASARIMI === */
.k-scheduler-toolbar {
  background: linear-gradient(90deg, #007bff, #00c4ff) !important;
  border-radius: 10px !important;
  border: none !important;
  color: white !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

/* === TOOLBAR BUTONLARI BEYAZ ZEM�N, MAV� YAZI === */
.k-scheduler-toolbar .k-button,
.k-scheduler-toolbar .k-nav-today,
.k-scheduler-toolbar .k-nav-prev,
.k-scheduler-toolbar .k-nav-next {
  background: #ffffff !important;
  color: #007bff !important;
  border: none !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  transition: all 0.2s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* === HOVER'DA MAV� GRADIENT DOLDURMA === */
.k-scheduler-toolbar .k-button:hover {
  background: linear-gradient(135deg, #009dff, #0066ff) !important;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}

/* === AKT�F SE��L� BUTON (�rne�in 'G�nl�k') === */
.k-scheduler-toolbar .k-segmented-button .k-state-active,
.k-scheduler-toolbar .k-button.k-state-active {
  background: linear-gradient(135deg, #009dff, #0066ff) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 2px #ffffff33;
}

/* === GENEL BOARD ARKA PLANI === */
.k-taskboard {
  background: #f8fafc !important; /* a��k gri zemin */
  border: none !important;
  font-family: "Inter", "Segoe UI", sans-serif !important;
}

/* === KOLON (COLUMN) TASARIMI === */
.k-taskboard-column {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
  margin: 10px !important;
  border: none !important;
  transition: all 0.2s ease;
}
.k-taskboard-column:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12) !important;
}

/* === KOLON BA�LI�I === */
.k-taskboard-column-header {
  background: linear-gradient(135deg, #009dff, #0066ff) !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 10px 14px !important;
  border: none !important;
  font-size: 15px !important;
}

/* === KART (CARD) TASARIMI === */
.k-taskboard-card {
  background: #ffffffcc !important; /* yar� saydam beyaz */
  backdrop-filter: blur(6px);
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  border: none !important;
  margin: 8px !important;
  transition: all 0.2s ease;
}
.k-taskboard-card:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* === KART ��ER�K YAZILARI === */
.k-taskboard-card label {
  color: #1e293b !important; /* koyu gri */
  font-weight: 600 !important;
}
.k-taskboard-card span {
  color: #475569 !important; /* a��k gri */
  font-weight: 400 !important;
  font-size: 13px !important;
}

/* === KOLONLAR ARASINDAK� AYIRICI === */
.k-taskboard-column-cards-container {
  padding: 6px !important;
  background: transparent !important;
}

/* === SCROLLBAR YUMU�ATMA === */
.k-taskboard::-webkit-scrollbar {
  height: 8px;
}
.k-taskboard::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 10px;
}
.k-taskboard::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8;
}