/**
 * Trendmetrik — Kârlılık / analiz sayfaları (ürün, sipariş, kâr marjı, kategori, iade)
 * tmv2-analysis-root ile işaretlenen sayfalarda devreye girer.
 * tm-ui-system + tm-shell token’ları ile uyumlu.
 */

/* ----- Arka plan dekorunu yumuşat (.bg-shapes viewport sabit) ----- */
#tmv2Page.tmv2-page-host:has(.tmv2-analysis-root) {
  --tm-app-grid-line: rgba(15, 23, 42, 0.034);
}

#tmv2Page.tmv2-page-host:has(.tmv2-analysis-root) .bg-shapes::after {
  opacity: 0.55;
}

#tmv2Page.tmv2-page-host:has(.tmv2-analysis-root) .shape {
  opacity: 0.14 !important;
}

/* ----- Kök: dashboard ile aynı genişlik (#tmv2Page padding dışında tam sütun) ----- */
.tmv2-analysis-root {
  position: relative;
  z-index: 1;
  isolation: isolate;
  width: 100%;
  max-width: var(--tmv2-content-max-width, none);
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 1.5rem;
  box-sizing: border-box;
}

#mainContent.main-content:has(.tmv2-analysis-root) {
  position: relative;
  z-index: 1;
}

/* Bölüm aralığı */
.tmv2-analysis-section {
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .tmv2-analysis-section {
    margin-bottom: 1.125rem;
  }
}

/* ----- Başlık kartı ----- */
.tmv2-analysis-title-card {
  border-radius: var(--tmv2-r-lg, 14px) !important;
  border: 1px solid var(--tmv2-line-2, #eef1f6) !important;
  box-shadow: var(--tmv2-sh-1, 0 1px 2px rgba(15, 23, 42, 0.04)) !important;
  background: var(--tmv2-surface, #fff) !important;
}

html.dark-mode .tmv2-analysis-title-card {
  background: var(--tmv2-surface, #10151f) !important;
  border-color: var(--tmv2-line, #1e2533) !important;
}

/* ----- Özet şerit (compact-stats-bar) ----- */
.tmv2-analysis-summary {
  border-radius: var(--tmv2-r-lg, 14px) !important;
  border: 1px solid var(--tmv2-line-2, #eef1f6) !important;
  background: var(--tmv2-surface, #fff) !important;
  box-shadow: var(--tmv2-sh-1, 0 1px 2px rgba(15, 23, 42, 0.04)) !important;
  padding: 0.65rem 1rem !important;
}

html.dark-mode .tmv2-analysis-summary {
  background: var(--tmv2-surface, #10151f) !important;
  border-color: var(--tmv2-line, #1e2533) !important;
}

/* ----- Filtre çubuğu ----- */
.tmv2-analysis-filter {
  border-radius: var(--tmv2-r-lg, 14px) !important;
  border: 1px solid var(--tmv2-line-2, #eef1f6) !important;
  background: var(--tmv2-surface, #fff) !important;
  box-shadow: var(--tmv2-sh-1, 0 1px 2px rgba(15, 23, 42, 0.04)) !important;
  padding: 0.65rem 1rem !important;
}

.tmv2-analysis-filter .form-select,
.tmv2-analysis-filter .form-control {
  min-height: 38px !important;
  height: 38px !important;
  font-size: 0.8125rem !important;
  border-radius: 10px !important;
  border-color: var(--tmv2-line-2, #e7ebf1) !important;
}

.tmv2-analysis-filter .filter-divider {
  align-self: stretch;
  min-height: 28px;
}

/* Excel / dışa aktar — yeşil yerine nötr + vurgu */
.tmv2-analysis-root #download-product-report,
.tmv2-analysis-root #download-order-report,
.tmv2-analysis-root #download-category-report,
.tmv2-analysis-root #download-return-report,
.tmv2-analysis-root .tmv2-analysis-export-btn {
  min-height: 38px !important;
  border-radius: 10px !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  padding: 0.35rem 0.85rem !important;
  border: 1px solid var(--tmv2-line, #e7ebf1) !important;
  background: var(--tmv2-surface-2, #fafbfd) !important;
  color: var(--tmv2-ink, #0f172a) !important;
}

.tmv2-analysis-root #download-product-report:hover,
.tmv2-analysis-root #download-order-report:hover,
.tmv2-analysis-root #download-category-report:hover,
.tmv2-analysis-root #download-return-report:hover,
.tmv2-analysis-root .tmv2-analysis-export-btn:hover {
  border-color: var(--tmv2-primary) !important;
  color: var(--tmv2-primary) !important;
  background: var(--tmv2-primary-soft) !important;
}

html.dark-mode .tmv2-analysis-root #download-product-report,
html.dark-mode .tmv2-analysis-root #download-order-report,
html.dark-mode .tmv2-analysis-root #download-category-report,
html.dark-mode .tmv2-analysis-root #download-return-report,
html.dark-mode .tmv2-analysis-root .tmv2-analysis-export-btn {
  background: var(--tmv2-surface-2, #0e131c) !important;
  color: var(--tmv2-ink, #e6ecf5) !important;
  border-color: var(--tmv2-line, #1e2533) !important;
}

/* ----- Tablo paneli ----- */
.tmv2-analysis-panel {
  border-radius: var(--tmv2-r-lg, 14px) !important;
  border: 1px solid var(--tmv2-line-2, #eef1f6) !important;
  background: var(--tmv2-surface, #fff) !important;
  box-shadow: var(--tmv2-sh-1, 0 1px 2px rgba(15, 23, 42, 0.04)) !important;
  overflow: hidden;
}

.tmv2-analysis-panel .table-responsive {
  margin: 0;
}

.tmv2-analysis-panel .table {
  margin-bottom: 0 !important;
  font-size: 0.875rem;
}

.tmv2-analysis-panel thead.table-light th,
.tmv2-analysis-panel thead th {
  background: var(--tmv2-surface-2, #f8fafc) !important;
  color: var(--tmv2-ink-2, #475569) !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--tmv2-line-2, #eef1f6) !important;
  vertical-align: middle;
  padding: 0.65rem 0.75rem !important;
}

html.dark-mode .tmv2-analysis-panel thead th {
  background: var(--tmv2-surface-2, #0e131c) !important;
  color: var(--tmv2-ink-2, #94a3b8) !important;
  border-bottom-color: var(--tmv2-line, #1e2533) !important;
}

.tmv2-analysis-panel tbody td {
  padding: 0.55rem 0.75rem !important;
  vertical-align: middle;
  border-bottom-color: var(--tmv2-line-2, #f1f5f9) !important;
}

html.dark-mode .tmv2-analysis-panel tbody td {
  border-bottom-color: var(--tmv2-line, #1e2533) !important;
}

/* ----- Boş durum ----- */
.tmv2-analysis-root .empty-state-container {
  padding: 2rem 1.25rem !important;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
}

.tmv2-analysis-root .empty-state-icon {
  width: 4rem !important;
  height: 4rem !important;
  font-size: 1.75rem !important;
}

.tmv2-analysis-root .empty-state-icon i {
  font-size: 1.75rem !important;
}

/* ----- Sayfalama çubuğu ----- */
.tmv2-analysis-pagination {
  border-radius: var(--tmv2-r-lg, 14px) !important;
  border: 1px solid var(--tmv2-line-2, #eef1f6) !important;
  background: var(--tmv2-surface, #fff) !important;
  box-shadow: var(--tmv2-sh-1, 0 1px 2px rgba(15, 23, 42, 0.04)) !important;
  padding: 0.75rem 1rem !important;
}

html.dark-mode .tmv2-analysis-pagination {
  background: var(--tmv2-surface, #10151f) !important;
  border-color: var(--tmv2-line, #1e2533) !important;
}

/* ----- Geri bildirim sekmesi: analiz sayfalarında biraz daha az baskın ----- */
#tmv2App:has(.tmv2-analysis-root) #tmFbkOpen {
  opacity: 0.94;
  filter: saturate(0.95);
}

@media (min-width: 1024px) {
  #tmv2App:has(.tmv2-analysis-root) #tmFbkOpen {
    right: 2px;
  }
}