/**
 * Global düymə üslubları — Ayarlar → Düymə üslubu
 * body[data-ui-button-style="windows|fluent|flat|high-contrast|material|macos"]
 */

/* ——— Variant dəyişənləri ——— */
body[data-ui-button-style="windows"] {
  --kv-btn-h: 28px;
  --kv-btn-px: 12px;
  --kv-btn-fs: 12px;
  --kv-btn-fw: 400;
  --kv-btn-radius: 4px;
  --kv-btn-color: #202020;
  --kv-btn-bg: linear-gradient(180deg, #ffffff 0%, #f3f3f3 55%, #ebebeb 100%);
  --kv-btn-border: 1px solid #c8c8c8;
  --kv-btn-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 2px rgba(0, 0, 0, 0.06);
  --kv-btn-hover-bg: linear-gradient(180deg, #ffffff 0%, #f8f8f8 55%, #ececec 100%);
  --kv-btn-hover-border: #a6a6a6;
  --kv-btn-active-bg: #e3e3e3;
  --kv-btn-active-border: #9a9a9a;
  --kv-btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  --kv-btn-focus: #0078d4;
  --kv-btn-primary-color: #0f3d1f;
  --kv-btn-primary-bg: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 55%, #bbf7d0 100%);
  --kv-btn-primary-border: 1px solid #6ee7b7;
  --kv-btn-primary-fw: 600;
}

body[data-ui-button-style="fluent"] {
  --kv-btn-h: 32px;
  --kv-btn-px: 14px;
  --kv-btn-fs: 13px;
  --kv-btn-fw: 500;
  --kv-btn-radius: 6px;
  --kv-btn-color: #1f2937;
  --kv-btn-bg: #ffffff;
  --kv-btn-border: 1px solid #d1d5db;
  --kv-btn-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  --kv-btn-hover-bg: #f9fafb;
  --kv-btn-hover-border: #9ca3af;
  --kv-btn-active-bg: #f3f4f6;
  --kv-btn-active-border: #6b7280;
  --kv-btn-active-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
  --kv-btn-focus: #2563eb;
  --kv-btn-primary-color: #ffffff;
  --kv-btn-primary-bg: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  --kv-btn-primary-border: 1px solid #1d4ed8;
  --kv-btn-primary-fw: 600;
}

body[data-ui-button-style="flat"] {
  --kv-btn-h: 30px;
  --kv-btn-px: 13px;
  --kv-btn-fs: 12px;
  --kv-btn-fw: 500;
  --kv-btn-radius: 6px;
  --kv-btn-color: #334155;
  --kv-btn-bg: #f8fafc;
  --kv-btn-border: 1px solid #cbd5e1;
  --kv-btn-shadow: none;
  --kv-btn-hover-bg: #f1f5f9;
  --kv-btn-hover-border: #94a3b8;
  --kv-btn-active-bg: #e2e8f0;
  --kv-btn-active-border: #64748b;
  --kv-btn-active-shadow: none;
  --kv-btn-focus: #0ea5e9;
  --kv-btn-primary-color: #ffffff;
  --kv-btn-primary-bg: #0f766e;
  --kv-btn-primary-border: 1px solid #0d9488;
  --kv-btn-primary-fw: 600;
}

body[data-ui-button-style="high-contrast"] {
  --kv-btn-h: 40px;
  --kv-btn-px: 16px;
  --kv-btn-fs: 14px;
  --kv-btn-fw: 700;
  --kv-btn-radius: 4px;
  --kv-btn-color: #000000;
  --kv-btn-bg: #ffffff;
  --kv-btn-border: 2px solid #000000;
  --kv-btn-shadow: none;
  --kv-btn-hover-bg: #ffff00;
  --kv-btn-hover-border: #000000;
  --kv-btn-active-bg: #000000;
  --kv-btn-active-border: #000000;
  --kv-btn-active-shadow: none;
  --kv-btn-focus: #0000ff;
  --kv-btn-primary-color: #ffffff;
  --kv-btn-primary-bg: #000000;
  --kv-btn-primary-border: 2px solid #000000;
  --kv-btn-primary-fw: 700;
}

body[data-ui-button-style="material"] {
  --kv-btn-h: 36px;
  --kv-btn-px: 16px;
  --kv-btn-fs: 13px;
  --kv-btn-fw: 500;
  --kv-btn-radius: 18px;
  --kv-btn-color: #1f1f1f;
  --kv-btn-bg: #e8eaed;
  --kv-btn-border: 1px solid transparent;
  --kv-btn-shadow: 0 1px 2px rgba(60, 64, 67, 0.2), 0 1px 3px rgba(60, 64, 67, 0.12);
  --kv-btn-hover-bg: #dadce0;
  --kv-btn-hover-border: transparent;
  --kv-btn-active-bg: #bdc1c6;
  --kv-btn-active-border: transparent;
  --kv-btn-active-shadow: 0 1px 2px rgba(60, 64, 67, 0.24);
  --kv-btn-focus: #1a73e8;
  --kv-btn-primary-color: #ffffff;
  --kv-btn-primary-bg: #1a73e8;
  --kv-btn-primary-border: 1px solid transparent;
  --kv-btn-primary-fw: 500;
}

body[data-ui-button-style="macos"] {
  --kv-btn-h: 30px;
  --kv-btn-px: 14px;
  --kv-btn-fs: 13px;
  --kv-btn-fw: 400;
  --kv-btn-radius: 8px;
  --kv-btn-color: #1d1d1f;
  --kv-btn-bg: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%);
  --kv-btn-border: 1px solid rgba(0, 0, 0, 0.12);
  --kv-btn-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.06);
  --kv-btn-hover-bg: linear-gradient(180deg, #ffffff 0%, #ebebed 100%);
  --kv-btn-hover-border: rgba(0, 0, 0, 0.18);
  --kv-btn-active-bg: #e5e5ea;
  --kv-btn-active-border: rgba(0, 0, 0, 0.22);
  --kv-btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
  --kv-btn-focus: #007aff;
  --kv-btn-primary-color: #ffffff;
  --kv-btn-primary-bg: #007aff;
  --kv-btn-primary-border: 1px solid rgba(0, 0, 0, 0.08);
  --kv-btn-primary-fw: 500;
}

/* ——— Ortaq hədəf seçicilər ——— */
body[data-ui-button-style]:not([data-ui-button-style="standard"]) .main-content :is(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .mk-btn,
  .mk-btn-shot,
  .tss-btn,
  .tss-filterMiniBtn,
  .tr-btn,
  .tr-btn-win,
  .trs-premium-btn,
  .anbar-open-picker-btn,
  .ty-pill,
  .ty-tr-modal-chip,
  .ty-tr-modal-foot-btn,
  .tg-btn,
  .tg-btn-ghost,
  .tg-btn-primary,
  .ui-settings-entry-btn,
  .ui-settings-action-btn,
  .ui-settings-preview-btn
):not(.menu-btn):not(.transfer-ctx-action):not(.transfer-ctx-menu *):not(.ui-switch):not(.ui-switch *):not(.tr-sort-menu button):not(.tr-columns-close):not(.tr-filter-overlay .hdr-row button):not(.tss-modalClose):not(.ap-col-check):not([class*="modalClose"]):not(.ui-settings-back-btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  min-height: var(--kv-btn-h) !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 var(--kv-btn-px) !important;
  margin: 0;
  font-family: var(--kv-btn-font, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif) !important;
  font-size: var(--kv-btn-fs) !important;
  font-weight: var(--kv-btn-fw) !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: var(--kv-btn-color) !important;
  background: var(--kv-btn-bg) !important;
  border: var(--kv-btn-border) !important;
  border-radius: var(--kv-btn-radius) !important;
  box-shadow: var(--kv-btn-shadow) !important;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease !important;
  transform: none !important;
  filter: none !important;
}

body[data-ui-button-style]:not([data-ui-button-style="standard"]) .main-content :is(
  button,
  input[type="button"],
  input[type="submit"],
  .mk-btn,
  .tss-btn,
  .tr-btn,
  .tr-btn-win,
  .trs-premium-btn,
  .anbar-open-picker-btn,
  .ty-pill,
  .ui-settings-entry-btn,
  .ui-settings-action-btn,
  .ui-settings-preview-btn
):not(.menu-btn):not(.transfer-ctx-action):not(.ui-switch):not(.ui-settings-back-btn):hover {
  color: var(--kv-btn-color) !important;
  background: var(--kv-btn-hover-bg) !important;
  border-color: var(--kv-btn-hover-border) !important;
  transform: none !important;
  filter: none !important;
}

body[data-ui-button-style]:not([data-ui-button-style="standard"]) .main-content :is(
  button,
  .mk-btn,
  .tss-btn,
  .tr-btn,
  .anbar-open-picker-btn,
  .ty-pill
):not(.menu-btn):not(.transfer-ctx-action):not(.ui-settings-back-btn):active {
  background: var(--kv-btn-active-bg) !important;
  border-color: var(--kv-btn-active-border) !important;
  box-shadow: var(--kv-btn-active-shadow) !important;
}

body[data-ui-button-style="high-contrast"] .main-content :is(
  button,
  .mk-btn,
  .tr-btn
):not(.menu-btn):not(.transfer-ctx-action):not(.ui-settings-back-btn):active {
  color: #ffffff !important;
}

body[data-ui-button-style]:not([data-ui-button-style="standard"]) .main-content :is(
  button,
  .mk-btn,
  .tss-btn,
  .tr-btn-win
):not(.menu-btn):focus-visible {
  outline: 2px solid var(--kv-btn-focus) !important;
  outline-offset: 2px !important;
}

/* Primary / hesabat düymələri */
body[data-ui-button-style]:not([data-ui-button-style="standard"]) .main-content :is(
  .tr-btn-win--primary,
  .trs-premium-btn--primary,
  .tss-btn-primary,
  .mk-btn-green,
  .ty-tr-modal-foot-btn--emerald,
  #trs_fetch_btn,
  .ui-settings-preview-btn--primary
) {
  font-weight: var(--kv-btn-primary-fw) !important;
  color: var(--kv-btn-primary-color) !important;
  background: var(--kv-btn-primary-bg) !important;
  border: var(--kv-btn-primary-border) !important;
}

body[data-ui-button-style="high-contrast"] .main-content :is(
  .tr-btn-win--primary,
  #trs_fetch_btn,
  .ui-settings-preview-btn--primary
):hover {
  color: #000000 !important;
  background: #ffff00 !important;
}

body[data-ui-button-style="fluent"] .main-content :is(
  .tr-btn-win--primary,
  #trs_fetch_btn,
  .ui-settings-preview-btn--primary
):hover {
  filter: brightness(1.06);
}

body[data-ui-button-style="material"] {
  --kv-btn-font: "Roboto", "Google Sans", system-ui, sans-serif;
}

body[data-ui-button-style="material"] .main-content :is(
  button,
  .mk-btn,
  .tss-btn,
  .tr-btn
):not(.menu-btn):not(.transfer-ctx-action):hover {
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.24), 0 2px 6px rgba(60, 64, 67, 0.16) !important;
}

body[data-ui-button-style="material"] .main-content :is(
  .tr-btn-win--primary,
  #trs_fetch_btn,
  .ui-settings-preview-btn--primary
):hover {
  background: #1765cc !important;
  box-shadow: 0 2px 6px rgba(26, 115, 232, 0.35) !important;
}

body[data-ui-button-style="macos"] {
  --kv-btn-font: -apple-system, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif;
}

body[data-ui-button-style="macos"] .main-content :is(
  .tr-btn-win--primary,
  #trs_fetch_btn,
  .ui-settings-preview-btn--primary
):hover {
  background: #0066d6 !important;
  filter: none !important;
}

/* Filtr / modal */
body[data-ui-button-style]:not([data-ui-button-style="standard"]) .tr-filter-overlay .top button,
body[data-ui-button-style]:not([data-ui-button-style="standard"]) .tr-filter-overlay .act button,
body[data-ui-button-style]:not([data-ui-button-style="standard"]) .tr-columns-overlay .act .tr-btn-win {
  min-height: calc(var(--kv-btn-h) - 2px) !important;
  font-size: calc(var(--kv-btn-fs) - 1px) !important;
}

body[data-ui-button-style]:not([data-ui-button-style="standard"])[data-ui-density] .main-content .page button:not(.menu-btn):not(.transfer-ctx-action) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: var(--kv-btn-fs) !important;
}

/* Ayarlar önizləməsi */
.ui-settings-preview-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}