/**
 * 3D Claymorphism theme layer — cool palette, medium depth, full dark mode.
 * Loaded only when UI_CLAY_THEME=true. Does not modify DashLite source files.
 */

/* ─── Design tokens (light) — mockup palette (warm cream + sage green) ─── */
body.theme-clay {
  --clay-bg: #EDE8E0;
  --clay-bg-alt: #dce9eb;
  --clay-surface: #F5F1EA;
  --clay-surface-raised: #FDFBF7;
  --clay-primary: #4A9B7F;
  --clay-primary-dark: #3A8269;
  --clay-primary-soft: rgba(74, 155, 127, 0.18);
  --clay-accent: #5B8DEF;
  --clay-accent-soft: rgba(91, 141, 239, 0.12);
  --clay-text: #1E293B;
  --clay-text-soft: #64748B;
  --clay-border: rgba(100, 116, 139, 0.16);
  --clay-highlight: rgba(255, 255, 255, 0.92);
  --clay-shadow: rgba(120, 100, 80, 0.18);
  --clay-shadow-deep: rgba(90, 75, 60, 0.26);
  --clay-inset-dark: rgba(120, 100, 80, 0.12);
  --clay-inset-light: rgba(255, 255, 255, 0.82);
  --clay-radius-xl: 35px;
  --clay-radius-lg: 25px;
  --clay-radius-md: 25px;
  --clay-radius-sm: 15px;
  --clay-elev-1:
    6px 6px 18px var(--clay-shadow),
    -5px -5px 14px var(--clay-highlight),
    inset 1px 1px 0 rgba(255, 255, 255, 0.65);
  --clay-elev-2:
    8px 8px 24px var(--clay-shadow-deep),
    -6px -6px 18px var(--clay-highlight),
    inset 1px 1px 0 rgba(255, 255, 255, 0.7);
  /* İçerik kartları — yanlara taşmayan gölge (navbar hizası bozulmasın) */
  --clay-elev-panel:
    0 6px 20px var(--clay-shadow),
    inset 1px 1px 0 rgba(255, 255, 255, 0.65);
  --clay-inset:
    inset 4px 4px 10px var(--clay-inset-dark),
    inset -3px -3px 8px var(--clay-inset-light);
  --clay-transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);
  --clay-sidebar-w: 260px;
  --clay-header-offset: 100px;
  --clay-content-gutter: 16px;
  --clay-z-overlay: 900;
  --clay-z-sidebar: 1040;
  --clay-z-header: 1050;
  --clay-z-page-dropdown: 1000;
  --clay-z-header-dropdown: 1100;
  --clay-z-modal: 1200;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
}

/* ─── Design tokens (dark) ─── */
body.theme-clay.dark-mode {
  --clay-bg: #0F172A;
  --clay-bg-alt: #131C31;
  --clay-surface: #1A2438;
  --clay-surface-raised: #243044;
  --clay-primary: #2EE8D6;
  --clay-primary-dark: #1ED4C4;
  --clay-primary-soft: rgba(46, 232, 214, 0.12);
  --clay-accent: #7BA4F7;
  --clay-accent-soft: rgba(123, 164, 247, 0.14);
  --clay-text: #E2E8F0;
  --clay-text-soft: #94A3B8;
  --clay-border: rgba(148, 163, 184, 0.12);
  --clay-highlight: rgba(255, 255, 255, 0.04);
  --clay-shadow: rgba(0, 0, 0, 0.38);
  --clay-shadow-deep: rgba(0, 0, 0, 0.52);
  --clay-inset-dark: rgba(0, 0, 0, 0.28);
  --clay-inset-light: rgba(255, 255, 255, 0.04);
  --clay-elev-1:
    5px 5px 18px var(--clay-shadow),
    inset 1px 1px 0 var(--clay-highlight);
  --clay-elev-2:
    8px 8px 26px var(--clay-shadow-deep),
    inset 1px 1px 0 var(--clay-highlight);
  --clay-inset:
    inset 4px 4px 12px var(--clay-inset-dark),
    inset -2px -2px 8px var(--clay-inset-light);
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  body.theme-clay *,
  body.theme-clay *::before,
  body.theme-clay *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ─── Base / shell ─── */
body.theme-clay.nk-body,
body.theme-clay.nk-body.bg-white {
  background: var(--clay-bg) !important;
  color: var(--clay-text);
}

body.theme-clay.dark-mode.nk-body,
body.theme-clay.dark-mode.nk-body.bg-white {
  background: var(--clay-bg) !important;
  color: var(--clay-text) !important;
}

body.theme-clay .nk-app-root,
body.theme-clay .nk-main,
body.theme-clay .nk-wrap {
  background: transparent !important;
}

body.theme-clay #global-loader {
  background: var(--clay-bg) !important;
}

body.theme-clay .nk-content,
body.theme-clay .nk-content-body {
  background: transparent;
}

body.theme-clay.has-aside .nk-content-body {
  padding-top: 0 !important;
}

/* İçerik navbar'a yapışmasın diye üstteki mt-4 sıfırla (nk-content-inner margin yeterli) */
body.theme-clay .nk-content-body > .mt-4,
body.theme-clay .nk-content-body > .nk-content.mt-4,
body.theme-clay .nk-content-body > .nk-content-wrap > .mt-4,
body.theme-clay .nk-content-body > .container-fluid.mt-4,
body.theme-clay .nk-content-body > .container.mt-4,
body.theme-clay .nk-content-body > [class*="nk-content-wrap"].mt-4,
body.theme-clay .nk-content-body > *:first-child.mt-4 {
  margin-top: 0 !important;
}

body.theme-clay .nk-content-inner {
  background: transparent;
  margin-top: 0 !important;
}

/* ─── Header / Navbar — clay effect (nokta 2) ─── */
body.theme-clay .clay-header {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 8px var(--clay-content-gutter) 6px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

body.theme-clay .clay-header .clay-header-inner {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2) !important;
  padding: 6px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.theme-clay .clay-header .clay-header-wrap {
  min-height: 52px;
  width: 100% !important;
  align-items: center;
  justify-content: space-between !important;
  gap: 12px;
}

body.theme-clay.dark-mode .clay-header .clay-header-inner {
  background: var(--clay-surface) !important;
}

body.theme-clay .clay-header .clay-header-brand .logo-link {
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
}

/* Sağ ikonlar — tek clay kapsül (boş alan sorunu) */
body.theme-clay .clay-header .clay-header-actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding: 6px 10px;
  background: var(--clay-bg-alt);
  border: 1px solid var(--clay-border);
  border-radius: var(--clay-radius-xl);
  box-shadow: var(--clay-inset);
  gap: 2px;
}

body.theme-clay .clay-header .clay-header-actions .nk-quick-nav {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  margin: 0;
  padding: 0;
}

body.theme-clay .clay-header .nk-quick-nav-icon {
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

body.theme-clay .clay-header .quick-icon {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-elev-1) !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  transition: transform var(--clay-transition), box-shadow var(--clay-transition);
}

body.theme-clay .clay-header .quick-icon .icon {
  display: block !important;
  line-height: 1 !important;
  margin: 0 !important;
  font-size: 1.25rem !important;
}

body.theme-clay .clay-header .quick-icon img.icon {
  display: block;
  margin: 0 auto;
}

body.theme-clay .clay-header .quick-icon:hover {
  transform: translateY(-2px);
  box-shadow: var(--clay-elev-2) !important;
}

body.theme-clay .clay-header .quick-icon:active {
  transform: translateY(0);
  box-shadow: var(--clay-inset) !important;
}

body.theme-clay .clay-header .user-avatar {
  box-shadow: var(--clay-elev-1) !important;
  border: 1px solid var(--clay-border);
}

body.theme-clay .clay-header .badge {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

body.theme-clay .clay-header .nk-header-tools {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
}

body.theme-clay .clay-header .clay-header-inner,
body.theme-clay .clay-header .clay-header-wrap,
body.theme-clay .clay-header .clay-header-actions,
body.theme-clay .clay-header .nk-quick-nav,
body.theme-clay .clay-header .nk-quick-nav > li {
  overflow: visible !important;
}

body.theme-clay .clay-header .nk-quick-nav .dropdown {
  position: relative;
}

body.theme-clay .clay-header .nk-quick-nav .dropdown-menu {
  --bs-dropdown-zindex: var(--clay-z-header-dropdown);
  z-index: var(--clay-z-header-dropdown) !important;
}

body.theme-clay .nk-header:not(.clay-header),
body.theme-clay .nk-header.is-light:not(.clay-header) {
  background: var(--clay-surface-raised) !important;
  border-bottom: 1px solid var(--clay-border);
  box-shadow: var(--clay-elev-1);
}

body.theme-clay .nk-header .quick-icon {
  background: var(--clay-surface) !important;
  border-color: var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-elev-1);
  transition: transform var(--clay-transition), box-shadow var(--clay-transition);
}

body.theme-clay .nk-header .quick-icon:hover {
  transform: translateY(-1px);
}

body.theme-clay.dark-mode .nk-header .quick-icon {
  background: var(--clay-surface-raised) !important;
}

/* ─── Sidebar / aside — raised clay panel (mockup style) ─── */
body.theme-clay .nk-aside {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2) !important;
  padding: 1rem 0.65rem !important;
}

@media (min-width: 992px) {
  body.theme-clay.has-aside .nk-content-inner {
    align-items: stretch !important;
    min-height: calc(100vh - var(--clay-header-offset));
    display: block !important;
  }

  body.theme-clay.has-aside .nk-aside {
    background: var(--clay-surface-raised) !important;
    border: 1px solid var(--clay-border) !important;
    border-radius: 0 var(--clay-radius-xl) var(--clay-radius-xl) 0 !important;
    box-shadow: var(--clay-elev-2) !important;
    width: var(--clay-sidebar-w) !important;
    margin-right: 0 !important;
    padding: 0.85rem 0.65rem !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: var(--clay-z-sidebar) !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

body.theme-clay.dark-mode .nk-aside {
  background: var(--clay-surface) !important;
}

body.theme-clay .sidebar-user-heading {
  color: var(--clay-accent) !important;
}

body.theme-clay .sidebar-user-role {
  color: var(--clay-primary) !important;
}

body.theme-clay .nk-menu-heading .overline-title {
  color: var(--clay-text-soft) !important;
}

body.theme-clay .nk-menu-link {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  border-radius: var(--clay-radius-md);
  margin: 2px 8px;
  padding-left: 12px !important;
  padding-right: 12px !important;
  transition: background var(--clay-transition), color var(--clay-transition), box-shadow var(--clay-transition);
}

body.theme-clay .nk-menu-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--clay-radius-sm) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--clay-bg-alt) !important;
  box-shadow: var(--clay-inset);
  flex-shrink: 0;
}

body.theme-clay .nk-menu-item.active .nk-menu-icon,
body.theme-clay .nk-menu-item.current-page .nk-menu-icon {
  background: var(--clay-primary-soft) !important;
}

body.theme-clay .nk-menu-text {
  font-weight: 500;
}

body.theme-clay .nk-menu-item.active > .nk-menu-link,
body.theme-clay .nk-menu-item.current-page > .nk-menu-link {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-primary-dark) !important;
  box-shadow: var(--clay-elev-1);
}

body.theme-clay.dark-mode .nk-menu-item.active > .nk-menu-link,
body.theme-clay.dark-mode .nk-menu-item.current-page > .nk-menu-link {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-primary) !important;
}

body.theme-clay .nk-menu-link:hover {
  background: var(--clay-primary-soft) !important;
}

/* ─── Typography ─── */
body.theme-clay .page-title,
body.theme-clay .nk-block-title {
  color: var(--clay-text) !important;
  letter-spacing: -0.02em;
}

body.theme-clay .text-soft,
body.theme-clay .nk-block-des,
body.theme-clay .form-text {
  color: var(--clay-text-soft) !important;
}

body.theme-clay.dark-mode h1,
body.theme-clay.dark-mode h2,
body.theme-clay.dark-mode h3,
body.theme-clay.dark-mode h4,
body.theme-clay.dark-mode h5,
body.theme-clay.dark-mode h6,
body.theme-clay.dark-mode .page-title,
body.theme-clay.dark-mode .nk-block-title {
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode .text-soft,
body.theme-clay.dark-mode .text-muted,
body.theme-clay.dark-mode .nk-block-des {
  color: var(--clay-text-soft) !important;
}

/* ─── Cards ─── */
body.theme-clay .card {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-lg) !important;
  box-shadow: var(--clay-elev-1);
}

body.theme-clay .card-bordered {
  border-color: var(--clay-border) !important;
}

body.theme-clay.dark-mode .card,
body.theme-clay.dark-mode .card-bordered {
  background: var(--clay-surface) !important;
}

body.theme-clay .card-inner {
  border-radius: inherit;
}

/* ─── Buttons ─── */
body.theme-clay .btn {
  border-radius: var(--clay-radius-md) !important;
  min-height: 38px;
  font-weight: 600;
  transition: transform var(--clay-transition), box-shadow var(--clay-transition);
}

body.theme-clay .btn:active {
  transform: translateY(1px);
}

body.theme-clay .btn-primary {
  background: linear-gradient(145deg, #5CB896, var(--clay-primary-dark)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow:
    4px 4px 14px rgba(58, 130, 105, 0.38),
    -3px -3px 10px rgba(255, 255, 255, 0.55) !important;
}

body.theme-clay.dark-mode .btn-primary {
  color: #042F2B !important;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.35);
}

body.theme-clay .btn-white,
body.theme-clay .btn-outline-primary,
body.theme-clay .btn-outline-light,
body.theme-clay .btn-outline-secondary,
body.theme-clay .btn-light {
  background: var(--clay-surface-raised) !important;
  border-color: var(--clay-border) !important;
  box-shadow: var(--clay-elev-1);
  color: var(--clay-text) !important;
}

body.theme-clay .btn-dim.btn-outline-primary {
  color: var(--clay-primary-dark) !important;
  background: var(--clay-primary-soft) !important;
  border-color: rgba(74, 155, 127, 0.35) !important;
}

body.theme-clay .btn-dim.btn-outline-secondary,
body.theme-clay .btn-dim.btn-outline-light {
  color: var(--clay-text-soft) !important;
  background: var(--clay-bg-alt) !important;
  border-color: var(--clay-border) !important;
}

body.theme-clay .btn-dim.btn-outline-danger {
  color: #c44d4d !important;
  background: rgba(228, 90, 90, 0.12) !important;
  border-color: rgba(228, 90, 90, 0.35) !important;
}

body.theme-clay .btn-dim.btn-outline-danger:not(:disabled):not(.disabled):hover,
body.theme-clay .btn-white.btn-dim.btn-outline-danger:not(:disabled):not(.disabled):hover {
  background: #e45a5a !important;
  border-color: #e45a5a !important;
  color: #fff !important;
}

body.theme-clay .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover,
body.theme-clay .btn-white.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover {
  background: var(--clay-primary) !important;
  border-color: var(--clay-primary) !important;
  color: #fff !important;
}

body.theme-clay .btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover,
body.theme-clay .btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover {
  background: var(--clay-primary-soft) !important;
  border-color: rgba(74, 155, 127, 0.35) !important;
  color: var(--clay-primary-dark) !important;
}

body.theme-clay .btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover,
body.theme-clay .btn-white.btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover,
body.theme-clay .btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
body.theme-clay .btn-white.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover {
  background: var(--clay-text-soft) !important;
  border-color: var(--clay-text-soft) !important;
  color: #fff !important;
}

body.theme-clay .btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover,
body.theme-clay .btn-white.btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover,
body.theme-clay .btn-light:not(:disabled):not(.disabled):hover,
body.theme-clay .btn-white.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover {
  background: var(--clay-bg-alt) !important;
  border-color: var(--clay-border) !important;
  color: var(--clay-text) !important;
}

body.theme-clay .btn-white:not(:disabled):not(.disabled):hover,
body.theme-clay .btn-outline-light:not(:disabled):not(.disabled):hover {
  background: var(--clay-bg-alt) !important;
  border-color: var(--clay-border) !important;
  color: var(--clay-text) !important;
}

body.theme-clay .btn-trigger:not(:disabled):not(.disabled):hover {
  background: var(--clay-primary-soft) !important;
  color: var(--clay-primary-dark) !important;
  border-color: rgba(74, 155, 127, 0.35) !important;
}

body.theme-clay.dark-mode .btn-white,
body.theme-clay.dark-mode .btn-outline-primary,
body.theme-clay.dark-mode .btn-outline-light,
body.theme-clay.dark-mode .btn-outline-secondary,
body.theme-clay.dark-mode .btn-light {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover,
body.theme-clay.dark-mode .btn-white.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover {
  background: var(--clay-primary) !important;
  border-color: var(--clay-primary) !important;
  color: #042F2B !important;
}

body.theme-clay.dark-mode .btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover,
body.theme-clay.dark-mode .btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover {
  background: var(--clay-primary-soft) !important;
  border-color: rgba(46, 232, 214, 0.35) !important;
  color: var(--clay-primary) !important;
}

body.theme-clay.dark-mode .btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover,
body.theme-clay.dark-mode .btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
body.theme-clay.dark-mode .btn-light:not(:disabled):not(.disabled):hover {
  background: var(--clay-surface) !important;
  border-color: var(--clay-border) !important;
  color: var(--clay-text) !important;
}

body.theme-clay .btn-icon {
  border-radius: var(--clay-radius-sm) !important;
  box-shadow: var(--clay-elev-1);
}

/* ─── Forms ─── */
body.theme-clay .form-control,
body.theme-clay .form-select,
body.theme-clay .dual-listbox .dual-listbox__search {
  background: var(--clay-bg-alt) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
  color: var(--clay-text) !important;
  box-shadow: var(--clay-inset);
  min-height: 42px;
}

body.theme-clay.dark-mode .form-control,
body.theme-clay.dark-mode .form-select {
  background: var(--clay-bg-alt) !important;
  color: var(--clay-text) !important;
}

body.theme-clay .form-control:focus,
body.theme-clay .form-select:focus {
  border-color: var(--clay-primary) !important;
  box-shadow: var(--clay-inset), 0 0 0 3px var(--clay-primary-soft) !important;
}

body.theme-clay .form-label {
  color: var(--clay-text);
  font-weight: 600;
}

body.theme-clay .input-group-text {
  background: var(--clay-surface) !important;
  border-color: var(--clay-border) !important;
  color: var(--clay-text-soft) !important;
  border-radius: var(--clay-radius-md) 0 0 var(--clay-radius-md) !important;
}

/* ─── Select2 ─── */
body.theme-clay .select2-container--default .select2-selection--single,
body.theme-clay .select2-container--default .select2-selection--multiple {
  background: var(--clay-bg-alt) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-inset);
  min-height: 42px;
}

body.theme-clay .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--clay-text) !important;
  line-height: 40px !important;
}

body.theme-clay .select2-dropdown {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-elev-2);
  z-index: calc(var(--clay-z-modal) + 10) !important;
}

body.theme-clay.dark-mode .select2-dropdown {
  background: var(--clay-surface) !important;
}

body.theme-clay .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--clay-primary-soft) !important;
  color: var(--clay-text) !important;
}

/* ─── Tables ─── */
body.theme-clay .table,
body.theme-clay .nk-tb-list {
  color: var(--clay-text);
}

body.theme-clay .nk-tb-head .nk-tb-col,
body.theme-clay .table thead th {
  background: var(--clay-bg-alt) !important;
  color: var(--clay-text-soft) !important;
  border-color: var(--clay-border) !important;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.theme-clay .nk-tb-item,
body.theme-clay .table tbody td {
  border-color: var(--clay-border) !important;
}

body.theme-clay .nk-tb-item:hover,
body.theme-clay .table tbody tr:hover td {
  background: var(--clay-primary-soft) !important;
}

body.theme-clay.dark-mode .nk-tb-head .nk-tb-col,
body.theme-clay.dark-mode .table thead th {
  background: var(--clay-bg-alt) !important;
}

/* Tablisa mazmuny — reňk utgaşygy (table-tranx, card-preview) */
body.theme-clay .table-tranx,
body.theme-clay .card-preview .table,
body.theme-clay .card-preview .responsive-card-table {
  color: var(--clay-text) !important;
}

body.theme-clay .table-tranx tbody td,
body.theme-clay .card-preview .table tbody td {
  color: var(--clay-text) !important;
  border-color: var(--clay-border) !important;
}

body.theme-clay .table-tranx tbody td a,
body.theme-clay .card-preview .table tbody td a,
body.theme-clay .table-tranx .tb-tnx-id span,
body.theme-clay .table-tranx .tb-tnx-info span,
body.theme-clay .card-preview .table tbody td span {
  color: var(--clay-text) !important;
  text-decoration: none;
}

body.theme-clay .table-tranx tbody td a:hover,
body.theme-clay .card-preview .table tbody td a:hover {
  color: var(--clay-primary) !important;
}

body.theme-clay .table-tranx thead th,
body.theme-clay .card-preview .table thead th,
body.theme-clay .table-tranx .tb-tnx-head th {
  background: var(--clay-bg-alt) !important;
  color: var(--clay-text-soft) !important;
  border-color: var(--clay-border) !important;
}

body.theme-clay .card.card-bordered.card-preview {
  background: var(--clay-surface-raised) !important;
  border-color: var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-panel) !important;
  overflow: hidden;
}

body.theme-clay .card-preview .table tbody tr:hover td {
  background: var(--clay-primary-soft) !important;
}

body.theme-clay.dark-mode .table-tranx tbody td a,
body.theme-clay.dark-mode .card-preview .table tbody td a,
body.theme-clay.dark-mode .table-tranx .tb-tnx-id span,
body.theme-clay.dark-mode .table-tranx .tb-tnx-info span {
  color: var(--clay-text) !important;
}

body.theme-clay .is-orphan-row {
  background-color: rgba(240, 113, 103, 0.08) !important;
  border-left-color: #F07167 !important;
}

body.theme-clay.dark-mode .is-orphan-row {
  background-color: rgba(240, 113, 103, 0.12) !important;
}

/* ─── Modals ─── */
body.theme-clay .modal {
  --bs-modal-zindex: var(--clay-z-modal);
  z-index: var(--clay-z-modal) !important;
}

body.theme-clay .modal-backdrop {
  --bs-backdrop-zindex: calc(var(--clay-z-modal) - 1);
  z-index: calc(var(--clay-z-modal) - 1) !important;
}

/* nk-content z-index:1 modalları header (1050) altında bırakır — modal açıkken header geri çek */
body.theme-clay.modal-open .nk-header-fixed,
body.theme-clay.modal-open .clay-header.nk-header-fixed {
  z-index: var(--clay-z-sidebar) !important;
}

body.theme-clay.modal-open .nk-content {
  z-index: calc(var(--clay-z-modal) - 1) !important;
}

body.theme-clay .modal-content {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2);
}

body.theme-clay.dark-mode .modal-content {
  background: var(--clay-surface) !important;
}

body.theme-clay .modal-header,
body.theme-clay .modal-footer {
  border-color: var(--clay-border) !important;
}

/* ─── Dropdowns ─── */
body.theme-clay .dropdown-menu {
  --bs-dropdown-zindex: var(--clay-z-page-dropdown);
  z-index: var(--clay-z-page-dropdown) !important;
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-elev-2);
}

body.theme-clay .nk-block-head .dropdown,
body.theme-clay .nk-block-tools-opt .dropdown,
body.theme-clay .card-header .dropdown {
  position: relative;
  z-index: var(--clay-z-page-dropdown);
}

body.theme-clay .nk-block-head .dropdown-menu.show,
body.theme-clay .nk-block-tools .dropdown-menu.show,
body.theme-clay .card-header .dropdown-menu.show {
  z-index: calc(var(--clay-z-page-dropdown) + 1) !important;
}

body.theme-clay.dark-mode .dropdown-menu {
  background: var(--clay-surface) !important;
}

body.theme-clay .dropdown-item {
  color: var(--clay-text) !important;
  border-radius: var(--clay-radius-sm);
}

body.theme-clay .dropdown-item:hover {
  background: var(--clay-primary-soft) !important;
}

/* ─── Alerts / badges ─── */
body.theme-clay .alert {
  border-radius: var(--clay-radius-md) !important;
  border: 1px solid var(--clay-border);
}

body.theme-clay .badge {
  border-radius: 999px;
  font-weight: 600;
}

body.theme-clay.dark-mode .bg-white {
  background-color: var(--clay-surface) !important;
}

body.theme-clay.dark-mode .bg-light,
body.theme-clay.dark-mode .bg-lighter {
  background-color: var(--clay-bg-alt) !important;
}

/* ─── Footer ─── */
body.theme-clay .nk-footer {
  background: transparent !important;
  color: var(--clay-text-soft);
}

/* ─── Dashboard page overrides ─── */
body.theme-clay .db-hero {
  background:
    radial-gradient(ellipse 70% 55% at 8% 15%, rgba(91, 141, 239, 0.14), transparent),
    radial-gradient(ellipse 55% 45% at 92% 20%, rgba(30, 212, 196, 0.1), transparent),
    var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-1);
}

body.theme-clay.dark-mode .db-hero {
  background:
    radial-gradient(ellipse 70% 55% at 8% 15%, rgba(91, 141, 239, 0.1), transparent),
    radial-gradient(ellipse 55% 45% at 92% 20%, rgba(46, 232, 214, 0.08), transparent),
    var(--clay-surface) !important;
}

body.theme-clay .db-kpi {
  border-radius: var(--clay-radius-lg) !important;
}

body.theme-clay .db-kpi .db-kpi-icon {
  border-radius: var(--clay-radius-sm) !important;
  box-shadow: var(--clay-inset);
}

body.theme-clay .db-chip {
  background: var(--clay-surface-raised) !important;
  border-color: var(--clay-border) !important;
  box-shadow: var(--clay-elev-1);
}

body.theme-clay.dark-mode .db-chip {
  background: var(--clay-surface-raised) !important;
}

body.theme-clay .db-muted {
  color: var(--clay-text-soft) !important;
}

/* ─── Auth / login pages ─── */
body.theme-clay.pg-auth {
  background: var(--clay-bg) !important;
}

body.theme-clay.pg-auth .nk-auth-container,
body.theme-clay.pg-auth .bg-white {
  background: var(--clay-surface) !important;
}

body.theme-clay.dark-mode.pg-auth .nk-auth-container {
  background: var(--clay-surface) !important;
}

body.theme-clay.pg-auth .nk-split-stretch.bg-abstract {
  background:
    radial-gradient(ellipse 80% 70% at 30% 40%, rgba(91, 141, 239, 0.22), transparent),
    radial-gradient(ellipse 60% 50% at 75% 65%, rgba(30, 212, 196, 0.16), transparent),
    linear-gradient(160deg, #1A2744 0%, #0F172A 55%, #131C31 100%) !important;
}

body.theme-clay.dark-mode.pg-auth .nk-split-stretch.bg-abstract {
  background:
    radial-gradient(ellipse 80% 70% at 30% 40%, rgba(91, 141, 239, 0.18), transparent),
    radial-gradient(ellipse 60% 50% at 75% 65%, rgba(46, 232, 214, 0.12), transparent),
    linear-gradient(160deg, #0B1220 0%, #0F172A 100%) !important;
}

body.theme-clay.pg-auth .nk-auth-body {
  padding: 1.5rem;
}

body.theme-clay.pg-auth .nk-block-head .nk-block-title {
  font-size: 1.35rem;
}

/* ─── Role popup (dark mode aware) ─── */
body.theme-clay .role-popup-card {
  background: var(--clay-surface-raised) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2);
}

body.theme-clay .role-popup-body h3 {
  color: var(--clay-text) !important;
}

body.theme-clay .role-popup-body p {
  color: var(--clay-text-soft) !important;
}

/* ─── Focus accessibility ─── */
body.theme-clay :focus-visible {
  outline: 2px solid var(--clay-primary);
  outline-offset: 2px;
}

/* ─── Pagination ─── */
body.theme-clay .page-link {
  background: var(--clay-surface) !important;
  border-color: var(--clay-border) !important;
  color: var(--clay-text) !important;
  border-radius: var(--clay-radius-sm) !important;
}

body.theme-clay .page-item.active .page-link {
  background: var(--clay-primary) !important;
  border-color: var(--clay-primary) !important;
  color: #0A3D38 !important;
}

/* ─── Dark mode: extended component coverage ─── */
body.theme-clay.dark-mode .nk-tb-list .nk-tb-col,
body.theme-clay.dark-mode .nk-tb-item .nk-tb-col {
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode .form-control::placeholder {
  color: var(--clay-text-soft) !important;
  opacity: 0.75;
}

body.theme-clay.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-clay.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode .select2-container--default .select2-selection--single,
body.theme-clay.dark-mode .select2-container--default .select2-selection--multiple {
  background: var(--clay-bg-alt) !important;
  border-color: var(--clay-border) !important;
}

body.theme-clay.dark-mode .select2-container--default .select2-results__option {
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode .nav-tabs {
  border-color: var(--clay-border) !important;
}

body.theme-clay.dark-mode .nav-tabs .nav-link {
  color: var(--clay-text-soft) !important;
}

body.theme-clay.dark-mode .nav-tabs .nav-link.active {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-primary) !important;
  border-color: var(--clay-border) var(--clay-border) var(--clay-surface-raised) !important;
}

body.theme-clay.dark-mode .list-group-item {
  background: var(--clay-surface) !important;
  border-color: var(--clay-border) !important;
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode .custom-control-label {
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode .toastr {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-text) !important;
  box-shadow: var(--clay-elev-2);
}

body.theme-clay.dark-mode .nk-block-head {
  border-color: var(--clay-border);
}

body.theme-clay.dark-mode a:not(.btn):not(.nk-menu-link):not(.page-link) {
  color: var(--clay-accent);
}

body.theme-clay.dark-mode .text-primary {
  color: var(--clay-primary) !important;
}

body.theme-clay.dark-mode .border-light {
  border-color: var(--clay-border) !important;
}

body.theme-clay.dark-mode .card .card-title,
body.theme-clay.dark-mode .card .card-text {
  color: var(--clay-text);
}

body.theme-clay.dark-mode .modal-backdrop.show {
  opacity: 0.65;
}

body.theme-clay.dark-mode .spinner-border.text-primary {
  color: var(--clay-primary) !important;
}

body.theme-clay.dark-mode.pg-auth .nk-block-title,
body.theme-clay.dark-mode.pg-auth .nk-block-des p {
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode.pg-auth .form-label {
  color: var(--clay-text) !important;
}

body.theme-clay.dark-mode.pg-auth .input-group-text {
  background: var(--clay-bg-alt) !important;
  color: var(--clay-text-soft) !important;
}

/* ═══════════════════════════════════════════════════════════
   Faz 2 — Sayfa-özel CSS, raporlar, chat, datepicker, docs
   ═══════════════════════════════════════════════════════════ */

/* Scrollbar */
body.theme-clay ::-webkit-scrollbar { width: 7px; height: 7px; }
body.theme-clay ::-webkit-scrollbar-track { background: var(--clay-bg-alt); }
body.theme-clay ::-webkit-scrollbar-thumb {
  background: var(--clay-text-soft);
  border-radius: 10px;
  opacity: 0.5;
}
body.theme-clay.dark-mode ::-webkit-scrollbar-thumb {
  background: #475569;
}

/* Reports — shared pages CSS */
body.theme-clay .tableHeaderFix thead th {
  background: var(--clay-bg-alt) !important;
  color: var(--clay-text-soft) !important;
  border-color: var(--clay-border) !important;
}
body.theme-clay .chart-container {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-lg) !important;
  box-shadow: var(--clay-elev-1);
}
body.theme-clay .report-nav .btn {
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-elev-1);
}

/* Hasabat sahypalary — tab paneli + tablisa (umumy) */
body.theme-clay .reports-page .nk-block-head .nk-block-between-md,
body.theme-clay .report-main .nk-block-head .nk-block-between-md,
body.theme-clay .report-users .nk-block-head .nk-block-between-md,
body.theme-clay .report-audit .nk-block-head .nk-block-between-md,
body.theme-clay .reports-monthly-page .nk-block-head .nk-block-between-md {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-panel) !important;
  padding: 14px 16px !important;
  margin-bottom: 1rem !important;
}

body.theme-clay .reports-page .card,
body.theme-clay .report-users .card,
body.theme-clay .report-audit .card,
body.theme-clay .reports-monthly-page .card,
body.theme-clay .report-main .table-container,
body.theme-clay .report-main .chart-container {
  box-shadow: var(--clay-elev-panel) !important;
  border-radius: var(--clay-radius-xl) !important;
}

body.theme-clay .reports-page .card .table thead,
body.theme-clay .report-users .card .table thead,
body.theme-clay .report-audit .card .table thead {
  background: var(--clay-bg-alt) !important;
}

body.theme-clay .reports-page .table-responsive,
body.theme-clay .report-users .table-responsive,
body.theme-clay .report-audit .table-responsive {
  border-radius: 0 0 var(--clay-radius-xl) var(--clay-radius-xl);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Report main dashboard */
body.theme-clay .report-main .hero-wrapper {
  background: linear-gradient(135deg, #2B4A7A 0%, #3D5A8C 45%, #5B8DEF 100%) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2);
}
body.theme-clay.dark-mode .report-main .hero-wrapper {
  background: linear-gradient(135deg, #131C31 0%, #1A2744 50%, #243B6B 100%) !important;
}
body.theme-clay .report-main .kpi-card {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-lg) !important;
  box-shadow: var(--clay-elev-1) !important;
}
body.theme-clay .report-main .kpi-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--clay-elev-2) !important;
}
body.theme-clay .report-main .kpi-value {
  color: var(--clay-text) !important;
}
body.theme-clay .report-main .kpi-icon-box {
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-inset);
}
body.theme-clay .report-main .nav-tile-btn {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-lg) !important;
  box-shadow: var(--clay-elev-1);
  color: var(--clay-text) !important;
}
body.theme-clay .report-main .nav-tile-btn:hover {
  border-color: var(--clay-accent) !important;
  background: var(--clay-accent-soft) !important;
}
body.theme-clay .report-main .table-container {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-lg) !important;
  color: var(--clay-text) !important;
  box-shadow: var(--clay-elev-1);
}
body.theme-clay .report-main .table-container .fw-bold {
  color: var(--clay-text) !important;
}
body.theme-clay .report-main .table thead th {
  background: var(--clay-bg-alt) !important;
  color: var(--clay-text-soft) !important;
}
body.theme-clay .report-main .table tbody td {
  border-color: var(--clay-border) !important;
  color: var(--clay-text);
}
body.theme-clay .report-main .ratio-pill {
  background: var(--clay-bg-alt) !important;
  border-color: var(--clay-border) !important;
}
body.theme-clay .report-main .ratio-pill .ratio-total {
  color: var(--clay-text) !important;
}

/* Documentation */
body.theme-clay .documentation-page .documentation-role-card {
  transition: transform var(--clay-transition), box-shadow var(--clay-transition);
}
body.theme-clay .documentation-page .documentation-role-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--clay-elev-2);
}
body.theme-clay .documentation-page .bg-lighter {
  background: var(--clay-bg-alt) !important;
  border: 1px solid var(--clay-border);
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-inset);
}
body.theme-clay .documentation-page .badge-dim {
  border-radius: var(--clay-radius-sm) !important;
}
body.theme-clay .documentation-page .lead.text-primary {
  color: var(--clay-primary) !important;
}
body.theme-clay .documentation-page code {
  background: var(--clay-bg-alt);
  color: var(--clay-accent);
  padding: 2px 6px;
  border-radius: 6px;
}

/* Chat */
body.theme-clay .nk-chat {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2) !important;
}
body.theme-clay .chat-aside,
body.theme-clay .chat-header,
body.theme-clay .chat-input-wrapper {
  background: var(--clay-surface) !important;
  border-color: var(--clay-border) !important;
}
body.theme-clay .chat-body {
  background: var(--clay-bg) !important;
}
body.theme-clay .chat-list-item {
  border-color: var(--clay-border) !important;
  color: var(--clay-text) !important;
}
body.theme-clay .chat-list-item:hover,
body.theme-clay .chat-list-item.active {
  background: var(--clay-accent-soft) !important;
}
body.theme-clay .chat-list-item.active {
  border-left-color: var(--clay-accent) !important;
}
body.theme-clay .msg-you {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-text) !important;
  border: 1px solid var(--clay-border);
  box-shadow: var(--clay-elev-1) !important;
}
body.theme-clay .msg-me {
  background: linear-gradient(145deg, var(--clay-accent), #4A7AD9) !important;
  box-shadow: 3px 3px 12px rgba(91, 141, 239, 0.3) !important;
}
body.theme-clay .chat-input-box {
  background: var(--clay-bg-alt) !important;
  box-shadow: var(--clay-inset);
}
body.theme-clay .chat-input-box input {
  color: var(--clay-text) !important;
}

/* Datepicker (Bootstrap) */
body.theme-clay .datepicker {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-elev-2) !important;
}
body.theme-clay .datepicker table tr td.day:hover,
body.theme-clay .datepicker table tr td.day.focused {
  background: var(--clay-primary-soft) !important;
}
body.theme-clay .datepicker table tr td.active,
body.theme-clay .datepicker table tr td.active:hover {
  background: var(--clay-primary) !important;
  color: #0A3D38 !important;
}
body.theme-clay.dark-mode .datepicker {
  background: var(--clay-surface) !important;
}
body.theme-clay.dark-mode .datepicker table tr td,
body.theme-clay.dark-mode .datepicker table tr th {
  color: var(--clay-text) !important;
}

/* Application admin — mobile card rows */
body.theme-clay .admin-applications-index .table tbody tr {
  border-color: var(--clay-border) !important;
  background: var(--clay-surface-raised) !important;
  box-shadow: var(--clay-elev-1) !important;
}
body.theme-clay.dark-mode .admin-applications-index .table tbody tr {
  background: var(--clay-surface) !important;
}

/* RBAC */
body.theme-clay code {
  background: var(--clay-bg-alt);
  color: var(--clay-accent);
  padding: 2px 7px;
  border-radius: 6px;
  border: 1px solid var(--clay-border);
}
body.theme-clay.dark-mode code {
  background: var(--clay-bg-alt);
  color: var(--clay-primary);
}

/* Checkbox / switch */
body.theme-clay .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--clay-primary) !important;
  border-color: var(--clay-primary) !important;
}
body.theme-clay .custom-switch .custom-control-label::before {
  background: var(--clay-bg-alt) !important;
  border-color: var(--clay-border) !important;
  box-shadow: var(--clay-inset);
}

/* Tabs (report pages, profile) */
body.theme-clay .nav-tabs .nav-link {
  border-radius: var(--clay-radius-sm) var(--clay-radius-sm) 0 0;
  color: var(--clay-text-soft);
}
body.theme-clay .nav-tabs .nav-link.active {
  background: var(--clay-surface-raised) !important;
  border-color: var(--clay-border) var(--clay-border) var(--clay-surface-raised) !important;
  color: var(--clay-primary-dark) !important;
  box-shadow: var(--clay-elev-1);
}

/* Accordion */
body.theme-clay .accordion-item {
  background: var(--clay-surface) !important;
  border-color: var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
}
body.theme-clay .accordion-button {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-text) !important;
  box-shadow: none !important;
}
body.theme-clay.dark-mode .accordion-button:not(.collapsed) {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-primary) !important;
}

/* Progress */
body.theme-clay .progress {
  background: var(--clay-bg-alt) !important;
  border-radius: var(--clay-radius-pill);
  box-shadow: var(--clay-inset);
}
body.theme-clay .progress-bar {
  background: linear-gradient(90deg, var(--clay-primary-dark), var(--clay-primary)) !important;
}

/* Tooltip / popover */
body.theme-clay .tooltip-inner {
  background: var(--clay-surface-raised);
  color: var(--clay-text);
  border: 1px solid var(--clay-border);
  box-shadow: var(--clay-elev-2);
}
body.theme-clay .popover {
  background: var(--clay-surface-raised) !important;
  border-color: var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-elev-2);
}
body.theme-clay .popover-body {
  color: var(--clay-text) !important;
}

/* Simplebar (sidebar scroll) */
body.theme-clay .simplebar-scrollbar::before {
  background: var(--clay-text-soft) !important;
  opacity: 0.35;
}

/* Group / garden inline table pages */
body.theme-clay .monthly-marks-page .table-responsive,
body.theme-clay .garden-stock-page .table-responsive,
body.theme-clay .audit-index-page .table-responsive {
  border-radius: var(--clay-radius-lg) !important;
  border: 1px solid var(--clay-border);
  box-shadow: var(--clay-elev-1);
}

/* Audit form grids */
body.theme-clay .audit-form-page .form-item .form-label {
  color: var(--clay-text);
}

/* Payment invoices */
body.theme-clay .payment-invoicesadmin-page .card,
body.theme-clay .admin-applications-page .card {
  border-radius: var(--clay-radius-lg) !important;
}

/* Absent / schedule inline cards */
body.theme-clay .card.card-preview,
body.theme-clay .card.h-100 {
  box-shadow: var(--clay-elev-1);
}

/* Toast notifications */
body.theme-clay .toastr,
body.theme-clay .toast {
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-elev-2) !important;
}

/* Dual listbox */
body.theme-clay .dual-listbox .dual-listbox__available,
body.theme-clay .dual-listbox .dual-listbox__selected {
  background: var(--clay-bg-alt) !important;
  border-color: var(--clay-border) !important;
  border-radius: var(--clay-radius-md) !important;
}

/* User index mobile action buttons — keep touch targets */
body.theme-clay .nk-tb-actions .btn-icon {
  min-width: 36px;
  min-height: 36px;
}

/* Loader */
body.theme-clay #global-loader .text-primary {
  color: var(--clay-primary) !important;
}
body.theme-clay #global-loader .spinner-border.text-primary {
  border-color: var(--clay-primary);
  border-right-color: transparent;
}

/* Dark mode — faz 2 ek */
body.theme-clay.dark-mode .documentation-page .bg-lighter {
  background: var(--clay-bg-alt) !important;
  color: var(--clay-text);
}
body.theme-clay.dark-mode .report-main .table-container .text-soft {
  color: var(--clay-text-soft) !important;
}
body.theme-clay.dark-mode .badge-dim.bg-outline-primary {
  border-color: var(--clay-primary) !important;
  color: var(--clay-primary) !important;
}
body.theme-clay.dark-mode .alert-success {
  background: rgba(30, 212, 196, 0.12) !important;
  border-color: rgba(30, 212, 196, 0.25) !important;
  color: var(--clay-primary) !important;
}
body.theme-clay.dark-mode .alert-danger {
  background: rgba(240, 113, 103, 0.12) !important;
  border-color: rgba(240, 113, 103, 0.25) !important;
  color: #F07167 !important;
}
body.theme-clay.dark-mode .alert-warning {
  background: rgba(244, 189, 14, 0.1) !important;
  color: #F4BD0E !important;
}
body.theme-clay.dark-mode .table {
  color: var(--clay-text);
}
body.theme-clay.dark-mode .table td,
body.theme-clay.dark-mode .table th {
  border-color: var(--clay-border) !important;
}
body.theme-clay.dark-mode .nk-footer {
  color: var(--clay-text-soft) !important;
}
body.theme-clay.dark-mode .nk-footer a {
  color: var(--clay-primary) !important;
}

/* ═══════════════════════════════════════════════════════════
   MOCKUP ALIGNMENT — görsel mockup'a yakınlaştırma boost
   ═══════════════════════════════════════════════════════════ */

/* Header — clay bar (clay-header hariç, o ayrı stillenir) */
body.theme-clay .nk-header:not(.clay-header) {
  box-shadow: var(--clay-elev-2) !important;
  border-bottom: 1px solid var(--clay-border) !important;
}

body.theme-clay .clay-header .user-avatar,
body.theme-clay .nk-header .user-avatar {
  box-shadow: var(--clay-elev-1) !important;
  border-radius: 50% !important;
}

@media (max-width: 575.98px) {
  body.theme-clay .clay-header {
    padding: 6px 0 4px !important;
  }
  body.theme-clay .clay-header .clay-header-inner {
    padding: 0 10px !important;
    border-radius: var(--clay-radius-lg) !important;
  }
  body.theme-clay .clay-header .quick-icon {
    width: 38px !important;
    height: 38px !important;
  }
}

/* Content alanı — mockup boşluğu */
body.theme-clay.has-aside .nk-content-body {
/*  padding-top: 1.5rem !important;*/
}

body.theme-clay .nk-content .container.wide-xl {
  max-width: 100%;
}

/* Kartlar — belirgin clay kabartma */
body.theme-clay .card,
body.theme-clay .card.card-bordered {
  box-shadow: var(--clay-elev-2) !important;
  transition: transform var(--clay-transition), box-shadow var(--clay-transition);
}

body.theme-clay .card:hover {
  transform: translateY(-2px);
}

body.theme-clay .db-hero {
  background:
    radial-gradient(ellipse 75% 60% at 8% 18%, rgba(91, 141, 239, 0.16), transparent),
    radial-gradient(ellipse 60% 50% at 92% 12%, rgba(30, 212, 196, 0.12), transparent),
    var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2) !important;
}

body.theme-clay.dark-mode .db-hero {
  background:
    radial-gradient(ellipse 75% 60% at 8% 18%, rgba(91, 141, 239, 0.12), transparent),
    radial-gradient(ellipse 60% 50% at 92% 12%, rgba(46, 232, 214, 0.08), transparent),
    var(--clay-surface) !important;
}

body.theme-clay .db-kpi {
  border-radius: var(--clay-radius-lg) !important;
  box-shadow: var(--clay-elev-2) !important;
}

body.theme-clay .db-kpi .db-kpi-icon {
  border-radius: var(--clay-radius-md) !important;
  box-shadow: var(--clay-inset) !important;
}

body.theme-clay .db-kpi .db-kpi-icon[style*="101, 118, 255"] {
  background: var(--clay-accent-soft) !important;
}

body.theme-clay .db-chip {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  box-shadow: var(--clay-elev-1) !important;
  color: var(--clay-text) !important;
}

body.theme-clay .db-muted {
  color: var(--clay-text-soft) !important;
}

/* Tablo kartları */
body.theme-clay .card.card-stretch,
body.theme-clay .card.card-preview {
  box-shadow: var(--clay-elev-2) !important;
  border-radius: var(--clay-radius-xl) !important;
  overflow: hidden;
}

body.theme-clay .card.card-stretch .card-inner.p-0 {
  border-radius: inherit;
}

/* DashLite flat renkleri yumuşat */
body.theme-clay .btn-info,
body.theme-clay .btn-success,
body.theme-clay .btn-danger,
body.theme-clay .btn-warning,
body.theme-clay .btn-secondary {
  box-shadow: var(--clay-elev-1) !important;
  border-radius: var(--clay-radius-md) !important;
}

/* Aktif menü — mockup kabartması */
body.theme-clay .nk-menu-item.active > .nk-menu-link,
body.theme-clay .nk-menu-item.current-page > .nk-menu-link {
  box-shadow: var(--clay-elev-2) !important;
  font-weight: 600 !important;
}

/* Form alanları — içe gömülü clay */
body.theme-clay .form-control,
body.theme-clay .form-select {
  min-height: 44px !important;
  box-shadow: var(--clay-inset) !important;
}

/* Filtre satırları */
body.theme-clay .row.g-2 .form-control,
body.theme-clay .row.g-2 .form-select {
  background: var(--clay-surface-raised) !important;
}

/* Modal */
body.theme-clay .modal-content {
  box-shadow: var(--clay-elev-2) !important;
}

/* Sayfa başlıkları */
body.theme-clay .page-title,
body.theme-clay .nk-block-title.page-title {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR — profil üstte, çıkış altta
   ═══════════════════════════════════════════════════════════ */
body.theme-clay .clay-sidebar,
body.theme-clay .clay-sidebar .simplebar-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

body.theme-clay .clay-sidebar {
  padding: 0 4px !important;
  width: 100%;
}

/* Nokta 1 — profil en üstte, header ile çakışma yok */
body.theme-clay .clay-sidebar-header {
  padding: 2px 4px 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--clay-border);
  flex-shrink: 0;
}

body.theme-clay .clay-sidebar-header .clay-sidebar-user {
  margin-bottom: 0;
}

body.theme-clay .clay-sidebar-nav {
  flex: 0 0 auto;
  overflow: visible;
  padding-bottom: 8px !important;
}

body.theme-clay .clay-sidebar-bottom {
  margin-top: 8px;
  padding: 10px 6px 2px;
  border-top: 1px solid var(--clay-border);
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  z-index: 3;
  background: var(--clay-surface-raised);
}

body.theme-clay .clay-sidebar-footer {
  padding: 0;
  border-top: none;
  margin-top: 0;
}

/* Nokta 3 — sidebar alt boşluk kapat */
@media (min-width: 992px) {
  body.theme-clay .nk-aside .clay-sidebar {
    min-height: 100% !important;
  }
  body.theme-clay .clay-sidebar-nav {
    flex: 0 0 auto !important;
    overflow: visible !important;
  }
}

body.theme-clay .clay-sidebar-user {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  background: var(--clay-surface-raised);
  border-radius: var(--clay-radius-lg);
  border: 1px solid var(--clay-border);
  box-shadow: var(--clay-elev-2);
}

body.theme-clay .clay-sidebar-garden {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: var(--clay-primary-dark);
  margin-bottom: 2px;
}

body.theme-clay .clay-sidebar-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(145deg, #5CB896, var(--clay-primary-dark));
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 3px 3px 8px rgba(58, 130, 105, 0.3);
}

body.theme-clay .clay-sidebar-user-name {
  font-weight: 600;
  font-size: 14px;
  color: var(--clay-text);
  line-height: 1.2;
}

body.theme-clay .clay-sidebar-user-role {
  font-size: 12px;
  color: var(--clay-text-soft);
}

body.theme-clay .clay-sidebar-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 14px;
  border-radius: var(--clay-radius-md);
  background: var(--clay-surface-raised);
  border: 1px solid var(--clay-border);
  color: var(--clay-text-soft);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  box-shadow: var(--clay-elev-1);
  transition: background var(--clay-transition), color var(--clay-transition);
}

body.theme-clay .clay-sidebar-logout:hover {
  background: var(--clay-primary-soft);
  color: var(--clay-primary-dark);
}

body.theme-clay .nk-menu-item.active > .nk-menu-link,
body.theme-clay .nk-menu-item.current-page > .nk-menu-link {
  background: var(--clay-primary-soft) !important;
  color: var(--clay-primary-dark) !important;
}

body.theme-clay.dark-mode .clay-sidebar-user,
body.theme-clay.dark-mode .clay-sidebar-logout {
  background: var(--clay-surface-raised) !important;
}

/* ═══════════════════════════════════════════════════════════
   LİSTE SAYFASI — Işgärler mockup
   ═══════════════════════════════════════════════════════════ */
/* Filtre paneli — ähli sahypalar (clay-filter-bar) */
body.theme-clay .clay-filter-bar {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  padding: 18px 20px !important;
  box-shadow: var(--clay-inset) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden;
}

body.theme-clay .clay-filter-bar .form-control,
body.theme-clay .clay-filter-bar .form-select {
  background: var(--clay-bg-alt) !important;
  box-shadow: var(--clay-inset) !important;
  border: 1px solid transparent !important;
  color: var(--clay-text) !important;
}

body.theme-clay .clay-filter-bar .btn-primary {
  min-height: 44px;
  white-space: nowrap;
}

/* Köne filtre gurluşy: col-11 + col-md-1 (bagça, galereýa we ş.m.) */
body.theme-clay .nk-content-body form.mb-3:not(.clay-filter-bar) {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  padding: 18px 20px !important;
  box-shadow: var(--clay-inset) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden;
}

body.theme-clay .nk-content-body form.mb-3:not(.clay-filter-bar) .col-11 {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0;
}

body.theme-clay .nk-content-body form.mb-3:not(.clay-filter-bar) .col-md-1 {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 7rem !important;
  max-width: none !important;
}

body.theme-clay .nk-content-body form.mb-3:not(.clay-filter-bar) .col-md-1 .btn {
  width: 100%;
  min-height: 44px;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
}

body.theme-clay .clay-list-page .clay-btn-add {
  min-height: 44px;
  padding: 0 20px;
  font-weight: 600;
}

body.theme-clay .clay-list-page .card.card-stretch {
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2) !important;
  margin-top: 8px;
}

body.theme-clay .clay-list-page .nk-tb-head {
  background: var(--clay-bg-alt) !important;
  border-radius: var(--clay-radius-lg) var(--clay-radius-lg) 0 0;
}

body.theme-clay .clay-list-page .nk-tb-head .nk-tb-col {
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700 !important;
  color: var(--clay-text-soft) !important;
  padding: 14px 16px !important;
}

body.theme-clay .clay-list-page .nk-tb-item:not(.nk-tb-head) {
  border-bottom: 1px solid var(--clay-border) !important;
  transition: background var(--clay-transition);
}

body.theme-clay .clay-list-page .nk-tb-item:not(.nk-tb-head):hover {
  background: var(--clay-primary-soft) !important;
}

body.theme-clay .clay-list-page .nk-tb-item:not(.nk-tb-head) .nk-tb-col {
  padding: 14px 16px !important;
  vertical-align: middle;
}

body.theme-clay .clay-list-page .clay-user-cell {
  display: flex !important;
  align-items: center;
  gap: 12px;
}

body.theme-clay .clay-list-page .clay-row-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--clay-accent-soft);
  color: var(--clay-primary-dark);
  font-weight: 700;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: var(--clay-inset);
}

body.theme-clay .clay-list-page .tb-lead {
  font-weight: 600 !important;
  color: var(--clay-text) !important;
  display: block;
}

body.theme-clay .clay-list-page .user-info .sub-text {
  font-size: 12px !important;
  color: var(--clay-text-soft) !important;
}

body.theme-clay .clay-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  background: var(--clay-surface-raised);
  border: 1px solid var(--clay-border);
  box-shadow: var(--clay-elev-1);
}

body.theme-clay .clay-status-pill.is-active {
  color: var(--clay-primary-dark);
}

body.theme-clay .clay-status-pill.is-inactive {
  color: #C45A52;
  background: rgba(240, 113, 103, 0.1);
  border-color: rgba(240, 113, 103, 0.2);
}

body.theme-clay .clay-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

body.theme-clay .clay-list-page .nk-tb-col-tools {
  max-width: none !important;
  min-width: 7.5rem !important;
  width: auto !important;
  white-space: nowrap;
  text-align: right;
}

body.theme-clay .clay-list-page .tb-col-relation {
  min-width: 5.5rem;
  max-width: 8rem;
  white-space: nowrap;
}

body.theme-clay .clay-list-page .tb-col-relation .badge {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

body.theme-clay .clay-list-page .card.card-stretch > .card-inner {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.theme-clay .clay-list-page .nk-tb-list.nk-tb-ulist {
  min-width: 920px;
  width: 100%;
}

body.theme-clay .clay-list-page .nk-tb-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 6px !important;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  position: static !important;
  right: auto !important;
}

body.theme-clay .clay-list-page .nk-tb-ulist .nk-tb-actions {
  right: 0 !important;
}

body.theme-clay .clay-list-page .nk-tb-actions .btn-trigger {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--clay-radius-sm) !important;
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  box-shadow: var(--clay-elev-1) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

body.theme-clay .clay-list-page .nk-tb-actions .btn-trigger:hover {
  background: var(--clay-primary-soft) !important;
  color: var(--clay-primary-dark) !important;
}

body.theme-clay .clay-list-page .is-orphan-row {
  background: rgba(240, 113, 103, 0.08) !important;
  border-left: 3px solid #E07A72 !important;
}

body.theme-clay .clay-list-page .badge.badge-dim {
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font-weight: 600;
}

body.theme-clay.dark-mode .clay-list-page .clay-filter-bar {
  background: var(--clay-surface) !important;
}

body.theme-clay.dark-mode .clay-list-page .nk-tb-head {
  background: var(--clay-bg-alt) !important;
}

body.theme-clay.dark-mode .clay-list-page .clay-row-avatar {
  background: var(--clay-primary-soft);
  color: var(--clay-primary);
}

/* Nokta 3 — Onlaýn sany kartı */
body.theme-clay .clay-online-card {
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2) !important;
  overflow: visible !important;
  margin-top: 1.25rem;
}

body.theme-clay .clay-online-card .card-inner {
  padding: 22px 24px !important;
}

/* Sekmeler — DashLite ::after çizgisi ve negatif margin kaldır */
body.theme-clay .clay-online-tabs {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  background: var(--clay-bg-alt);
  border-radius: var(--clay-radius-lg);
  padding: 6px;
  border: 1px solid var(--clay-border);
  box-shadow: var(--clay-inset);
  border-bottom: none !important;
  margin-bottom: 0 !important;
  list-style: none;
}

body.theme-clay .clay-online-tabs .nav-item {
  padding-right: 0 !important;
  margin-bottom: 0 !important;
}

body.theme-clay .clay-online-tabs .nav-link {
  border-radius: var(--clay-radius-md) !important;
  border: none !important;
  color: var(--clay-text-soft) !important;
  font-weight: 600;
  font-size: 0.875rem !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
  background: transparent !important;
}

body.theme-clay .clay-online-tabs .nav-link::before,
body.theme-clay .clay-online-tabs .nav-link::after {
  display: none !important;
  content: none !important;
}

body.theme-clay .clay-online-tabs .nav-link:hover,
body.theme-clay .clay-online-tabs .nav-link:focus {
  color: var(--clay-text) !important;
  border: none !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

body.theme-clay .clay-online-tabs .nav-link.active {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-primary-dark) !important;
  box-shadow: var(--clay-elev-1) !important;
  border: none !important;
}

body.theme-clay .clay-online-card .tab-content {
  padding-top: 20px !important;
  margin-top: 0 !important;
}

body.theme-clay .clay-online-card .tab-pane > .row {
  --bs-gutter-y: 0.75rem;
}

body.theme-clay .clay-online-card .db-chip {
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
  box-shadow: var(--clay-elev-1) !important;
  padding: 10px 16px !important;
  min-height: 44px;
  margin: 0 !important;
}

body.theme-clay .clay-online-card .db-chip.w-100 {
  justify-content: space-between;
}

body.theme-clay .clay-online-card .table {
  border-radius: var(--clay-radius-md);
  overflow: hidden;
  box-shadow: var(--clay-inset);
  margin-bottom: 0;
}

body.theme-clay.dark-mode .clay-online-tabs {
  background: var(--clay-bg-alt) !important;
}

body.theme-clay.dark-mode .clay-online-tabs .nav-link:hover,
body.theme-clay.dark-mode .clay-online-tabs .nav-link:focus {
  background: rgba(255, 255, 255, 0.04) !important;
}

@media (max-width: 991.98px) {
  body.theme-clay .clay-sidebar {
    min-height: auto;
  }
  body.theme-clay .clay-sidebar-footer {
    padding-bottom: 16px;
  }
}

/* ═══════════════════════════════════════════════════════════
   Navbar + sidebar — mockup: sidebar tam boy sol, header yalnız sağ sütun
   ═══════════════════════════════════════════════════════════ */

body.theme-clay .nk-header-fixed {
  z-index: var(--clay-z-header) !important;
}

body.theme-clay .nk-header-fixed + .nk-content,
body.theme-clay.has-aside .nk-content {
  position: relative;
  z-index: 1;
}

body.theme-clay .nk-header-fixed + .nk-content,
body.theme-clay.has-aside .nk-content {
  margin-top: 0 !important;
  /* DashLite nk-content { padding: 32px 22px } — navbar ile çakışmasın */
  padding-left: var(--clay-content-gutter) !important;
  padding-right: var(--clay-content-gutter) !important;
  padding-bottom: 1.25rem !important;
}

/* View içindeki ikinci nk-content — ekstra padding yok */
body.theme-clay.has-aside .nk-content-body > .nk-content,
body.theme-clay.has-aside .nk-content-body .nk-content.clay-list-page {
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 992px) {
  body.theme-clay.has-aside .clay-header.nk-header-fixed {
    left: var(--clay-sidebar-w) !important;
    width: calc(100% - var(--clay-sidebar-w)) !important;
    right: auto !important;
  }

  body.theme-clay.has-aside .nk-content {
    margin-left: var(--clay-sidebar-w) !important;
    width: calc(100% - var(--clay-sidebar-w)) !important;
    padding-top: var(--clay-header-offset) !important;
  }

  body.theme-clay.has-aside .nk-content-body {
    width: 100% !important;
    padding: 1rem 0 0 !important;
    min-height: calc(100vh - var(--clay-header-offset)) !important;
  }

  body.theme-clay .nk-aside [data-simplebar],
  body.theme-clay .nk-aside .clay-sidebar {
    height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
  }

  body.theme-clay .nk-aside .simplebar-wrapper,
  body.theme-clay .nk-aside .simplebar-mask {
    height: 100% !important;
  }
}

/* Mobil: header tam genişlik, içerik header altında */
@media (max-width: 991.98px) {
  body.theme-clay.has-aside .clay-header.nk-header-fixed {
    left: 0 !important;
    width: 100% !important;
  }

  body.theme-clay.has-aside .nk-content {
    margin-left: 0 !important;
    width: 100% !important;
    padding-top: var(--clay-header-offset) !important;
  }

  body.theme-clay .nk-aside {
    padding-top: var(--clay-header-offset) !important;
    z-index: 700 !important;
  }

  body.theme-clay .clay-header .nk-quick-nav .dropdown-menu {
    z-index: var(--clay-z-header-dropdown) !important;
  }
}

body.theme-clay .clay-sidebar-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.theme-clay .clay-header .me-n1,
body.theme-clay .clay-header .me-lg-n1 {
  margin-right: 0 !important;
}

/* Sidebar alt boşluk — menü + footer tam doldurur */
body.theme-clay .nk-aside {
  display: flex !important;
  flex-direction: column !important;
}

body.theme-clay .clay-sidebar-nav {
  flex: 0 0 auto !important;
  overflow: visible !important;
  min-height: 0 !important;
}

body.theme-clay .clay-sidebar-bottom {
  flex-shrink: 0 !important;
}

/* Sayfa / kart başlık satırı — başlık + aksiyon butonu (ortak clay) */
body.theme-clay .nk-block-head .nk-block-between-md,
body.theme-clay .nk-block-between-md.g-3,
body.theme-clay .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-panel) !important;
  padding: 8px 16px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden;
}

body.theme-clay .nk-block-head .nk-block-between-md:has(.dropdown),
body.theme-clay .nk-block-between-md.g-3:has(.dropdown),
body.theme-clay .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between:has(.dropdown) {
  overflow: visible !important;
}

body.theme-clay .nk-content-body .nk-block-head,
body.theme-clay .nk-content-body .nk-block-head-lg {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.theme-clay .nk-content-body .nk-block-head:has(.dropdown),
body.theme-clay .nk-content-body .nk-block-head-lg:has(.dropdown) {
  overflow: visible !important;
}

body.theme-clay .nk-block-head .nk-block-head-content:has(.dropdown),
body.theme-clay .nk-block-head .nk-block-tools:has(.dropdown) {
  overflow: visible !important;
}

body.theme-clay .nk-content-body > .nk-block-head:first-child {
  padding-bottom: 0 !important;
}

/* Başlık ile filtre arası — kiçik aralyk */
body.theme-clay .nk-content-body .nk-block-head + form,
body.theme-clay .nk-content-body .nk-block-head + form.mb-3,
body.theme-clay .nk-content-body .nk-block-head + .clay-filter-bar {
  margin-top: 0.5rem !important;
}

body.theme-clay .nk-content-body .nk-block-head + .clay-filter-bar,
body.theme-clay .nk-content-body .nk-block-head + form.clay-filter-bar {
  padding-top: 12px !important;
}

body.theme-clay .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between {
  border-bottom: 1px solid var(--clay-border) !important;
}

body.theme-clay .card:has(> .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between) {
  background: var(--clay-surface-raised) !important;
  border: 1px solid var(--clay-border) !important;
  border-radius: var(--clay-radius-xl) !important;
  box-shadow: var(--clay-elev-2) !important;
  overflow: hidden;
}

body.theme-clay .card:has(> .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between:has(.dropdown)) {
  overflow: visible !important;
}

body.theme-clay .card:has(> .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between) > .card-body {
  background: var(--clay-surface-raised) !important;
  border-top: none;
}

body.theme-clay .nk-block-head .nk-block-between-md .page-title,
body.theme-clay .nk-block-head .nk-block-between-md .nk-block-title,
body.theme-clay .nk-block-between-md.g-3 .page-title,
body.theme-clay .nk-block-between-md.g-3 .nk-block-title,
body.theme-clay .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between h6 {
  margin-bottom: 0 !important;
  font-size: 1.125rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: var(--clay-text) !important;
}

body.theme-clay .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between .text-primary {
  color: var(--clay-primary-dark) !important;
}

body.theme-clay .nk-block-head .nk-block-between-md .text-soft,
body.theme-clay .nk-block-head .nk-block-between-md .nk-block-des,
body.theme-clay .nk-block-head .nk-block-between-md .nk-block-des p,
body.theme-clay .nk-block-between-md.g-3 .text-soft,
body.theme-clay .nk-block-between-md.g-3 .nk-block-des,
body.theme-clay .nk-block-between-md.g-3 .nk-block-des p {
  margin-bottom: 0 !important;
  font-size: 0.8125rem !important;
  line-height: 1.35 !important;
}

body.theme-clay.dark-mode .nk-block-head .nk-block-between-md,
body.theme-clay.dark-mode .nk-block-between-md.g-3,
body.theme-clay.dark-mode .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between {
  background: var(--clay-surface) !important;
}

body.theme-clay.dark-mode .card:has(> .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between) {
  background: var(--clay-surface) !important;
}

@media (max-width: 767.98px) {
  body.theme-clay .nk-block-head .nk-block-between-md,
  body.theme-clay .card-header.py-3.d-flex.flex-wrap.align-items-center.justify-content-between {
    padding: 16px 18px !important;
    border-radius: var(--clay-radius-lg) !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   CLAY UX — Layout normalization (çift kabuk / boşluk / bindirme)
   Footer zaten .nk-content-body sağlıyor; view'lerdeki tekrarları nötralize et
   ═══════════════════════════════════════════════════════════ */

body.theme-clay.has-aside .nk-content-body {
  padding-top: 0 !important;
  min-height: auto !important;
}

/* Dış kabuk: view içindeki nk-content / nk-content-wrap (her derece) */
body.theme-clay .nk-content-body > .nk-content,
body.theme-clay .nk-content-body > .nk-content-wrap,
body.theme-clay .nk-content-body .nk-content {
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  min-height: auto !important;
  background: transparent !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* mt-3/mt-4 sarmalayıcı — goşmaça boşluk (hasabatlar, tölegler we ş.m.) */
body.theme-clay.has-aside .nk-content-body > .mt-3,
body.theme-clay.has-aside .nk-content-body > .mt-4 {
  margin-top: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.theme-clay .nk-content-body > .nk-content.overflow-hidden,
body.theme-clay .nk-content-body > .clay-list-page.overflow-hidden {
  overflow: visible !important;
}

/* İç container sıfırla — ähli derece (hasabat, bagça, topar…) */
body.theme-clay.has-aside .nk-content-body .container-fluid,
body.theme-clay.has-aside .nk-content-body .container-xl,
body.theme-clay.has-aside .nk-content-body .container-lg,
body.theme-clay.has-aside .nk-content-body .container:not(.wide-xl),
body.theme-clay .nk-content-body .nk-content > .container-fluid,
body.theme-clay .nk-content-body .nk-content > .container,
body.theme-clay .nk-content-body .nk-content > .container-xl,
body.theme-clay .nk-content-body .nk-content > .container-lg,
body.theme-clay .nk-content-body .nk-content > .wide-xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.theme-clay.has-aside .nk-content-body .nk-content-inner,
body.theme-clay .nk-content-body .nk-content .nk-content-inner {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* İçteki ikinci nk-content-body (DashLite şablon kalıntısı) */
body.theme-clay.has-aside .nk-content-body .nk-content .nk-content-body,
body.theme-clay.has-aside .nk-content-body .reports-page,
body.theme-clay.has-aside .nk-content-body .report-main,
body.theme-clay.has-aside .nk-content-body .report-users,
body.theme-clay.has-aside .nk-content-body .report-audit,
body.theme-clay.has-aside .nk-content-body .reports-monthly-page,
body.theme-clay .nk-content-body .nk-content .nk-content-body,
body.theme-clay .nk-content-body > .nk-content-body.documentation-page,
body.theme-clay .nk-content-body > .documentation-page {
  padding: 0 !important;
  min-height: auto !important;
  width: 100% !important;
  display: block !important;
  flex: none !important;
  background: transparent !important;
  margin: 0 !important;
}

/* Düz sayfa sarmalayıcıları — üst mt-4 gereksiz (nk-content-inner margin yeterli) */
body.theme-clay .nk-content-body > .reports-page.mt-4,
body.theme-clay .nk-content-body > .report-main.mt-4,
body.theme-clay .nk-content-body > .report-users.mt-4,
body.theme-clay .nk-content-body > .report-audit.mt-4,
body.theme-clay .nk-content-body > .audit-index-page.mt-4,
body.theme-clay .nk-content-body > .payment-invoicesadmin.mt-4,
body.theme-clay .nk-content-body > .container-fluid.mt-4,
body.theme-clay .nk-content-body > .container.mt-4,
body.theme-clay .nk-content-body > .container-xl.mt-4,
body.theme-clay .nk-content-body > .nk-content-wrap.mt-4 {
  margin-top: 0 !important;
}

/* Inline padding-top override (Application admin vb.) */
body.theme-clay .nk-content-body > [style*="padding-top: 1.5rem"],
body.theme-clay .nk-content-body > [style*="padding-top:1.5rem"],
body.theme-clay .nk-content-body > [style*="padding-top: 1.65rem"],
body.theme-clay .nk-content-body > [style*="padding-top:1.65rem"] {
  padding-top: 0 !important;
}

/* Tutarlı dikey ritim */
body.theme-clay .nk-content-body .nk-block-head:not(:has(+ form)):not(:has(+ .clay-filter-bar)) {
  margin-bottom: 1rem;
}

body.theme-clay .nk-content-body .nk-block-head:has(+ form),
body.theme-clay .nk-content-body .nk-block-head:has(+ .clay-filter-bar) {
  margin-bottom: 0 !important;
}

body.theme-clay .nk-content-body .nk-block-head + .card,
body.theme-clay .nk-content-body .nk-block-head + .nk-block {
  margin-top: 0;
}

body.theme-clay .nk-content-body > .card,
body.theme-clay .nk-content-body .nk-block > .card {
  margin-bottom: 1.25rem;
}

body.theme-clay .nk-content-body .card + .card {
  margin-top: 0;
}

/* Flash mesajları */
body.theme-clay .nk-content-body > .alert:first-child {
  margin-bottom: 1rem;
}

/* Sayfalama — üst boşluk makul kalsın */
body.theme-clay .pagination-wrapper.mt-4,
body.theme-clay .nk-content-body .mt-3:has(.pagination) {
  margin-top: 1.25rem !important;
}

/* Taşma / bindirme önleme — overflow-x: hidden y eksenini auto yapıp dropdown kırpar */
body.theme-clay .nk-content-body {
  overflow-x: clip;
  max-width: 100%;
}

body.theme-clay .nk-content-body:has(.nk-block-head .dropdown),
body.theme-clay .nk-content-body:has(.nk-block-tools .dropdown) {
  overflow: visible !important;
}

body.theme-clay .nk-content-body .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Chat — inline stilleri clay ile uyumlu */
body.theme-clay .nk-chat {
  margin-top: 0 !important;
  height: calc(100vh - var(--clay-header-offset) - 56px) !important;
  background: var(--clay-surface) !important;
  border-radius: var(--clay-radius-lg) !important;
  box-shadow: var(--clay-elev-2) !important;
  border: none !important;
  overflow: hidden;
}

body.theme-clay .chat-aside,
body.theme-clay .chat-body,
body.theme-clay .chat-header,
body.theme-clay .chat-input-wrapper {
  background: var(--clay-surface) !important;
  border-color: var(--clay-border) !important;
}

body.theme-clay .chat-list-item:hover,
body.theme-clay .chat-list-item.active {
  background: var(--clay-bg-alt) !important;
}

body.theme-clay .chat-list-item.active {
  border-left-color: var(--clay-primary) !important;
}

body.theme-clay .msg-me {
  background: var(--clay-primary) !important;
}

body.theme-clay .msg-you {
  background: var(--clay-surface-raised) !important;
  color: var(--clay-text) !important;
}

body.theme-clay .chat-panel {
  background: var(--clay-bg) !important;
}

@media (max-width: 991.98px) {
  body.theme-clay .nk-chat {
    height: calc(100vh - var(--clay-header-offset) - 32px) !important;
    margin-top: 0 !important;
  }
}

/* Rapor sayfaları — sekme + filtre aralığı */
body.theme-clay .reports-page .reports-filter-row {
  margin-bottom: 1rem;
}

body.theme-clay .reports-page .nk-block-head-sm {
  margin-bottom: 0.75rem;
}

/* Dashboard wrap */
body.theme-clay .nk-content-body > .nk-content-wrap .db-hero {
  margin-bottom: 1.25rem !important;
}

/* Mobil: içerik üst boşluğu */
@media (max-width: 991.98px) {
  body.theme-clay {
    --clay-content-gutter: 12px;
  }

  body.theme-clay .nk-content-inner {
    margin-top: 12px !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   CONTENT COLUMN — navbar ile aynı genişlik / hiza (tüm sayfalar)
   ═══════════════════════════════════════════════════════════ */

/* Gutter yalnızca .nk-content'te — container'da çift boşluk olmasın */
body.theme-clay.has-aside .nk-content > .container.wide-xl {
  --bs-gutter-x: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.theme-clay.has-aside .nk-content-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* View içindeki genişleyici sarmalayıcılar — ekstra kenar boşluğu yok */
body.theme-clay.has-aside .nk-content-body > .nk-content-wrap,
body.theme-clay.has-aside .nk-content-body > .nk-content,
body.theme-clay.has-aside .nk-content-body > .container-fluid,
body.theme-clay.has-aside .nk-content-body > .container,
body.theme-clay.has-aside .nk-content-body > .container-xl,
body.theme-clay.has-aside .nk-content-body > .container-lg,
body.theme-clay.has-aside .nk-content-body > .reports-page,
body.theme-clay.has-aside .nk-content-body > .report-main,
body.theme-clay.has-aside .nk-content-body > .report-users,
body.theme-clay.has-aside .nk-content-body > .report-audit,
body.theme-clay.has-aside .nk-content-body > .audit-index-page,
body.theme-clay.has-aside .nk-content-body > .payment-invoicesadmin,
body.theme-clay.has-aside .nk-content-body > .clay-list-page,
body.theme-clay.has-aside .nk-content-body > .accept-list-page,
body.theme-clay.has-aside .nk-content-body > .admin-applications-index,
body.theme-clay.has-aside .nk-content-body .nk-content > .container-fluid,
body.theme-clay.has-aside .nk-content-body .nk-content > .container,
body.theme-clay.has-aside .nk-content-body .nk-content > .container-xl,
body.theme-clay.has-aside .nk-content-body .nk-content > .container-lg,
body.theme-clay.has-aside .nk-content-body .nk-content .nk-content-inner,
body.theme-clay.has-aside .nk-content-body .nk-content .nk-content-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Footer — içerikle aynı hizada */
body.theme-clay.has-aside .nk-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.theme-clay.has-aside .nk-footer > .container.wide-xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Taşmayı önle */
body.theme-clay.has-aside .nk-content-body .table-responsive,
body.theme-clay.has-aside .nk-content-body .card,
body.theme-clay.has-aside .nk-content-body .nk-block {
  max-width: 100%;
}

/* İçerik kartları — yan gölge yok, navbar kenarıyla aynı çizgide kalsın */
body.theme-clay.has-aside .nk-content-body > .card,
body.theme-clay.has-aside .nk-content-body > .nk-content-wrap .card,
body.theme-clay.has-aside .nk-content-body > .nk-content-wrap .db-hero,
body.theme-clay.has-aside .nk-content-body .nk-block-between-md.g-3,
body.theme-clay.has-aside .nk-content-body .nk-block-head .nk-block-between-md,
body.theme-clay.has-aside .nk-content-body .reports-page .card,
body.theme-clay.has-aside .nk-content-body .report-users .card,
body.theme-clay.has-aside .nk-content-body .report-audit .card,
body.theme-clay.has-aside .nk-content-body .clay-online-card,
body.theme-clay.has-aside .nk-content-body .clay-list-page .card,
body.theme-clay.has-aside .nk-content-body .accept-list-page .card,
body.theme-clay.has-aside .nk-content-body .clay-filter-bar,
body.theme-clay.has-aside .nk-content-body .clay-list-page .clay-filter-bar,
body.theme-clay.has-aside .nk-content-body .card.card-bordered.card-preview,
body.theme-clay.has-aside .nk-content-body .card.card-bordered,
body.theme-clay.has-aside .nk-content-body .card.card-stretch {
  box-shadow: var(--clay-elev-panel) !important;
}

body.theme-clay.has-aside .nk-content-body .card:hover {
  transform: none;
  box-shadow: var(--clay-elev-panel) !important;
}

body.theme-clay.dark-mode {
  --clay-elev-panel:
    0 6px 20px var(--clay-shadow-deep),
    inset 1px 1px 0 var(--clay-highlight);
}

/* ═══════════════════════════════════════════════════════════
   GLOBAL — nk-block-head içindeki hasabat tablary (çift gatlagy öňle)
   ═══════════════════════════════════════════════════════════ */
body.theme-clay .reports-page .nk-block-head .nk-block-head,
body.theme-clay .report-users .nk-block-head .nk-block-head,
body.theme-clay .report-audit .nk-block-head .nk-block-head {
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.theme-clay .reports-page .nk-block-head .nk-block-between-md,
body.theme-clay .report-users .nk-block-head .nk-block-between-md,
body.theme-clay .report-audit .nk-block-head .nk-block-between-md {
  margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   Bahçe müdürü görünümü — sidebar badge + çıkış (sticky, tek scroll)
   ═══════════════════════════════════════════════════════════ */
body.theme-clay .nk-aside > .nk-sidebar-menu.clay-sidebar,
body.theme-clay .nk-aside > .nk-sidebar-menu.clay-sidebar[data-simplebar] {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
}

body.theme-clay .nk-aside .clay-sidebar .simplebar-wrapper,
body.theme-clay .nk-aside .clay-sidebar .simplebar-mask,
body.theme-clay .nk-aside .clay-sidebar .simplebar-offset {
  height: 100% !important;
}

@media (max-width: 991.98px) {
  body.theme-clay .nk-aside > .nk-sidebar-menu.clay-sidebar {
    max-height: calc(100vh - var(--clay-header-offset) - 12px) !important;
  }
}

.clay-sidebar-preview-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 6px 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);
  border: 1px solid #ffc107;
  box-shadow: 0 4px 14px rgba(255, 193, 7, 0.22);
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 3;
}

.clay-sidebar-preview-badge-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #ffc107;
  color: #5c4500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1rem;
}

.clay-sidebar-preview-badge-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.clay-sidebar-preview-badge-text strong {
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #7a5a00;
}

.clay-sidebar-preview-badge-text span {
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  color: #3d2e00;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clay-sidebar-preview-exit {
  padding: 0 4px 10px;
  margin: 0;
  flex-shrink: 0;
}

.clay-sidebar-preview-exit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  border: none;
  border-radius: 12px;
  background: #ffc107;
  color: #5c4500;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease;
}

.clay-sidebar-preview-exit-btn:hover {
  background: #ffb300;
  color: #3d2e00;
}

body.theme-clay.garden-preview-active .clay-sidebar-garden {
  color: #c45c00 !important;
  font-weight: 700;
}