/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&display=swap"); */

html {
  min-height: 100%;
  background: #23262b;
}

html.dark {
  background: #23262b;
}

body {
  min-height: 100vh;
  background: transparent;
}

body.dark {
  background: transparent;
}

.layout-wrapper {
  min-height: 100vh;
}

.layout-wrapper .body-wrapper {
  min-height: 100vh;
}


.overflow-style-none::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.overflow-style-none {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
/* width */
.scroll-style-1::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.scroll-style-1::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.scroll-style-1::-webkit-scrollbar-thumb {
  background: #8e8e8e;
}

/* Handle on hover */
.scroll-style-1::-webkit-scrollbar-thumb:hover {
  background: #8e8e8e;
}

.layout-wrapper .sidebar-wrapper {
  left: -308px;
  transition: left 0.5s ease-in-out;
}
.layout-wrapper.active .sidebar-wrapper {
  left: 0;
}
.layout-wrapper .sidebar-wrapper-collapse {
  left: 0;
  transition: left 0.5s ease-in-out;
}
.layout-wrapper.active .sidebar-wrapper-collapse {
  left: -120px;
}
.layout-wrapper .body-wrapper {
  /*margin-left: 96px;*/
  transition: margin-left 0.5s ease-in-out;
}
.layout-wrapper.active .body-wrapper {
  margin-left: 208px;
}
.upgrade-wrapper .upgrade-banner {
  background-repeat: no-repeat;
  background-size: cover;
}
.layout-wrapper.active .body-wrapper .drawer-btn {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.layout-wrapper .body-wrapper .drawer-btn {
  opacity: 100;
  transition: opacity 0.5s ease-in-out;
}
.layout-wrapper.active .body-wrapper .header-wrapper {
  width: calc(100% - 308px);
  transition: width 0.5s ease-in-out;
}
.layout-wrapper .body-wrapper .header-wrapper {
  width: calc(100% - 96px);
  transition: width 0.5s ease-in-out;
}
.progess-bar .bonus-per .bonus-outer {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 100px 100px 100px 100px #e4e4e4 inset;
}
.progess-bar .bonus-per .bonus-inner {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}
.progess-bar .bonus-per svg {
  position: absolute;
  left: 0;
  top: 0;
}
.progess-bar .bonus-per svg circle {
  fill: none;
  stroke: #22c55e;
  stroke-width: 9px;
  stroke-dasharray: 215;
}
.card-slider .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.card-slider .slick-dots button {
  width: 10px;
  height: 4px;
  border-radius: 50px;
  text-indent: 1000px;
  overflow: hidden;
  background: #a0aec0;
  margin-right: 4px;
  transition: 1s all ease-in-out;
}
.card-slider .slick-dots .slick-active button {
  width: 24px;
  background: #1a202c;
}
.mini-calender-wrapper .flatpickr-calendar {
  box-shadow: none;
}
.mini-calender-wrapper
  .flatpickr-calendar
  :is(.flatpickr-time, .flatpickr-months) {
  display: none;
}
.mini-calender-wrapper
  :is(.flatpickr-calendar, .flatpickr-innerContainer, .flatpickr-rContainer, .flatpickr-days, .dayContainer) {
  width: 100%;
  min-width: 100%;
}
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer {
  padding: 26px;
  border-radius: 18px;
  background: #f7fafc;
}
.dark .flatpickr-calendar{
  background: #1D1E24;
}

.dark .mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer {
  background: #23262B;
  border-color: #2A313C;
}
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-weekdays
  .flatpickr-weekdaycontainer
  .flatpickr-weekday {
  color: #b7b7b7;
  font-weight: 600;
  font-size: 14px;
}
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-weekdays {
  margin-bottom: 5px;
}
.dark .mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day {
  color: #ffffff;
 
}
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.prevMonthDay {
  color: #b7b7b7;
  font-weight: 400;
}
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.nextMonthDay {
  color: #b7b7b7;
  font-weight: 400;
}
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.today,
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.today.selected {
  background: #22c55e;
  color: #ffffff;
  border: none;
  border-radius: 8px;
}
.mini-calender-wrapper
  .flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.selected {
  background: none;
  border: 1px solid #22c55e;
  border-radius: 8px;
}
.dark .fc-daygrid-dot-event .fc-event-title{
  color: white;
}

canvas {
  position: relative;
  z-index: 1;
}

/* Modal */
/* Hide scrollbar */
body.modal-open {
  overflow: hidden;
}

.modal {
  z-index: 9999;
}

.modal-overlay {
  z-index: -1;
}

/* Settings Tab */
.tab {
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.tab.active {
  background-color: #e2ebff;
  color: #fff;
  padding-left: 10px;

}


.dark .tab.active {
    background-color: #232934;
}

.dark .tab .tab-icon {
  background-color: #23262B;
  color: white;
}
.tab.active .tab-icon {
  background-color: #22c55e;
  color: white;
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}

/* Accordion */
.accordion-content {
  transition: max-height 0.3s ease-out, padding 0.3s ease;
}

/* Custom Quill Editor */

.custom-quill .ql-toolbar.ql-snow {
  background-color: #fafafa;
  border: 1px solid #e2e8f0;
  color: white;
  padding: 16px 24px;
  border-radius: 8px 8px 0 0;
}
.dark .custom-quill .ql-toolbar.ql-snow {
  background-color: #E2E8F0;
  border: #2A313C;
}

.custom-quill .ql-toolbar.ql-snow .ql-formats {
  color: hsl(0, 0%, 100%);
}
.ql-container.ql-snow {
  border: 1px solid #e2e8f0;
}

/* Quill Two */
.custom-quill-2 .ql-container.ql-snow {
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  border-bottom: 0;
}
.dark .custom-quill .ql-container.ql-snow {
  background-color: #1D1E24;
  border-color: #2A313C;
}
.dark .custom-quill-2 .ql-container.ql-snow {
  background-color: #1D1E24;
  border-color: #2A313C;
}

.custom-quill-2 .ql-toolbar.ql-snow {
  padding: 16px 20px;
  background: #fafafa;
  border-radius: 0 0 8px 8px;
  border: 1px solid #e2e8f0;
}
.dark .custom-quill-2 .ql-toolbar.ql-snow {
  background: #1D1E24;
  border-color: #2A313C;
}
.dark .ql-editor{
  color: white;
}
/* for calender */

.fc .fc-daygrid .fc-non-business {
  background-color: white ;
}
.dark .fc .fc-daygrid .fc-non-business {
  background-color: #23262B ;
}

.fc .fc-col-header-cell .fc-col-header-cell-cushion {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #22c55e;
}

.fc-day-sun .fc-col-header-cell-cushion,
.fc-day-sun a.fc-daygrid-day-number {
  color: #ff4747 !important;
}

.fc-day-sat,
.fc-day-sat a.fc-daygrid-day-number {
  color: #ff4747 !important;
}

.fc-button-group button.fc-dayGridMonth-button.fc-button.fc-button-primary,
.fc-button-group button.fc-timeGridWeek-button.fc-button.fc-button-primary,
.fc-button-group button.fc-timeGridDay-button.fc-button.fc-button-primary,
.fc-button-group button.fc-listMonth-button.fc-button.fc-button-primary {
  display: none !important;
}

button.fc-button.fc-button-primary.fc-next-button,
button.fc-button.fc-button-primary.fc-prev-button {
  border: 1px solid gray;
  padding: 10px 5px;
  border-radius: 5px;
  margin-right: 2px;
  outline: none;
}

.MiddletitleButton {
  display: flex;
}
.fc-toolbar-title {
  color: #1a202c ;
  font-size: 18px !important;
  font-weight: bold !important;
}
.dark .fc-toolbar-title {
  color: white;
}
.fc-header-toolbar {
  margin-bottom: 24px !important;
}
.fc td,
.fc th {
  border-style: none !important;
}
.fc-scrollgrid {
  padding-top: 20px !important ;
  border-top: 1px solid #e4f2ff !important ;
}
.dark .fc-scrollgrid {
  border-top: 1px solid #2A313C!important ;
}

.fc-scrollgrid td:last-of-type {
  border-right: none !important;
}
.fc-day:first-child > div:first-child {
  position: relative;
}
#calendar td {
  vertical-align: middle !important;
  border: 1px solid #000;
}

.fc {
  text-align: center !important;
}

.fc td {
  padding: 0;
  vertical-align: middle !important;
}

.fc-day .fc-daygrid-day-frame {
  position: relative !important;
}
.fc-day .fc-daygrid-day-frame .fc-daygrid-day-number {
  position: absolute !important;
  top: 50% !important;
  left: 0px !important;
  right: 0px !important;
  text-align: center !important;
  margin-top: -0.5em !important;
  line-height: 1em !important;
  font-weight: 500;
  font-size: 18px;
  color: #2f3032;
}
.dark .fc-day .fc-daygrid-day-frame .fc-daygrid-day-number {
  color: white;
}

.fc .fc-daygrid .fc-day-today .fc-daygrid-day-frame {
  border: 2px solid #b7ffd1 !important;
  background: none !important;
}
.fc .fc-day-today {
  background: none !important;
}
/* .fc .fc-timegrid .fc-daygrid-day{
  background: none !important;
} */
.fc .fc-timegrid .fc-timegrid-slot.fc-timegrid-slot-lane {
  border: 1px solid #cbd5e0 !important;
}
.fc .fc-non-business {
  background: none !important;
}
.fc .fc-daygrid .fc-timegrid-col {
  background: none !important;
  border: none !important;
}
.fc .fc-daygrid .fc-day-today .fc-daygrid-day-frame {
  border-radius: 6px;
}
.fc .fc-scrollgrid.fc-scrollgrid-liquid {
  border: none;
}
.fc .fc-view-harness{
  width: 100% !important;
  height: 800px !important;
}
.fc .fc-scrollgrid-sync-table{
  width: 100% !important;
  height: 100% !important;
}

.fc table.fc-col-header {
  width: 100% !important;
}
.fc .fc-daygrid-body.fc-daygrid-body-unbalanced {
  width: 100% !important;
  height: 100% !important;
}

:is(.sidebar-wrapper, .sidebar-wrapper-collapse)
  .sidebar-body
  .item-wrapper
  ul
  li.item,
:is(.sidebar-wrapper, .sidebar-wrapper-collapse)
  .sidebar-body
  .item-wrapper
  ul
  li.item
  .item-ico
  svg
  .path-1,
:is(.sidebar-wrapper, .sidebar-wrapper-collapse)
  .sidebar-body
  .item-wrapper
  ul
  li.item
  .item-ico
  svg
  .path-2 {
  transition: all 0.3s ease-in-out;
}

:is(.sidebar-wrapper, .sidebar-wrapper-collapse)
  .sidebar-body
  .item-wrapper
  ul
  li.item:hover
  .item-ico
  svg
  .path-1,
:is(.sidebar-wrapper, .sidebar-wrapper-collapse)
  .sidebar-body
  .item-wrapper
  ul
  li.item:hover {
  fill: #268bf8;
  color: #268bf8;
}
:is(.sidebar-wrapper, .sidebar-wrapper-collapse)
  .sidebar-body
  .item-wrapper
  ul
  li.item:hover
  .item-ico
  svg
  .path-2 {
  fill: #b7b8ff;
}
.sidebar-wrapper .sidebar-body .nav-wrapper ul li.item .sub-menu {
  display: none;
  animation: tabFade 1s;
}

.sidebar-wrapper .sidebar-body .nav-wrapper ul li.item .sub-menu.active {
  display: block;
  background-color: #395dff08 !important;
  border-radius: 10px;
}
@keyframes tabFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sidebar-wrapper-collapse .sidebar-body .nav-wrapper ul li.item {
  position: relative;
}

.sidebar-wrapper-collapse .sidebar-body .nav-wrapper ul li.item .sub-menu {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 10;
  display: none;
}
.sidebar-wrapper-collapse
  .sidebar-body
  .nav-wrapper
  ul
  li.item:hover
  .sub-menu {
  display: block;
}

/* TODO: ===============RESPONSIVE */
:is(.dark .sidebar-wrapper, .dark .sidebar-wrapper-collapse)
.sidebar-body
.item-wrapper
ul
li.item
.item-ico
svg
.path-1,
:is(.dark .sidebar-wrapper, .dark .sidebar-wrapper-collapse)
.sidebar-body
.item-wrapper
ul
li.item {
  fill: #FFFFFF;
  color: #FFFFFF;
}
:is(.dark .sidebar-wrapper, .dark .sidebar-wrapper-collapse)
.sidebar-body
.item-wrapper
ul
li.item:hover
.item-ico
svg
.path-1,
:is(.dark .sidebar-wrapper, .dark .sidebar-wrapper-collapse)
.sidebar-body
.item-wrapper
ul
li.item:hover {
  fill: #268bf8;
  color: #268bf8;
}
:is(.dark .sidebar-wrapper, .dark .sidebar-wrapper-collapse)
.sidebar-body
.item-wrapper
ul
li.item:hover
.item-ico
svg
.path-2 {
  fill: #268bf8;
}
@media (max-width: 1536px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 1024px) {
  .fc .fc-view-harness{
    width: 100% !important;
    height: 600px !important;
  }
  .layout-wrapper.active .sidebar-wrapper-collapse {
    left: 0;
  }
  .layout-wrapper.active .body-wrapper {
    margin-left: 0;
  }
  .layout-wrapper.active .body-wrapper .header-wrapper {
    width: calc(100% - 96px);
    transition: all 0.5s ease-in-out;
  }
}

@media (max-width: 768px) {
}

@media (max-width: 640px) {
  .fc .fc-view-harness{
    width: 100% !important;
    height: 400px !important;
  }
}
@media (max-width: 426px) {
  .layout-wrapper.active .body-wrapper {
    margin-left: 0;
  }
  .layout-wrapper.active .body-wrapper .drawer-btn {
    opacity: 1;
  }
  .layout-wrapper .body-wrapper {
    margin-left: 0;
  }
  .layout-wrapper.active .sidebar-wrapper {
    left: -308px;
  }
  .layout-wrapper .sidebar-wrapper {
    left: 0;
  }
  .layout-wrapper .sidebar-wrapper + .aside-overlay {
    left: 0;
  }
  .layout-wrapper.active .sidebar-wrapper + .aside-overlay {
    left: -100%;
  }
}

/* TODO: ===============RESPONSIVE END */

.dark .jvm-container{
  background-color: #23262B!important;
  border-color: #2A313C;
}

/* Slider  Pagination */

.trust-pagination {
  top: 150px;
}
.trust-pagination.swiper-pagination.swiper-pagination-bullets
  .swiper-pagination-bullet {
  background-color: #268bf8;
  opacity: 0.2;
  width: 12px;
  height: 12px;
  transition: all 0.4s;
}

.trust-pagination.swiper-pagination.swiper-pagination-bullets
  .swiper-pagination-bullet-active {
  background-color: #268bf8;
  opacity: 1;
  width: 14px;
  height: 14px;
}

/* slide active  */
.swiper-slide-active > div {
  border-radius: 12px;
  border: 1px solid var(--stock-color, #cbcbcb);
  background: var(--white-v-1, #fff);
  border-bottom: 7px solid #268bf8;
}

.swiper-slide-next > div {
  border-bottom: 7px solid #facc15;
}

.moving-element > img:nth-child(1) {
  animation: linear 20s animationFramesOne infinite;
}
.moving-element > img:nth-child(2) {
  animation: linear 20s animationFramesTwo infinite;
}
.moving-element > img:nth-child(3) {
  animation: linear 25s animationFramesThree infinite;
}
.moving-element > img:nth-child(4) {
  animation: linear 25s animationFramesFour infinite;
}
.moving-element > img:nth-child(5) {
  animation: linear 25s animationFramesFive infinite;
}
.moving-element > img:nth-child(6) {
  animation: linear 20s animationFramesTwo infinite;
}
.moving-element > img:nth-child(7) {
  animation: linear 25s animationFramesFour infinite;
}
.moving-element > img:nth-child(8) {
  animation: linear 20s animationFramesOne infinite;
}
.moving-element > img:nth-child(9) {
  animation: linear 25s animationFramesThree infinite;
}
.moving-element > img:nth-child(10) {
  animation: linear 25s animationFramesFive infinite;
}
.moving-element > img:nth-child(11) {
  animation: linear 25s animationFramesTwo infinite;
}
.moving-element > img:nth-child(12) {
  animation: linear 20s animationFramesOne infinite;
}
.moving-element > img:nth-child(13) {
  animation: linear 25s animationFramesFive infinite;
}
.moving-element > img:nth-child(14) {
  animation: linear 25s animationFramesFour infinite;
}
.moving-element > img:nth-child(15) {
  animation: linear 20s animationFramesOne infinite;
}
.moving-element > img:nth-child(16) {
  animation: linear 25s animationFramesFive infinite;
}
.moving-element > img:nth-child(17) {
  animation: linear 25s animationFramesThree infinite;
}
.moving-element > img:nth-child(18) {
  animation: linear 20s animationFramesTwo infinite;
}
.moving-element > img:nth-child(19) {
  animation: linear 25s animationFramesFour infinite;
}
.moving-element > img:nth-child(20) {
  animation: linear 20s animationFramesTwo infinite;
}
.moving-element > img:nth-child(21) {
  animation: linear 20s animationFramesOne infinite;
}

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesTwo {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@keyframes animationFramesThree {
  0% {
    transform: translate(165px, -179px);
    opacity: 1;
  }
  96% {
    opacity: 1;
  }
  100% {
    transform: translate(-346px, 617px);
    opacity: 0;
  }
}

@keyframes animationFramesFour {
  0% {
    transform: translate(-300px, 151px) rotate(0deg);
    opacity: 1;
  }

  96% {
    opacity: 1;
  }
  100% {
    transform: translate(251px, -200px) rotate(180deg);
    opacity: 0;
  }
}

@keyframes animationFramesFive {
  0% {
    transform: translate(61px, -99px) rotate(0deg);
  }
  21% {
    transform: translate(4px, -190px) rotate(38deg);
  }
  41% {
    transform: translate(-139px, -200px) rotate(74deg);
  }
  60% {
    transform: translate(-263px, -164px) rotate(108deg);
  }
  80% {
    transform: translate(-195px, -49px) rotate(144deg);
  }
  100% {
    transform: translate(-1px, 0px) rotate(180deg);
  }
}

@media (max-width: 1280px) {
  .overFlowHidden {
    overflow: hidden !important;
  }
}










/* ==============================
   SETUAY LIGHT THEME - CLEAN
   Sadece açık tema
================================= */

html:not(.dark) {
  background: #f6f8fb !important;
}

:root:not(.dark) {
  --light-page: #f6f8fb;
  --light-sidebar: #ffffff;
  --light-header: #ffffff;
  --light-card: #ffffff;
  --light-card-soft: #f9fafb;
  --light-border: #e6eaf0;
  --light-text: #111827;
  --light-muted: #64748b;
  --light-primary: #268bf8;
  --light-primary-dark: #1e70c1;
  --light-table-dark: #1f232b;
}

/* Genel arka plan */
:root:not(.dark) body {
  background: var(--light-page) !important;
  color: var(--light-text);
}

/* Ana alan */
:root:not(.dark) .body-wrapper {
  background:
    radial-gradient(circle at top center, rgba(34, 197, 94, 0.08), transparent 28%),
    linear-gradient(180deg, #f7fbf8 0%, #f6f8fb 45%, #f6f8fb 100%) !important;
}

/* Header */
:root:not(.dark) .header-wrapper > div,
:root:not(.dark) .mobile-wrapper > div {
  background: var(--light-header) !important;
  border-bottom: 1px solid var(--light-border);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

/* Sidebar */
:root:not(.dark) .sidebar-wrapper,
:root:not(.dark) .sidebar-wrapper-collapse,
:root:not(.dark) .sidebar-header {
  background: var(--light-sidebar) !important;
  border-color: var(--light-border) !important;
}

:root:not(.dark) .sidebar-body {
  background: var(--light-sidebar);
}

/* Kartlar */
:root:not(.dark) main .rounded-lg.bg-white,
:root:not(.dark) main .bg-white,
:root:not(.dark) #notification-box,
:root:not(.dark) #store-box,
:root:not(.dark) .profile-box {
  background: var(--light-card) !important;
  border: 1px solid var(--light-border);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07) !important;
}

/* Kart hover */
:root:not(.dark) main .rounded-lg {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

:root:not(.dark) main .rounded-lg:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.09) !important;
}

/* Yazılar */
:root:not(.dark) .text-bgray-900,
:root:not(.dark) .text-bgray-800 {
  color: var(--light-text) !important;
}

:root:not(.dark) .text-bgray-700,
:root:not(.dark) .text-bgray-600,
:root:not(.dark) .text-bgray-500,
:root:not(.dark) .text-bgray-50 {
  color: var(--light-muted) !important;
}

/* Başlıklar daha net */
:root:not(.dark) h1,
:root:not(.dark) h2,
:root:not(.dark) h3,
:root:not(.dark) h4 {
  color: var(--light-text);
}

/* Menü */
:root:not(.dark) .sidebar-body .item {
  color: #111827 !important;
}

:root:not(.dark) .sidebar-body .item:hover,
:root:not(.dark) .sidebar-body .item:hover .item-text {
  color: var(--light-primary-dark) !important;
}

:root:not(.dark) .sub-menu {
  background: #ffffff !important;
}

:root:not(.dark) .sub-menu a {
  color: #475569 !important;
}

:root:not(.dark) .sub-menu a:hover {
  color: var(--light-primary-dark) !important;
}

/* SVG ikonlar */
:root:not(.dark) .path-1 {
  fill: #111827 !important;
}

:root:not(.dark) .path-2 {
  fill: var(--light-primary) !important;
}

/* Üst butonlar */
:root:not(.dark) #theme-toggle,
:root:not(.dark) #notification-btn {
  background: #ffffff !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
  box-shadow: 0 8px 18px rgba(34, 197, 94, 0.08);
}

/* Filtre alanı siyah kalabilir ama daha şık */
:root:not(.dark) main .bg-darkblack-600,
:root:not(.dark) main .bg-darkblack-500,
:root:not(.dark) main .bg-black {
  background: #1f232b !important;
}

/* Inputlar */
:root:not(.dark) input,
:root:not(.dark) select,
:root:not(.dark) textarea {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #fff !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
  border-radius: 9px;
}

:root:not(.dark) input::placeholder,
:root:not(.dark) textarea::placeholder {
  color: #94a3b8 !important;
}

/* Tablo açık temada daha temiz */
:root:not(.dark) table {
  background: #ffffff !important;
}

:root:not(.dark) thead,
:root:not(.dark) table thead tr {
  background: #ffffff !important;
}



:root:not(.dark) tbody tr td {
  color: #ffffff !important;
}

:root:not(.dark) tbody tr .text-bgray-900,
:root:not(.dark) tbody tr .text-bgray-600,
:root:not(.dark) tbody tr .text-bgray-50 {
  color: #ffffff !important;
}

/* Borderlar */
:root:not(.dark) .border-b,
:root:not(.dark) .border-r,
:root:not(.dark) .border-l,
:root:not(.dark) .border {
  border-color: var(--light-border) !important;
}

/* Sağ panel slider noktaları */
:root:not(.dark) .card-slider .slick-dots button {
  background: #cbd5e1;
}

:root:not(.dark) .card-slider .slick-dots .slick-active button {
  background: #111827;
}

/* Upgrade kartı */
:root:not(.dark) .upgrade-banner {
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
}

/* Smooth */
:root:not(.dark) * {
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}





/* ==============================
   LIGHT THEME FIX - MARKED AREAS
================================= */

/* 1) Sol alttaki Süt Sağım Robotu kartı */
:root:not(.dark) .upgrade-banner {
  background-image: none !important;
  background: linear-gradient(135deg, #f1f3f8  0%, #f1f3f8  100%) !important;
  border: 1px solid #bbf7d0;
  box-shadow: 0 16px 35px rgba(22, 163, 74, 0.12);
}

:root:not(.dark) .upgrade-banner h1 {
  color: #064e3b !important;
}

:root:not(.dark) .upgrade-banner p {
  color: #475569 !important;
  opacity: 1 !important;
}

/* 2) Orta tablo açık tema */
:root:not(.dark) table {
  background: #ffffff !important;
}

:root:not(.dark) table thead,
:root:not(.dark) table thead tr,
:root:not(.dark) table thead th {
  background: #f8fafc !important;
  color: #334155 !important;
}

:root:not(.dark) table tbody tr {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

:root:not(.dark) table tbody td {
  color: #0f172a !important;
}

:root:not(.dark) table tbody tr:hover {
  background: #f0fdf4 !important;
}

/* Hayvan no kutusu */
:root:not(.dark) table tbody td span,
:root:not(.dark) table tbody td div {
  color: inherit;
}

/* Süt miktarı badge */
:root:not(.dark) table .bg-darkblack-500,
:root:not(.dark) table .bg-darkblack-600,
:root:not(.dark) table .bg-bgray-900 {
  background: #eef2ff !important;
  color: #1e3a8a !important;
}

/* Başarılı butonu aynı kalsın */
:root:not(.dark) table .bg-success-300,
:root:not(.dark) table .bg-success-400 {
  background: #16a34a !important;
  color: #ffffff !important;
}


:root:not(.dark) .right-sidebar h3,
:root:not(.dark) .right-sidebar h4,
:root:not(.dark) .right-sidebar p,
:root:not(.dark) .right-sidebar span {
  color: #0f172a !important;
}

/* Sağım durumu içindeki renkli açıklama satırları */
:root:not(.dark) .right-sidebar .bg-error-50,
:root:not(.dark) .right-sidebar .bg-warning-50,
:root:not(.dark) .right-sidebar .bg-success-50 {
  opacity: 1 !important;
}

/* Daha genel: sağdaki kart metinleri soluk kalmasın */
:root:not(.dark) main aside .text-bgray-50,
:root:not(.dark) main aside .text-bgray-500,
:root:not(.dark) main aside .text-bgray-600,
:root:not(.dark) main aside .text-bgray-700,
:root:not(.dark) main aside .text-white {
  color: #334155 !important;
}

:root:not(.dark) main aside h3,
:root:not(.dark) main aside h4 {
  color: #0f172a !important;
}

/* Açık tema - Tarih seç butonu/input düzeltme */
:root:not(.dark) #dateRangeToggle,
:root:not(.dark) .dashboard-filter-button,
:root:not(.dark) .dashboard-filter-input,
:root:not(.dark) .dashboard-filter-select {
  background: #ffffff !important;
  color: #64748b !important;
  border: 1px solid #dbe2ea !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

/* İçindeki ikon ve yazılar */
:root:not(.dark) #dateRangeToggle *,
:root:not(.dark) .dashboard-filter-button * {
  color: #64748b !important;
  stroke: #64748b !important;
}

/* Hover */
:root:not(.dark) #dateRangeToggle:hover,
:root:not(.dark) .dashboard-filter-button:hover {
  border-color: #22c55e !important;
  box-shadow: 0 10px 24px rgba(34, 197, 94, 0.12);
}

/* Açık tema - tablo dış container düzeltme */
:root:not(.dark) .dashboard-table-wrap {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

/* Açık tema - Başarılı buton yazısı beyaz */
:root:not(.dark) .status-badge-success {
  color: #ffffff !important;
}

:root:not(.dark) .status-badge-success * {
  color: #ffffff !important;
}



/* ==============================
   LIGHT THEME - SAĞIM LEGEND
================================= */

:root:not(.dark) .milking-status-legend {
  display: grid !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

/* Tüm legend satırları */
:root:not(.dark) .milking-status-legend > div {
  min-height: 52px;
  border-radius: 16px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}

/* 1. satır - Geciken 
:root:not(.dark) .milking-status-legend > div:nth-child(1) {
  background: linear-gradient(90deg, #fff1f2 0%, #ffffff 100%) !important;
  border-color: #fecdd3 !important;
} 

:root:not(.dark) .milking-status-legend > div:nth-child(1) * {
  color: #e11d48 !important;
}  

/* 2. satır - Sağımı Gelen 
:root:not(.dark) .milking-status-legend > div:nth-child(2) {
  background: linear-gradient(90deg, #fffbeb 0%, #ffffff 100%) !important;
  border-color: #fde68a !important;
}

:root:not(.dark) .milking-status-legend > div:nth-child(2) * {
  color: #d97706 !important;
}

/* 3. satır - Normal 
:root:not(.dark) .milking-status-legend > div:nth-child(3) {
  background: linear-gradient(90deg, #ecfdf5 0%, #ffffff 100%) !important;
  border-color: #bbf7d0 !important;
}

:root:not(.dark) .milking-status-legend > div:nth-child(3) * {
  color: #16a34a !important;
}

*/

/* Noktalar */
:root:not(.dark) .milking-status-legend > div::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex-shrink: 0;
}

:root:not(.dark) .milking-status-legend > div:nth-child(1)::before {
  background: #ffffff;
}

:root:not(.dark) .milking-status-legend > div:nth-child(2)::before {
  background: #fffffe;
}

:root:not(.dark) .milking-status-legend > div:nth-child(3)::before {
  background: #ffffff;
}

/* Eğer HTML içinde zaten nokta varsa çakışmasın diye */
:root:not(.dark) .milking-status-legend > div span:first-child {
  display: none !important;
}



.dark h3.text-xl.font-bold {
  color: #ffffff !important;
  padding-left: 16px !important;
  position: relative !important;
}

.dark .sagim_durumu::before {
  content: "";
  position: absolute;
  left: 0;
  top: 90%;
  width: 5px;
  height: 52px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: #22c55e;
}





/* ==============================
   UNIVERSAL PREMIUM HEADER
   (LIGHT + DARK)
================================= */

/* Başlık */
h3.text-xl.font-bold {
  position: relative;
  padding-left: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px;
}

/* Açık tema */
:root:not(.dark) h3.text-xl.font-bold {
  color: #0f172a !important;
}

/* Koyu tema */
.dark h3.text-xl.font-bold {
  color: #ffffff !important;
}

/* Sol accent bar (iki tema ortak) */
.sagim_durumu::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 70%;
  border-radius: 999px;
  background: linear-gradient(180deg, #22c55e, #16a34a);
}

/* Alt açıklama */
h3.text-xl.font-bold + p {
  margin-top: 4px;
  padding-left: 18px;
  font-size: 13px;
}

/* Açık tema açıklama */
:root:not(.dark) h3.text-xl.font-bold + p {
  color: #64748b !important;
}

/* Koyu tema açıklama */
.dark h3.text-xl.font-bold + p {
  color: #94a3b8 !important;
}

/* Header alt çizgi */
h3.text-xl.font-bold::after {
  
  position: absolute;
  left: 18px;
  bottom: -12px;
  width: 60%;
  height: 1px;
}

/* Açık tema çizgi */
:root:not(.dark) h3.text-xl.font-bold::after {
  background: linear-gradient(90deg, #e5e7eb, transparent);
}

/* Koyu tema çizgi */
.dark h3.text-xl.font-bold::after {
  background: linear-gradient(90deg, rgba(255,255,255,0.12), transparent);
}


/* ==============================
   PREMIUM SECTION HEADER (PRO)
================================= */

/* Container (başlık alanı) */
.section-header {
  position: relative;
  padding: 16px 18px 14px 18px;
  border-radius: 7px;
  overflow: hidden;
}

/* Açık tema arka plan */
:root:not(.dark) .section-header {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e5e7eb;
}

/* Koyu tema arka plan */
.dark .section-header {
  background: linear-gradient(180deg, #1f232b 0%, #181b21 100%);
  border: 1px solid rgba(255,255,255,0.06);
}

/* Glow layer */
.section-header::after {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at left, rgba(34,197,94,0.15), transparent 40%);
  opacity: 0.7;
  pointer-events: none;
}

/* Başlık */
.section-header h3 {
  position: relative;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.4px;
  margin: 0;
  padding-left: 20px;
}

/* Light */
:root:not(.dark) .section-header h3 {
  color: #0f172a;
}

/* Dark */
.dark .section-header h3 {
  color: #ffffff;
}

/* Gradient accent bar */
.section-header h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 75%;
  border-radius: 999px;
  background: linear-gradient(180deg, #22c55e, #4ade80);
}

/* Subtitle */
.section-header p {
  margin: 4px 0 0 0;
  padding-left: 20px;
  font-size: 13px;
}

/* Light */
:root:not(.dark) .section-header p {
  color: #64748b;
}

/* Dark */
.dark .section-header p {
  color: #94a3b8;
}



/* Light */
:root:not(.dark) .section-header::before {
  background: linear-gradient(90deg, #e5e7eb, transparent);
}

/* Dark */
.dark .section-header::before {
  background: linear-gradient(90deg, rgba(255,255,255,0.1), transparent);
}



/* ==============================
   MOBILE LIGHT THEME FIX
================================= */

@media (max-width: 767px) {
  :root:not(.dark) .mobile-filter-toggle-btn {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
  }

  :root:not(.dark) .mobile-filter-toggle-btn * {
    color: #0f172a !important;
  }

  :root:not(.dark) .milk-mobile-card {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
  }

  :root:not(.dark) .milk-mobile-row {
    color: #0f172a !important;
  }

  :root:not(.dark) .milk-mobile-row span {
    color: #64748b !important;
  }

  :root:not(.dark) .milk-mobile-row strong {
    color: #0f172a !important;
  }

  .milk-mobile-detail-trigger {
    color: #16a34a !important;
    font-weight: 800;
  }

  :root:not(.dark) .milk-mobile-toggle {
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1px solid #e5e7eb !important;
  }

  :root:not(.dark) .milk-mobile-toggle.is-open {
    background: #ecfdf5 !important;
    color: #16a34a !important;
  }

  :root:not(.dark) .milk-mobile-detail {
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
  }

  :root:not(.dark) .milk-mobile-total-box,
  :root:not(.dark) .milk-mobile-quarter {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
  }

  :root:not(.dark) .milk-mobile-total-box span,
  :root:not(.dark) .milk-mobile-quarter span {
    color: #64748b !important;
  }

  :root:not(.dark) .milk-mobile-total-box strong,
  :root:not(.dark) .milk-mobile-quarter strong {
    color: #0f172a !important;
  }

  :root:not(.dark) .milk-mobile-card .status-badge-success {
    background: #16a34a !important;
    color: #ffffff !important;
  }

  :root:not(.dark) .milk-mobile-card .status-badge-success * {
    color: #ffffff !important;
  }
}

/* Başarısız badge yazısı */
:root:not(.dark) .status-badge-failed,
:root:not(.dark) .status-badge-failed * {
  color: #ffffff !important;
}







#mobile-theme-toggle {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  padding: 0 !important;
  margin-right: 8px !important;

  background: #ffffff !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 14px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

#mobile-theme-toggle svg {
  width: 22px !important;
  height: 22px !important;
}

#mobile-theme-toggle svg,
#mobile-theme-toggle svg path,
#mobile-theme-toggle svg circle {
  stroke: #111827 !important;
}

/* DARK MODE */
.dark #mobile-theme-toggle {
  background: #111827 !important;
  border-color: #2f3747 !important;
  box-shadow: none !important;
}

.dark #mobile-theme-toggle svg,
.dark #mobile-theme-toggle svg path,
.dark #mobile-theme-toggle svg circle {
  stroke: #ffffff !important;
}


.setuay-news-card {
  width: 100%;
  min-height: auto;
  padding: 28px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.setuay-news-header {
  text-align: center;
  margin-bottom: 22px;
}

.setuay-news-badge {
  display: block;
  width: 44px;
  height: 5px;
  margin: 0 auto 14px;
  border-radius: 999px;
  background: #22c55e;
}

.setuay-news-header h3 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  color: #111827;
  margin: 0;
}

.setuay-news-header p {
  margin-top: 8px;
  font-size: 14px;
  color: #64748b;
}

.setuay-news-slider {
  max-width: 560px;
  margin: 0 auto;
}

.setuay-news-slider img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 16px 35px rgba(15, 23, 42, 0.12);
}

/* Slick dots */
.setuay-news-card .slick-dots {
  margin-top: 18px;
  display: flex !important;
  justify-content: center;
  gap: 8px;
}

.setuay-news-card .slick-dots li button {
  font-size: 0;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #cbd5e1;
}

.setuay-news-card .slick-dots li.slick-active button {
  width: 28px;
  background: #22c55e;
}

/* Dark mode */
.dark .setuay-news-card {
  background: #0f1623;
  border: 1px solid rgba(255,255,255,0.07);
}

.dark .setuay-news-header h3 {
  color: #ffffff;
}

.dark .setuay-news-header p {
  color: #94a3b8;
}


.setuay-section-header {
  text-align: center;
  padding: 26px 20px 22px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.setuay-section-badge {
  display: block;
  width: 44px;
  height: 5px;
  margin: 0 auto 14px;
  border-radius: 999px;
  background: #22c55e;
}

.setuay-section-header h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  color: #111827;
}

.setuay-section-header p {
  margin-top: 8px;
  font-size: 14px;
  color: #64748b;
}

/* Sağım Durumu kartı */
.dark .sagim-durum-card {
  background: #0f1623;
  border: 1px solid rgba(255,255,255,0.07);
}
:root:not(.dark) .sagim-durum-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.dark .setuay-section-header h3 {
  color: #ffffff;
}

.dark .setuay-section-header p {
  color: #94a3b8;
}

#totalEarn,
#totalSpending,
#totalGoal {
  width: 120px !important;
  height: 54px !important;
}



/* LIGHT THEME - SOFT PREMIUM */
:root:not(.dark) .body-wrapper {
  background:
    radial-gradient(circle at top center, rgba(34,197,94,0.12), transparent 34%),
    linear-gradient(180deg, #f3faf6 0%, #f6f8fb 42%, #eef2f7 100%) !important;
}

/* Ana kartlar */
:root:not(.dark) main .rounded-lg.bg-white,
:root:not(.dark) .setuay-news-card,
:root:not(.dark) .dashboard-table-wrap {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%) !important;
  border: 1px solid #dfe7e3 !important;
  box-shadow:
    0 18px 45px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

/* Üst 3 istatistik kartını biraz daha belirgin yap */
:root:not(.dark) main .grid > .rounded-lg.bg-white {
  border-color: #d9e8df !important;
  box-shadow:
    0 16px 36px rgba(15, 23, 42, 0.09),
    0 0 0 1px rgba(34,197,94,0.04) !important;
}

/* Tablo container çok beyaz kalmasın */
:root:not(.dark) .dashboard-table-wrap,
:root:not(.dark) main .bg-white:has(table) {
  background: #ffffff !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.10) !important;
}

/* Filter bar daha floating olsun */
:root:not(.dark) #dashboardFilterPanel,
:root:not(.dark) .dashboard-filter-panel {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12) !important;
  border-radius: 18px !important;
}

/* Sağ kartlar daha temiz */
:root:not(.dark) .setuay-news-card,
:root:not(.dark) .setuay-section-card {
  border-radius: 20px !important;
}

/* Hover abartısız */
:root:not(.dark) main .rounded-lg:hover,
:root:not(.dark) .setuay-news-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12) !important;
}






/* HEADER + SIDEBAR FINAL PREMIUM */

:root:not(.dark) .header-wrapper > div,
:root:not(.dark) .sidebar-wrapper,
:root:not(.dark) .sidebar-wrapper-collapse,
:root:not(.dark) .sidebar-header,
:root:not(.dark) .sidebar-body {
  background: linear-gradient(290deg, #f1f3f6 0%, #eefdf4 100%) !important;
  border-color: #f1f3f6 !important;
}

/* Header */
:root:not(.dark) .header-wrapper > div {
  border-bottom: 1px solid #dfe9e4 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035) !important;
}

/* Sidebar */
:root:not(.dark) .sidebar-wrapper,
:root:not(.dark) .sidebar-wrapper-collapse {
  border-right: 1px solid #dfe9e4 !important;
  box-shadow: 8px 0 28px rgba(15, 23, 42, 0.035) !important;
}

/* Logo alanı */
:root:not(.dark) .sidebar-header {
  border-bottom: 1px solid #dfe9e4 !important;
}

/* Menü hover */
:root:not(.dark) .sidebar-body .item {
  border-radius: 12px;
  padding-left: 8px;
  padding-right: 8px;
}

:root:not(.dark) .sidebar-body .item:hover {
  background: rgba(34, 86, 197, 0.07) !important;
}

/* Promo kart */
:root:not(.dark) .upgrade-banner {
  background: linear-gradient(180deg, #f1f4f6 0%, #d1e0ff 100%) !important;
  border: 1px solid #cdeedd !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045) !important;
}



/* ==============================
   LIGHT THEME - WEB MILK DETAIL FIX
================================= */

:root:not(.dark) .milk-detail-box,
:root:not(.dark) .milk-detail-row,
:root:not(.dark) .milk-detail-content {
  background: #f8fafc !important;
  border: 1px solid #e5eaf0 !important;
  color: #0f172a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

/* Detay içindeki süt bölmeleri */
:root:not(.dark) .milk-detail-box .bg-darkblack-500,
:root:not(.dark) .milk-detail-box .bg-darkblack-600,
:root:not(.dark) .milk-detail-box .bg-bgray-900,
:root:not(.dark) .milk-detail-box .bg-black {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e5eaf0 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045) !important;
}

/* Detay içindeki yazılar */
:root:not(.dark) .milk-detail-box *,
:root:not(.dark) .milk-detail-row *,
:root:not(.dark) .milk-detail-content * {
  color: #0f172a !important;
}

/* Başlık / label olan küçük yazılar */
:root:not(.dark) .milk-detail-box span,
:root:not(.dark) .milk-detail-box p,
:root:not(.dark) .milk-detail-box small {
  color: #64748b !important;
}

/* Değerler */
:root:not(.dark) .milk-detail-box strong,
:root:not(.dark) .milk-detail-box b {
  color: #0f172a !important;
}

/* Eğer detay satırı table içinde td olarak açılıyorsa */
:root:not(.dark) tr.milk-detail-row td,
:root:not(.dark) td .milk-detail-box {
  background: #f8fafc !important;
  color: #0f172a !important;
}

/* LIGHT THEME - MILK DETAIL CARD FINAL FIX */

:root:not(.dark) .milk-detail-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e5eaf0 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045) !important;
}

:root:not(.dark) .milk-detail-card * {
  color: #0f172a !important;
}

:root:not(.dark) .milk-detail-card span,
:root:not(.dark) .milk-detail-card p {
  color: #64748b !important;
}

:root:not(.dark) .milk-detail-card strong,
:root:not(.dark) .milk-detail-card b {
  color: #0f172a !important;
}


/* LIGHT THEME FIX - Süt Değerleri */
html:not(.dark) #summaryOuterCard {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.08) !important;
}

html:not(.dark) #summaryInnerCard {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 1px 0 #ffffff !important;
}

html:not(.dark) #summaryTitle {
  color: #ffffff !important;
  background-color: #3565ff !important;
  border-color: #3565ff !important;
}

html:not(.dark) #summaryTotalMilk {
  color: #0f172a !important;
  text-shadow: none !important;
}

html:not(.dark) #summaryTotalUnit,
html:not(.dark) span#summaryLastDate {
  color: #64748b !important;
}

html:not(.dark) .summary-month-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #2563eb !important;
}

html:not(.dark) .summary-month-btn:hover {
  background: #eff6ff !important;
}

html:not(.dark) .selected-rfid-card {
  background:
    linear-gradient(180deg, rgba(34, 197, 94, 0.12), rgba(34, 197, 94, 0.04)),
    #ffffff !important;
  border-color: rgba(34, 197, 94, 0.45) !important;
}

html:not(.dark) .selected-rfid-label {
  color: #64748b !important;
}

html:not(.dark) .selected-rfid-value {
  color: #0f172a !important;
}

html:not(.dark) .animal-switch-btn {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
}

html:not(.dark) .animal-switch-btn:hover {
  background: #f1f5f9 !important;
}

html:not(.dark) .animal-switch-btn.active {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  border-color: #22c55e !important;
  color: #ffffff !important;
}

/* Chart legend light */
html:not(.dark) #milkChartLegend .legend-toggle {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
}

html:not(.dark) #milkChartLegend .legend-toggle:hover {
  background: #f8fafc !important;
}

/* Date panel light */
html:not(.dark) #chartDateFilterPanel input[type="date"] {
  color-scheme: light;
}

html:not(.dark) .baslangic,
html:not(.dark) .bitis {
  color: #334155 !important;
}

/* Modal light */
html:not(.dark) #animalModalPanel {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: #e2e8f0 !important;
}

html:not(.dark) #animalModalPanel h3 {
  color: #0f172a !important;
}

html:not(.dark) #animalModalPanel p,
html:not(.dark) .animal-last-record {
  color: #64748b !important;
}

html:not(.dark) #animalModalSearch {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

html:not(.dark) .animal-select-list,
html:not(.dark) .animal-select-item {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

html:not(.dark) .animal-select-item .text-white {
  color: #0f172a !important;
}

html:not(.dark) .animal-select-item:hover {
  background: #f8fafc !important;
}


/* LIGHT MODE - page loader */
html:not(.dark) {
  --loader-bg: #f8fafc;
  --loader-surface: #ffffff;
  --loader-surface-2: #f1f5f9;
  --loader-border: rgba(15, 23, 42, 0.10);
  --loader-text: #111827;
  --loader-text-soft: #475569;
  --skeleton-base: rgba(15, 23, 42, 0.06);
  --skeleton-shine: rgba(15, 23, 42, 0.12);
}

html:not(.dark) .setuay-page-loader {
  background:
    radial-gradient(circle at top right, rgba(34,197,94,0.12), transparent 28%),
    radial-gradient(circle at bottom left, rgba(34,197,94,0.08), transparent 24%),
    linear-gradient(180deg, #f8fafc 0%, #eefdf5 100%) !important;
}

html:not(.dark) .setuay-loader-panel,
html:not(.dark) .setuay-skeleton-card,
html:not(.dark) .setuay-skeleton-panel,
html:not(.dark) .setuay-ring-skeleton {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.10) !important;
}

html:not(.dark) .setuay-loader-brand h2,
html:not(.dark) .setuay-loader-status strong {
  color: #111827 !important;
}

html:not(.dark) .setuay-loader-brand p,
html:not(.dark) .setuay-loader-status span,
html:not(.dark) .setuay-loader-footer {
  color: #475569 !important;
}


/* Hayvan Ayır - liste okunabilirlik fix */

/* LIGHT */
html:not(.dark) .list-panel-title,
body.theme-light .list-panel-title {
  color: #111827 !important;
}

html:not(.dark) .list-panel-title-line,
body.theme-light .list-panel-title-line {
  background: linear-gradient(90deg, transparent, #268bf8, transparent) !important;
  opacity: 1 !important;
}

html:not(.dark) #listContainer .group,
body.theme-light #listContainer .group {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  opacity: 1 !important;
}

html:not(.dark) .rfid-badge,
body.theme-light .rfid-badge {
  background: #dcfce7 !important;
  color: #15803d !important;
  border-color: #22c55e !important;
  opacity: 1 !important;
}

html:not(.dark) .undo-btn,
body.theme-light .undo-btn {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border-color: #268bf8 !important;
  opacity: 1 !important;
}

html:not(.dark) #listContainer p,
html:not(.dark) #listContainer span,
html:not(.dark) #listContainer button,
body.theme-light #listContainer p,
body.theme-light #listContainer span,
body.theme-light #listContainer button {
  opacity: 1 !important;
}

/* DARK */
.dark .list-panel-title,
body.theme-dark .list-panel-title {
  color: #ffffff !important;
}

.dark .rfid-badge,
body.theme-dark .rfid-badge {
  background: linear-gradient(180deg, #22c55e40, #22c55e0f) !important;
  color: #dbeafe !important;
  border-color: #22c55e !important;
  opacity: 1 !important;
}

.dark .undo-btn,
body.theme-dark .undo-btn {
  background: linear-gradient(180deg, rgba(38,139,248,.22), rgba(38,139,248,.07)) !important;
  color: #dbeafe !important;
  border-color: #268bf8 !important;
  opacity: 1 !important;
}

/* Süt Miktarı - açık tema filter bar fix */
html:not(.dark) .filter-bar-sut,
body.theme-light .filter-bar-sut {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
}

html:not(.dark) .filter-control-sut,
html:not(.dark) .filter-control-sut--button,
body.theme-light .filter-control-sut,
body.theme-light .filter-control-sut--button {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #d1d5db !important;
}

html:not(.dark) .filter-control-sut::placeholder,
body.theme-light .filter-control-sut::placeholder {
  color: #94a3b8 !important;
}

html:not(.dark) .filter-date-icon,
body.theme-light .filter-date-icon {
  color: #64748b !important;
}

html:not(.dark) #robotNo,
html:not(.dark) #durum,
body.theme-light #robotNo,
body.theme-light #durum {
  color-scheme: light !important;
}

html:not(.dark) #robotNo option,
html:not(.dark) #durum option,
body.theme-light #robotNo option,
body.theme-light #durum option {
  background: #ffffff !important;
  color: #111827 !important;
}

html:not(.dark) .export-excel-btn-sut,
body.theme-light .export-excel-btn-sut {
  background: #dcfce7 !important;
  color: #16a34a !important;
  border-color: #86efac !important;
  box-shadow: none !important;
}


/* Süt Miktarı - açık tema detay alanı */
html:not(.dark) .milking-inline-detail,
body.theme-light .milking-inline-detail {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
}

html:not(.dark) .udder-detail-card,
body.theme-light .udder-detail-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

html:not(.dark) .udder-detail-card__label,
body.theme-light .udder-detail-card__label {
  color: #64748b !important;
  opacity: 1 !important;
}

html:not(.dark) .udder-detail-card__value,
body.theme-light .udder-detail-card__value {
  color: #111827 !important;
  opacity: 1 !important;
}

/* Sorunlu kartlar açık temada da okunur kalsın */
html:not(.dark) .udder-detail-card--milk,
body.theme-light .udder-detail-card--milk {
  background: #fff7ed !important;
  border-color: #fdba74 !important;
}

html:not(.dark) .udder-detail-card--bad,
body.theme-light .udder-detail-card--bad {
  background: #fef2f2 !important;
  border-color: #fca5a5 !important;
}

html:not(.dark) .udder-detail-card--milk .udder-detail-card__label,
html:not(.dark) .udder-detail-card--bad .udder-detail-card__label,
body.theme-light .udder-detail-card--milk .udder-detail-card__label,
body.theme-light .udder-detail-card--bad .udder-detail-card__label {
  color: #7c2d12 !important;
}

html:not(.dark) .udder-detail-card--bad .udder-detail-card__label,
body.theme-light .udder-detail-card--bad .udder-detail-card__label {
  color: #991b1b !important;
}


/* Süt Miktarı - açık tema ana satır okunurluk */
html:not(.dark) #sutTable tbody tr.sut-main-row td,
body.theme-light #sutTable tbody tr.sut-main-row td {
  background: #ffffff !important;
  color: #111827 !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

html:not(.dark) #sutTable tbody tr.sut-main-row td:first-child,
body.theme-light #sutTable tbody tr.sut-main-row td:first-child {
  border-left: 1px solid #e5e7eb !important;
}

html:not(.dark) #sutTable tbody tr.sut-main-row td:last-child,
body.theme-light #sutTable tbody tr.sut-main-row td:last-child {
  border-right: 1px solid #e5e7eb !important;
}

html:not(.dark) #sutTable tbody tr.sut-main-row p,
html:not(.dark) #sutTable tbody tr.sut-main-row span,
html:not(.dark) #sutTable tbody tr.sut-main-row strong,
body.theme-light #sutTable tbody tr.sut-main-row p,
body.theme-light #sutTable tbody tr.sut-main-row span,
body.theme-light #sutTable tbody tr.sut-main-row strong {
  color: #111827 !important;
  opacity: 1 !important;
}

/* Hayvan no pill */
html:not(.dark) .cow-id-pill,
body.theme-light .cow-id-pill {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

/* Başarılı / başarısız rozetleri kendi renginde kalsın */
html:not(.dark) .status-badge,
html:not(.dark) .status-badge *,
body.theme-light .status-badge,
body.theme-light .status-badge * {
  color: #ffffff !important;
}

/* Detay butonu */
html:not(.dark) .sut-detail-toggle-btn,
body.theme-light .sut-detail-toggle-btn {
  background: #ffffff !important;
  border: 1px solid #dbe3ef !important;
  color: #64748b !important;
}

html:not(.dark) .sut-detail-toggle-btn:hover,
body.theme-light .sut-detail-toggle-btn:hover {
  border-color: #22c55e !important;
  color: #22c55e !important;
}

/* Açık temada hover satırı */
html:not(.dark) #sutTable tbody tr.sut-main-row:hover td,
body.theme-light #sutTable tbody tr.sut-main-row:hover td {
  background: #f8fafc !important;
}

/* Açık tema - tarih seç paneli */
html:not(.dark) .date-range-panel,
body.theme-light .date-range-panel {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12) !important;
}

/* Label */
html:not(.dark) .date-range-label,
body.theme-light .date-range-label {
  color: #64748b !important;
}

/* Input */
html:not(.dark) .date-range-input,
body.theme-light .date-range-input {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #d1d5db !important;
}

/* Butonlar */
html:not(.dark) .date-range-clear,
body.theme-light .date-range-clear {
  color: #64748b !important;
}

html:not(.dark) .date-range-apply,
body.theme-light .date-range-apply {
  background: #22c55e !important;
  color: #ffffff !important;
}

/* Süt Miktarı - Mobil açık tema okunurluk */
html:not(.dark) .sut-mobile-card {
  background: #ffffff !important;
  border: 1px solid #dbe3ef !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10) !important;
}

html:not(.dark) .sut-mobile-card__rows {
  background: #ffffff !important;
}

html:not(.dark) .sut-mobile-card__row {
  color: #0f172a !important;
}

html:not(.dark) .sut-mobile-card__row span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 600 !important;
}

html:not(.dark) .sut-mobile-card__row strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800 !important;
}

html:not(.dark) .sut-mobile-card__hint {
  color: #64748b !important;
  border-top: 1px dashed #dbe3ef !important;
}

/* Açık temada detay kartları */
html:not(.dark) .sut-mobile-card .milking-inline-detail {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

html:not(.dark) .sut-mobile-card .udder-detail-card {
  background: #f8fafc !important;
  border: 1px solid #dbe3ef !important;
}

html:not(.dark) .sut-mobile-card .udder-detail-card__label {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html:not(.dark) .sut-mobile-card .udder-detail-card__value {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* Durum badge yazısı her temada beyaz kalsın */
.sut-mobile-card .status-badge,
.sut-mobile-card .status-badge *,
#sutTable .status-badge,
#sutTable .status-badge * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Sağım Takvimi - açık tema okunurluk */
html:not(.dark) body {
  background: #f4f8fb !important;
}

html:not(.dark) #milkingTable thead td,
html:not(.dark) #milkingTable thead td span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html:not(.dark) #milkingTable tbody tr td {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

html:not(.dark) #milkingTable tbody tr td p,
html:not(.dark) #milkingTable tbody tr td span:not(.status-badge),
html:not(.dark) #milkingTable tbody tr td div:not(.status-badge) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html:not(.dark) .cow-id-pill {
  background: #eef6ff !important;
  border: 1px solid #cbdff5 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* Durum badge her temada beyaz kalsın */
.status-badge,
.status-badge * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark) .status-badge--success {
  background: #008a33 !important;
  border-color: #008a33 !important;
}

html:not(.dark) .status-badge--danger {
  background: #ff0033 !important;
  border-color: #ff0033 !important;
}

/* Açık tema filtre alanı */
html:not(.dark) .filter-panel {
  background: #ffffff !important;
  border: 1px solid #dbe3ef !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
}

html:not(.dark) .filter-control {
  background: #ffffff !important;
  border: 1px solid #d1dbe8 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html:not(.dark) .filter-control::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html:not(.dark) .filter-icon {
  color: #64748b !important;
}

/* Mobil kart açık tema */
html:not(.dark) .milking-card {
  background: #ffffff !important;
  border: 1px solid #dbe3ef !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10) !important;
}



html:not(.dark) .milking-card__label,
html:not(.dark) .milking-card__top-label {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

html:not(.dark) .milking-card__value {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html:not(.dark) .milking-card__expand-hint {
  color: #64748b !important;
  border-top-color: #dbe3ef !important;
}

/* Mobil kart hizalama + açık tema renk şeritleri */
@media (max-width: 767px) {
  .table-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #milkingTable tbody tr {
    margin-bottom: 14px !important;
  }

  .milking-card-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .milking-card {
    width: 100% !important;
    margin: 0 auto 14px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: #1d1e24 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
  }

  html:not(.dark) .milking-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
  }

  .milking-card__stripe {
    display: none !important;
  }

  .milking-card__top {
    padding: 8px 16px !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-top-left-radius: 17px !important;
    border-top-right-radius: 17px !important;
  }

  /* Header status gradients matching wallet card style */
  .row-kirmizi .milking-card__top {
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
  }
  .row-sari .milking-card__top {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  }
  .row-yesil .milking-card__top {
    background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
  }

  /* Thinner inner rows spacing inside mobile card */
  .milking-card__rows {
    padding: 10px 14px 8px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .milking-card__expand-hint {
    padding: 6px 14px !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: transparent !important;
  }

  html:not(.dark) .milking-card__expand-hint {
    border-top: 1px solid #e2e8f0 !important;
    color: #64748b !important;
  }

  /* Cow ID Pill styling inside mobile header to resemble reference card icons and override high-specificity styles */
  html #milkingTable .milking-card__top .cow-id-pill.cow-id-pill--kirmizi,
  html #milkingTable .milking-card__top .cow-id-pill.cow-id-pill--sari,
  html #milkingTable .milking-card__top .cow-id-pill.cow-id-pill--yesil,
  .milking-card__top .cow-id-pill {
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    border-radius: 8px !important;
  }

  /* Status badge styling inside mobile header - Solid high contrast design */
  .milking-card__top .status-badge,
  html:not(.dark) .milking-card__top .status-badge {
    min-width: auto !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
  }

  .milking-card__top .status-badge::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    margin-right: 5px !important;
  }

  .milking-card__top .status-badge--success,
  html:not(.dark) .milking-card__top .status-badge--success {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #10b981 !important;
    -webkit-text-fill-color: #10b981 !important;
  }
  .milking-card__top .status-badge--success::before {
    background: #10b981 !important;
  }

  .milking-card__top .status-badge--danger,
  html:not(.dark) .milking-card__top .status-badge--danger {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #ef4444 !important;
    -webkit-text-fill-color: #ef4444 !important;
  }
  .milking-card__top .status-badge--danger::before {
    background: #ef4444 !important;
  }

  .milking-card__top .status-badge--neutral,
  html:not(.dark) .milking-card__top .status-badge--neutral {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
  }
  .milking-card__top .status-badge--neutral::before {
    background: #4b5563 !important;
  }
}

/* Bireysel istatistikler - açık tema düzeltmeleri */
:root:not(.dark) .kart {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

:root:not(.dark) .min-kart {
  background: #f8fafc !important;
  border-color: #dbe3ef !important;
}

:root:not(.dark) .stats-panel-hero__title {
  color: #111827 !important;
}

:root:not(.dark) .stats-panel-hero__desc {
  color: #475569 !important;
}

:root:not(.dark) .stats-panel-hero__badge {
  color: #334155 !important;
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

:root:not(.dark) .min-kart p[id^="kpiAylik"] {
  color: #111827 !important;
}

/* Filtre bar açık tema */
:root:not(.dark) .filter-bar-sut {
  background: #ffffff !important;
  border-color: #dbe3ef !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

:root:not(.dark) .filter-control-sut,
:root:not(.dark) .birlesik-dropdown-toggle,
:root:not(.dark) .filter-control-sut--button {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #d1d9e6 !important;
}

:root:not(.dark) .birlesik-dropdown-caret,
:root:not(.dark) .filter-date-icon {
  color: #64748b !important;
}

/* Açık tema dropdown */
:root:not(.dark) .birlesik-dropdown-panel {
  background: #ffffff !important;
  border-color: #d1d9e6 !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.16) !important;
}

:root:not(.dark) .birlesik-dropdown-search-input {
  background: #f8fafc !important;
  color: #111827 !important;
  border: 1px solid #dbe3ef !important;
}

:root:not(.dark) .birlesik-dropdown-item,
:root:not(.dark) .birlesik-hayvan-item {
  color: #111827 !important;
  background: #ffffff !important;
  border-bottom-color: #e5e7eb !important;
}

:root:not(.dark) .birlesik-dropdown-item:hover,
:root:not(.dark) .birlesik-hayvan-item:hover {
  background: #f1f5f9 !important;
}

:root:not(.dark) .birlesik-dropdown-item.is-active {
  color: #ffffff !important;
  background: #16a34a !important;
}

:root:not(.dark) .birlesik-empty {
  color: #64748b !important;
  background: #ffffff !important;
  border-bottom-color: #e5e7eb !important;
}

/* Tarih paneli açık tema */
:root:not(.dark) .date-range-panel {
  background: #ffffff !important;
  border-color: #dbe3ef !important;
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.16) !important;
}

:root:not(.dark) .date-range-label,
:root:not(.dark) .date-range-clear {
  color: #334155 !important;
}

:root:not(.dark) .date-range-input {
  background: #f8fafc !important;
  color: #111827 !important;
  border-color: #d1d9e6 !important;
}

/* Bireysel istatistik tablo - açık tema görünürlük kesin fix */
:root:not(.dark) #birStatisticsTable tbody tr,
:root:not(.dark) #birStatisticsTable tbody tr td {
  background: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  color: #111827 !important;
}

/* Hücre içindeki p/span değerleri */
:root:not(.dark) #birStatisticsTable tbody tr td p,
:root:not(.dark) #birStatisticsTable tbody tr td span,
:root:not(.dark) #birStatisticsTable tbody tr td strong {
  color: #111827 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #111827 !important;
}

/* Tarih pill */
:root:not(.dark) .stat-date-pill {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* Satır arası beyaz fade/overlay varsa kapat */
:root:not(.dark) #birStatisticsTable tbody tr::before,
:root:not(.dark) #birStatisticsTable tbody tr::after,
:root:not(.dark) #birStatisticsTable tbody tr td::before,
:root:not(.dark) #birStatisticsTable tbody tr td::after {
  display: none !important;
  content: none !important;
}