@tailwind base;
@tailwind components;
@tailwind utilities;
@import "modern-css-reset";

html,
body {
  height: 100%;
}

body {
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
textarea,
select {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

.MuiDataGrid-root {
  --DataGrid-rowBorderColor: transparent !important;
  --DataGrid-cellBorderColor: transparent !important;
}

.search-icon {
  color: #91b1f5 !important;
  transition: color 0.3s !important;
}

.search-icon:hover {
  color: #1f3a8a !important;
}

.MuiDialog-paper {
  overflow-y: visible !important;
}

.activebtn {
  @apply bg-[#0086c9] text-white;
}

.row-even {
  background-color: #f5f5f7; /* Gri satır rengi */
}

.row-odd {
  background-color: #ffffff; /* Beyaz satır rengi */
}

.row-even:hover {
  background-color: #f5f5f7 !important; /* Hover sırasında arka planı kaldır */
}

.row-odd:hover {
  background-color: #ffffff !important;
}

.dark .row-even {
  background-color: #504f4f; /* Karanlık gri satır rengi */
}

.dark .row-odd {
  background-color: #1e2f4700; /* Koyu beyaz/siyahımsı satır rengi */
}

.dark .row-even:hover {
  background-color: #504f4f !important; /* Hover sırasında arka plan rengi */
}

.dark .row-odd:hover {
  background-color: #1e2f4700 !important; /* Hover sırasında arka plan rengi */
}

.dark .menu {
  background-color: #212121 !important;
}

.dark .menu .item {
  color: white !important;
}

.dark .dropdown {
  background-color: transparent !important;
  color: white !important;
}

/* Custom scrollbar styles */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db #f3f4f6;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* Dark mode scrollbar */
.dark .custom-scrollbar {
  scrollbar-color: #4b5563 #374151;
}

.dark .custom-scrollbar::-webkit-scrollbar-track {
  background: #374151;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
  background: #4b5563;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}

.ui.fluid.dropdown {
  width: 100px !important;
}

.ui.selection.dropdown {
  border-radius: 0.5rem !important;
  border-color: #e7e8ec !important;
}

.dark .ui.dropdown,
.dark .ui.selection.dropdown {
  border: 1px solid #4b5563 !important;
  box-shadow: none !important;
}

.dark .ui.dropdown .menu,
.dark .ui.selection.dropdown .menu {
  border: 1px solid #4b5563 !important;
  box-shadow: none !important;
}

/* === Menüdeki her bir item === */
.dark .ui.dropdown .menu > .item,
.dark .ui.selection.dropdown .menu > .item {
  border: 1px solid #4b5563 !important;
  box-shadow: none !important;
}

/* (Opsiyonel) Hover veya active durumunda da çerçeve istemiyorsan: */
.dark .ui.dropdown .menu > .item:hover,
.dark .ui.dropdown .menu > .item.active {
  border: 1px solid #4b5563 !important;
}
.dark .ui.selection.visible.dropdown > .text:not(.default) {
  color: white !important;
}