/**
 * Kozba CRM — Cabin default font + toggleable dark mode
 * Activated via html.kozba-dark (persisted in localStorage key: kozba_dark_mode)
 */

html,
body,
button,
input,
select,
textarea {
  font-family: "Cabin", sans-serif !important;
}

/* -------------------------------------------------------------------------- */
/* Dark / light toggle — desktop + mobile                                     */
/* -------------------------------------------------------------------------- */

.kozba-dark-mode-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  border-radius: 8px;
  cursor: pointer;
  padding: 0 !important;
  margin: 0;
  line-height: 1;
  vertical-align: middle;
}

.kozba-dark-mode-toggle:hover,
.kozba-dark-mode-toggle:focus {
  background: rgba(148, 163, 184, 0.15) !important;
  outline: none;
}

.kozba-dark-mode-toggle svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  pointer-events: none;
}

.kozba-dark-mode-toggle .kozba-icon-sun,
html.kozba-dark .kozba-dark-mode-toggle .kozba-icon-moon {
  display: none !important;
}

html.kozba-dark .kozba-dark-mode-toggle .kozba-icon-sun {
  display: block !important;
}

.kozba-dark-mode-toggle .kozba-icon-moon {
  display: block !important;
}

html.kozba-dark .kozba-dark-mode-toggle .kozba-icon-moon {
  display: none !important;
}

/* Desktop: in navbar-right */
#header .navbar-right > li.header-dark-mode {
  display: inline-flex;
  align-items: center;
  height: 57px;
  float: left;
  padding: 0 4px;
}

#header .navbar-right > li.header-dark-mode > .kozba-dark-mode-toggle {
  margin-top: 0;
}

/* Mobile: show in mobile-icon-menu; hide desktop duplicate */
#header .mobile-icon-menu .header-dark-mode {
  display: none;
  list-style: none;
  margin: 0 8px 0 0;
  padding: 0;
  align-items: center;
}

@media (max-width: 768px) {
  #header .navbar-right > li.header-dark-mode {
    display: none !important;
  }

  #header .mobile-icon-menu {
    align-items: center;
  }

  #header .mobile-icon-menu .header-dark-mode {
    display: inline-flex !important;
  }

  #header .mobile-icon-menu .kozba-dark-mode-toggle {
    width: 32px;
    height: 32px;
    min-width: 32px;
    color: #64748b;
  }

  html.kozba-dark #header .mobile-icon-menu .kozba-dark-mode-toggle {
    color: #cbd5e1;
  }
}

/* -------------------------------------------------------------------------- */
/* Dark mode                                                                  */
/* -------------------------------------------------------------------------- */

html.kozba-dark {
  color-scheme: dark;
}

html.kozba-dark body {
  background: #0f1419 !important;
  color: #e5e7eb !important;
}

html.kozba-dark #wrapper,
html.kozba-dark #content,
html.kozba-dark .content,
html.kozba-dark section.content,
html.kozba-dark .page-content,
html.kozba-dark #dashboard,
html.kozba-dark .dashboard {
  background: #0f1419 !important;
  color: #e5e7eb !important;
}

/* Header */
html.kozba-dark #header,
html.kozba-dark .navbar,
html.kozba-dark .navbar-default {
  background: #151b23 !important;
  border-color: #243044 !important;
  color: #e5e7eb !important;
}

html.kozba-dark #header .tw-text-neutral-600,
html.kozba-dark #header .tw-text-neutral-400,
html.kozba-dark #header .tw-text-neutral-800,
html.kozba-dark #header a,
html.kozba-dark #header i,
html.kozba-dark #header svg,
html.kozba-dark #header .kozba-dark-mode-toggle {
  color: #cbd5e1 !important;
}

html.kozba-dark #header .hide-menu:hover,
html.kozba-dark #header a:hover {
  color: #f8fafc !important;
}

html.kozba-dark #search_input,
html.kozba-dark #top_search input {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

html.kozba-dark #search_input::placeholder {
  color: #94a3b8 !important;
}

html.kozba-dark .mobile-navbar,
html.kozba-dark .mobile-navbar .navbar-nav,
html.kozba-dark .mobile-navbar .navbar-nav > li > a {
  background: #151b23 !important;
  color: #e5e7eb !important;
  border-color: #243044 !important;
}

/* Sidebar / menu */
html.kozba-dark #menu,
html.kozba-dark .sidebar,
html.kozba-dark aside#menu {
  background: #151b23 !important;
  border-color: #243044 !important;
  color: #cbd5e1 !important;
}

html.kozba-dark #side-menu li a,
html.kozba-dark #setup-menu li a,
html.kozba-dark .sidebar a,
html.kozba-dark #menu a {
  color: #cbd5e1 !important;
}

html.kozba-dark #side-menu li a:hover,
html.kozba-dark #side-menu li.active > a,
html.kozba-dark #setup-menu li a:hover,
html.kozba-dark #setup-menu li.active > a {
  background: #1e293b !important;
  color: #f8fafc !important;
}

html.kozba-dark .menu-text,
html.kozba-dark .sub-menu-text,
html.kozba-dark span.menu-text {
  color: #cbd5e1 !important;
}

/* Sidebar profile card — was light gray */
html.kozba-dark .sidebar-user-profile .profile,
html.kozba-dark .sidebar-user-profile > a {
  background: rgba(30, 41, 59, 0.85) !important;
  border-color: #334155 !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}

html.kozba-dark .sidebar-user-profile .profile:hover,
html.kozba-dark .sidebar-user-profile .profile:focus {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.kozba-dark .sidebar-user-profile .tw-text-neutral-500,
html.kozba-dark .sidebar-user-profile .tw-text-neutral-700,
html.kozba-dark .sidebar-user-profile .tw-text-neutral-800 {
  color: #94a3b8 !important;
}

/* Panels / cards */
html.kozba-dark .panel,
html.kozba-dark .panel_s,
html.kozba-dark .panel-body,
html.kozba-dark .panel-heading,
html.kozba-dark .card,
html.kozba-dark .tw-bg-white,
html.kozba-dark .bg-white,
html.kozba-dark .panel-table-full {
  background: #151b23 !important;
  color: #e5e7eb !important;
  border-color: #243044 !important;
}

html.kozba-dark .panel-heading,
html.kozba-dark .panel-footer {
  background: #1a222d !important;
  border-color: #243044 !important;
  color: #e5e7eb !important;
}

html.kozba-dark .panel_s > .panel-body,
html.kozba-dark .panel-default > .panel-heading {
  background: #151b23 !important;
}

/* Panel / screen options (Panel Ayarları) */
html.kozba-dark .screen-options-btn {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

html.kozba-dark .screen-options-area {
  background: #151b23 !important;
  border-color: #243044 !important;
  color: #e5e7eb !important;
}

html.kozba-dark .screen-options-area label,
html.kozba-dark .screen-options-area .checkbox {
  color: #cbd5e1 !important;
}

/* Horizontal / horizontal-tabs */
html.kozba-dark .horizontal-scrollable-tabs,
html.kozba-dark .horizontal-tabs,
html.kozba-dark .nav-tabs-horizontal,
html.kozba-dark ul.nav-tabs,
html.kozba-dark .nav-tabs {
  background: transparent !important;
  border-color: #243044 !important;
}

html.kozba-dark .horizontal-scrollable-tabs .arrow,
html.kozba-dark .horizontal-tabs .scroller {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

/* Tables */
html.kozba-dark table,
html.kozba-dark .table,
html.kozba-dark .table > thead > tr > th,
html.kozba-dark .table > tbody > tr > td,
html.kozba-dark .table > tfoot > tr > td,
html.kozba-dark .dataTables_wrapper,
html.kozba-dark table.dataTable,
html.kozba-dark .dt-container {
  background: #151b23 !important;
  color: #e5e7eb !important;
  border-color: #243044 !important;
}

html.kozba-dark .table > thead > tr > th {
  background: #1a222d !important;
  color: #f1f5f9 !important;
  border-bottom-color: #334155 !important;
}

html.kozba-dark .table-striped > tbody > tr:nth-of-type(odd),
html.kozba-dark table.dataTable.stripe tbody tr.odd,
html.kozba-dark table.dataTable.display tbody tr.odd {
  background: #1a222d !important;
}

html.kozba-dark .table-hover > tbody > tr:hover,
html.kozba-dark table.dataTable.hover tbody tr:hover,
html.kozba-dark table.dataTable.display tbody tr:hover {
  background: #243044 !important;
}

html.kozba-dark .dataTables_info,
html.kozba-dark .dataTables_length,
html.kozba-dark .dataTables_filter,
html.kozba-dark .dataTables_paginate,
html.kozba-dark .dt-info,
html.kozba-dark .dt-length,
html.kozba-dark .dt-search,
html.kozba-dark .dt-paging {
  color: #cbd5e1 !important;
}

/* DataTables + Bootstrap pagination (Önceki / Sonraki) */
html.kozba-dark .dataTables_wrapper .dataTables_paginate .paginate_button,
html.kozba-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
html.kozba-dark .dataTables_wrapper .dataTables_paginate a,
html.kozba-dark .dataTables_paginate span a,
html.kozba-dark .dt-paging .dt-paging-button,
html.kozba-dark .dt-paging button,
html.kozba-dark .pagination > li > a,
html.kozba-dark .pagination > li > span,
html.kozba-dark .pagination > .disabled > a,
html.kozba-dark .pagination > .disabled > span,
html.kozba-dark ul.pagination li a,
html.kozba-dark .btn-group .btn-default,
html.kozba-dark .dt-buttons .dt-button {
  background: #1e293b !important;
  background-image: none !important;
  color: #e5e7eb !important;
  border: 1px solid #334155 !important;
  box-shadow: none !important;
}

html.kozba-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html.kozba-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
html.kozba-dark .dt-paging .dt-paging-button.current,
html.kozba-dark .pagination > .active > a,
html.kozba-dark .pagination > .active > span {
  background: #334155 !important;
  color: #f8fafc !important;
  border-color: #475569 !important;
}

html.kozba-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
html.kozba-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
html.kozba-dark .dt-paging .dt-paging-button.disabled {
  background: #151b23 !important;
  color: #64748b !important;
  border-color: #243044 !important;
  opacity: 0.7;
}

/* Forms */
html.kozba-dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.kozba-dark select,
html.kozba-dark textarea,
html.kozba-dark .form-control,
html.kozba-dark .input-group-addon,
html.kozba-dark .bootstrap-select .dropdown-toggle,
html.kozba-dark .bootstrap-select > .dropdown-toggle,
html.kozba-dark .btn-default {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

html.kozba-dark .form-control:focus,
html.kozba-dark input:focus,
html.kozba-dark textarea:focus,
html.kozba-dark select:focus {
  border-color: #64748b !important;
  box-shadow: 0 0 0 1px #64748b !important;
}

html.kozba-dark label,
html.kozba-dark .control-label,
html.kozba-dark .form-group > label {
  color: #cbd5e1 !important;
}

html.kozba-dark .help-block,
html.kozba-dark .text-muted,
html.kozba-dark .text-secondary,
html.kozba-dark .text-dark {
  color: #94a3b8 !important;
}

/* Task status / priority dropdowns in tables */
html.kozba-dark .bootstrap-select.task-action-select .btn-default,
html.kozba-dark .bootstrap-select.task-action-select.btn-default:active,
html.kozba-dark .bootstrap-select.task-action-select > .btn-default:hover,
html.kozba-dark .bootstrap-select.task-action-select.btn-default.active,
html.kozba-dark .bootstrap-select.task-action-select.open > .dropdown-toggle.btn-default,
html.kozba-dark .table .bootstrap-select .btn,
html.kozba-dark .table .btn-default {
  background: #1e293b !important;
  color: #cbd5e1 !important;
  border-color: #334155 !important;
}

html.kozba-dark .bootstrap-select .dropdown-toggle .filter-option,
html.kozba-dark .bootstrap-select .dropdown-toggle .caret {
  color: #cbd5e1 !important;
}

/* Labels / badges that stay light */
html.kozba-dark .label,
html.kozba-dark .label-default,
html.kozba-dark .label-info,
html.kozba-dark .badge,
html.kozba-dark .task-status-table,
html.kozba-dark span.label,
html.kozba-dark .tw-bg-neutral-100,
html.kozba-dark .tw-bg-neutral-200,
html.kozba-dark .\!tw-bg-neutral-100 {
  background-color: #334155 !important;
  color: #e5e7eb !important;
  border-color: #475569 !important;
}

html.kozba-dark .label-success,
html.kozba-dark .badge-success {
  background-color: #166534 !important;
  color: #dcfce7 !important;
}

html.kozba-dark .label-warning,
html.kozba-dark .badge-warning,
html.kozba-dark .bg-warning {
  background-color: #a16207 !important;
  color: #fef9c3 !important;
}

html.kozba-dark .label-danger,
html.kozba-dark .badge-danger,
html.kozba-dark .bg-danger {
  background-color: #991b1b !important;
  color: #fecaca !important;
}

html.kozba-dark .label-primary,
html.kozba-dark .badge-primary {
  background-color: #1d4ed8 !important;
  color: #dbeafe !important;
}

/* Dropdowns / modals */
html.kozba-dark .dropdown-menu,
html.kozba-dark .bootstrap-select .dropdown-menu,
html.kozba-dark .modal-content,
html.kozba-dark .popover,
html.kozba-dark .tooltip-inner {
  background: #1a222d !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

html.kozba-dark .dropdown-menu > li > a,
html.kozba-dark .dropdown-menu > li > a span {
  color: #e5e7eb !important;
}

html.kozba-dark .dropdown-menu > li > a:hover,
html.kozba-dark .dropdown-menu > .active > a {
  background: #243044 !important;
  color: #f8fafc !important;
}

html.kozba-dark .modal-header,
html.kozba-dark .modal-footer {
  background: #151b23 !important;
  border-color: #243044 !important;
  color: #e5e7eb !important;
}

html.kozba-dark .modal-title,
html.kozba-dark .close {
  color: #f8fafc !important;
  opacity: 1;
}

html.kozba-dark .modal-backdrop {
  background: #000 !important;
}

/* Tabs */
html.kozba-dark .nav-tabs > li > a {
  color: #cbd5e1 !important;
  background: transparent !important;
  border-color: transparent !important;
}

html.kozba-dark .nav-tabs > li.active > a,
html.kozba-dark .nav-tabs > li.active > a:hover,
html.kozba-dark .nav-tabs > li.active > a:focus {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

html.kozba-dark .btn-default:hover,
html.kozba-dark .btn-default:focus,
html.kozba-dark .btn-default:active {
  background: #334155 !important;
  color: #f8fafc !important;
  border-color: #475569 !important;
}

html.kozba-dark hr {
  border-color: #243044 !important;
}

html.kozba-dark .well {
  background: #1a222d !important;
  border-color: #334155 !important;
  color: #e5e7eb !important;
}

/* Bilgilendirme / uyarı kutuları (alert-info, alert-warning, vb.) */
html.kozba-dark #wrapper .alert,
html.kozba-dark .alert {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
  box-shadow: none !important;
}

html.kozba-dark #wrapper .alert-info,
html.kozba-dark .alert-info,
html.kozba-dark .kozba-daily-task-hint {
  background-color: #172554 !important;
  border-color: #1e3a8a !important;
  border-left: 4px solid #3b82f6 !important;
  color: #bfdbfe !important;
}

html.kozba-dark #wrapper .alert-warning,
html.kozba-dark .alert-warning {
  background-color: #292419 !important;
  border-color: #78350f !important;
  border-left: 4px solid #f59e0b !important;
  color: #fcd34d !important;
}

html.kozba-dark #wrapper .alert-success,
html.kozba-dark .alert-success {
  background-color: #14291a !important;
  border-color: #166534 !important;
  border-left: 4px solid #22c55e !important;
  color: #86efac !important;
}

html.kozba-dark #wrapper .alert-danger,
html.kozba-dark .alert-danger {
  background-color: #2a1515 !important;
  border-color: #991b1b !important;
  border-left: 4px solid #ef4444 !important;
  color: #fca5a5 !important;
}

html.kozba-dark #wrapper .alert-secondary,
html.kozba-dark .alert-secondary {
  background-color: #1a222d !important;
  border-color: #334155 !important;
  border-left: 4px solid #64748b !important;
  color: #cbd5e1 !important;
}

html.kozba-dark .alert .alert-link,
html.kozba-dark .alert a.alert-link {
  color: #93c5fd !important;
  text-decoration: underline;
}

html.kozba-dark .alert .alert-link:hover,
html.kozba-dark .alert a.alert-link:hover {
  color: #bfdbfe !important;
}

html.kozba-dark .alert-warning .alert-link,
html.kozba-dark .alert-warning a.alert-link {
  color: #fde68a !important;
}

html.kozba-dark .alert-success .alert-link,
html.kozba-dark .alert-success a.alert-link {
  color: #bbf7d0 !important;
}

html.kozba-dark .alert-danger .alert-link,
html.kozba-dark .alert-danger a.alert-link {
  color: #fecaca !important;
}

html.kozba-dark .alert strong,
html.kozba-dark .alert b {
  color: inherit !important;
}

html.kozba-dark .alert-dismissible .close,
html.kozba-dark .alert .close {
  color: #94a3b8 !important;
  opacity: 0.85;
  text-shadow: none !important;
}

html.kozba-dark .alert-dismissible .close:hover,
html.kozba-dark .alert .close:hover {
  color: #f1f5f9 !important;
  opacity: 1;
}

html.kozba-dark .fadeInRight.alert,
html.kozba-dark .fadeInRight.alert.alert-info,
html.kozba-dark .fadeInRight.alert.alert-warning,
html.kozba-dark .fadeInRight.alert.alert-success,
html.kozba-dark .fadeInRight.alert.alert-danger {
  border-color: #334155 !important;
}

html.kozba-dark .table .alert,
html.kozba-dark .table .alert-info,
html.kozba-dark .table .alert-warning {
  color: inherit !important;
}

html.kozba-dark .help-block,
html.kozba-dark .form-group .help-block {
  color: #94a3b8 !important;
}

html.kozba-dark .breadcrumb,
html.kozba-dark .page-title,
html.kozba-dark h1,
html.kozba-dark h2,
html.kozba-dark h3,
html.kozba-dark h4,
html.kozba-dark h5,
html.kozba-dark h6 {
  color: #f1f5f9 !important;
}

html.kozba-dark a:not(.btn):not(.label):not(.badge) {
  color: #93c5fd;
}

html.kozba-dark a:not(.btn):not(.label):not(.badge):hover {
  color: #bfdbfe;
}

/* Tailwind utility overrides */
html.kozba-dark .tw-bg-neutral-50,
html.kozba-dark .tw-bg-neutral-100,
html.kozba-dark .tw-bg-neutral-200,
html.kozba-dark .\!tw-bg-neutral-100,
html.kozba-dark .tw-bg-white,
html.kozba-dark .tw-bg-white\/20 {
  background-color: #1e293b !important;
}

html.kozba-dark .tw-text-neutral-500,
html.kozba-dark .tw-text-neutral-600,
html.kozba-dark .tw-text-neutral-700,
html.kozba-dark .tw-text-neutral-800,
html.kozba-dark .tw-text-neutral-900,
html.kozba-dark .\!tw-placeholder-neutral-500,
html.kozba-dark .\!tw-text-neutral-800 {
  color: #cbd5e1 !important;
}

html.kozba-dark .tw-border-neutral-200,
html.kozba-dark .tw-border-neutral-300,
html.kozba-dark .tw-border-neutral-900\/20,
html.kozba-dark .\!tw-border-white {
  border-color: #334155 !important;
}

html.kozba-dark .tw-shadow,
html.kozba-dark .tw-shadow-sm,
html.kozba-dark .tw-shadow-md {
  --tw-shadow-color: rgb(0 0 0 / 0.45);
}

/* Widgets / dashboard / todos / charts */
html.kozba-dark .widget,
html.kozba-dark .widget-dragger,
html.kozba-dark .top_stats_wrapper,
html.kozba-dark .quick-stats,
html.kozba-dark .widget-todo,
html.kozba-dark .todos-wrapper,
html.kozba-dark .todo-item,
html.kozba-dark .home-activity,
html.kozba-dark .activity-feed,
html.kozba-dark .chart,
html.kozba-dark canvas {
  background-color: transparent;
}

html.kozba-dark .widget,
html.kozba-dark .widget-dragger,
html.kozba-dark .top_stats_wrapper,
html.kozba-dark .quick-stats,
html.kozba-dark .panel_s[data-widget] {
  background: #151b23 !important;
  border-color: #243044 !important;
  color: #e5e7eb !important;
}

html.kozba-dark .todo-item,
html.kozba-dark .todos-wrapper ul li,
html.kozba-dark .finished-todos,
html.kozba-dark .unfinished-todos {
  background: #1a222d !important;
  border-color: #243044 !important;
  color: #e5e7eb !important;
}

/* TinyMCE / editors */
html.kozba-dark .tox-tinymce,
html.kozba-dark .tox .tox-toolbar,
html.kozba-dark .tox .tox-menubar,
html.kozba-dark .tox .tox-edit-area__iframe {
  background: #1a222d !important;
  border-color: #334155 !important;
}

/* Select2 / tags */
html.kozba-dark .select2-container--default .select2-selection--single,
html.kozba-dark .select2-container--default .select2-selection--multiple,
html.kozba-dark .select2-dropdown,
html.kozba-dark .tagit {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

/* Filters / checkbox rows / empty states */
html.kozba-dark .checkbox label::before,
html.kozba-dark .radio label::before {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html.kozba-dark .list-group-item {
  background: #151b23 !important;
  border-color: #243044 !important;
  color: #e5e7eb !important;
}

html.kozba-dark .progress {
  background: #1e293b !important;
}

/* Login / auth */
html.kozba-dark .authentication-form,
html.kozba-dark .company-logo,
html.kozba-dark .login-wrapper,
html.kozba-dark body.login_admin,
html.kozba-dark body.authentication {
  background: #0f1419 !important;
  color: #e5e7eb !important;
}

/* Catch-all: remaining pure white surfaces in admin content */
html.kozba-dark #wrapper [style*="background: #fff"],
html.kozba-dark #wrapper [style*="background:#fff"],
html.kozba-dark #wrapper [style*="background: white"],
html.kozba-dark #wrapper [style*="background:white"],
html.kozba-dark #wrapper [style*="background-color: #fff"],
html.kozba-dark #wrapper [style*="background-color:#fff"],
html.kozba-dark #wrapper [style*="background-color: white"],
html.kozba-dark #wrapper [style*="background-color:white"],
html.kozba-dark #wrapper [style*="background: #ffffff"],
html.kozba-dark #wrapper [style*="background:#ffffff"],
html.kozba-dark #wrapper [style*="background-color: #ffffff"],
html.kozba-dark #wrapper [style*="background-color:#ffffff"] {
  background: #151b23 !important;
  background-color: #151b23 !important;
}

/* Smooth theme switch */
html.kozba-dark body,
html.kozba-dark #wrapper,
html.kozba-dark #header,
html.kozba-dark #menu,
html.kozba-dark .panel_s,
html.kozba-dark .panel {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Remaining time badge in Tags column */
.kozba-remaining-badge {
  font-variant-numeric: tabular-nums;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

.kozba-tags-cell .tag,
.kozba-tags-cell .label {
  margin-bottom: 2px;
}

html.kozba-dark .kozba-success-list li {
  border-color: #243044 !important;
}

/* Project progress in Tags column */
.kozba-project-progress {
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
}

.kozba-weekly-success {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.kozba-week-day-today {
  border: 1px solid rgba(59, 130, 246, 0.35);
}

.kozba-week-day-today > .panel-body {
  background: rgba(59, 130, 246, 0.04);
}

html.kozba-dark .kozba-week-day-today {
  border-color: rgba(96, 165, 250, 0.35);
}

html.kozba-dark .kozba-week-day-today > .panel-body {
  background: rgba(96, 165, 250, 0.06);
}

.kozba-complete-today {
  font-weight: 600;
}

.kozba-todo-strike {
  text-decoration: line-through;
  opacity: 0.65;
}

.kozba-todo-item.kozba-todo-done .kozba-todo-title {
  text-decoration: line-through;
  opacity: 0.65;
}

.kozba-todo-widget .form-control {
  min-width: 0;
}

html.kozba-dark .kozba-todo-item {
  border-color: #243044 !important;
}

/* -------------------------------------------------------------------------- */
/* Timesheets (staff/timesheets) — dark theme                                 */
/* -------------------------------------------------------------------------- */
html.kozba-dark body.kozba-timesheets-page #wrapper .content {
  color: #e5e7eb;
}

html.kozba-dark .kozba-timesheets-page .panel_s .panel-body hr,
html.kozba-dark .kozba-timesheets-page hr {
  border-color: #243044 !important;
}

html.kozba-dark .kozba-timesheets-page #timesheetsChart {
  background: #151b23 !important;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 12px;
  box-sizing: border-box;
}

html.kozba-dark .kozba-timesheets-page .table-timesheets-report,
html.kozba-dark .kozba-timesheets-page table.table-timesheets-report {
  background: #151b23 !important;
  color: #e5e7eb !important;
}

html.kozba-dark .kozba-timesheets-page .table-timesheets-report > thead > tr > th,
html.kozba-dark .kozba-timesheets-page .table-timesheets-report > tbody > tr > td,
html.kozba-dark .kozba-timesheets-page .table-timesheets-report > tfoot > tr > td {
  background: #151b23 !important;
  color: #e5e7eb !important;
  border-color: #243044 !important;
}

html.kozba-dark .kozba-timesheets-page .table-timesheets-report > thead > tr > th {
  background: #1a222d !important;
  color: #f1f5f9 !important;
}

html.kozba-dark .kozba-timesheets-page .table-timesheets-report > tbody > tr:nth-of-type(odd) > td {
  background: #1a222d !important;
}

html.kozba-dark .kozba-timesheets-page .table-timesheets-report > tbody > tr:hover > td {
  background: #243044 !important;
}

html.kozba-dark .kozba-timesheets-page .table-timesheets-report > tfoot > tr > td {
  background: #1e293b !important;
  color: #93c5fd !important;
  font-weight: 600;
}

html.kozba-dark .kozba-timesheets-page .dataTables_wrapper,
html.kozba-dark .kozba-timesheets-page .dt-container {
  color: #e5e7eb !important;
}

html.kozba-dark .kozba-timesheets-page .select-placeholder .btn-default,
html.kozba-dark .kozba-timesheets-page .projects-wrapper .bootstrap-select > .dropdown-toggle,
html.kozba-dark .kozba-timesheets-page .ajax-search.bootstrap-select > .dropdown-toggle {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

html.kozba-dark .kozba-timesheets-page .select-placeholder .filter-option,
html.kozba-dark .kozba-timesheets-page .bootstrap-select .dropdown-toggle .caret {
  color: #94a3b8 !important;
}

html.kozba-dark .kozba-timesheets-page #group_by_tasks_wrapper,
html.kozba-dark .kozba-timesheets-page #group_by_tasks_wrapper span {
  color: #e5e7eb !important;
}

html.kozba-dark .kozba-timesheets-page .onoffswitch-label {
  background: #334155 !important;
  border: 1px solid #475569 !important;
}

html.kozba-dark .kozba-timesheets-page .onoffswitch-label:before {
  background: #f1f5f9 !important;
}

html.kozba-dark .kozba-timesheets-page .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #22c55e !important;
  border-color: #16a34a !important;
}

html.kozba-dark .kozba-timesheets-page .table-timesheets-report a:not(.btn) {
  color: #93c5fd !important;
}

html.kozba-dark .kozba-timesheets-page .table-timesheets-report .label {
  color: inherit !important;
}

html.kozba-dark .kozba-timesheets-page .row .col-md-5ths {
  margin-bottom: 12px;
}

html.kozba-dark .kozba-timesheets-page #apply_filters_timesheets {
  margin-top: 0;
}

html.kozba-dark .kozba-timesheets-page .table-loading {
  background: rgba(21, 27, 35, 0.85) !important;
}

html.kozba-dark .kozba-timesheets-page .dataTables_empty {
  color: #94a3b8 !important;
}