@media (min-width: 1025px) {
/* =========================================================
   FENEX Public Sayfa Stil Dosyası – contact
   ---------------------------------------------------------
   Bu dosya Fenex Otomatik Sayfa Oluşturucu tarafından üretildi.

   Proje Bilgileri:
   - Yapan Firma   : FENEX LTD. ŞTİ.
   - Proje Sahibi  : Ümit T.
   - Proje Adı     : TroxGo Pro
   - İletişim      : support@fenex.tr
   - Telefon       : 0850 346 09 07

   Bilgi Kartı:
   - Scope         : site
   - Slug          : contact
   - PHP (View)    : /includes/view/contact.php
   - CSS           : storage/assets/css/pages/contact.css
   - JS            : storage/assets/js/page/contact.js
   - API           : /includes/apix/contact-api.php
   - Oluşturma     : 2026-04-02 23:06:53

   Not:
   - Bu dosya ilk oluşturma sonrasında manuel genişletilebilir.
   - Otomatik oluşturucu yeniden çalıştırılırsa ÜZERİNE YAZILABİLİR.
   ========================================================= */

:root {
  --txg-bg: #ffffff;
  --txg-bg-soft: #f5f8fc;
  --txg-surface: #ffffff;
  --txg-surface-soft: #f8fbff;
  --txg-border: #e5edf7;
  --txg-border-strong: #d7e4f4;
  --txg-text: #122033;
  --txg-text-soft: #607189;
  --txg-primary: #2f6bff;
  --txg-primary-2: #6ea8ff;
  --txg-success: #18b97a;
  --txg-warning: #ffb84d;
  --txg-danger: #ff6f6f;
  --txg-shadow: 0 18px 50px rgba(30, 61, 114, 0.08);
  --txg-shadow-soft: 0 10px 26px rgba(42, 76, 132, 0.06);
  --txg-radius-xl: 30px;
  --txg-radius-lg: 22px;
  --txg-radius-md: 18px;
}

.txg-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(47, 107, 255, 0.10), transparent 24%),
    radial-gradient(circle at right 10% top 12%, rgba(110, 168, 255, 0.08), transparent 20%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  color: var(--txg-text);
  padding: 34px 0 0px;
  position: relative;
  overflow: hidden;
}

.txg-page::before,
.txg-page::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(20px);
}

.txg-page::before {
  width: 340px;
  height: 340px;
  background: rgba(47, 107, 255, 0.10);
  top: -120px;
  left: -60px;
  animation: txg-float 14s ease-in-out infinite;
}

.txg-page::after {
  width: 300px;
  height: 300px;
  background: rgba(24, 185, 122, 0.08);
  right: -100px;
  top: 120px;
  animation: txg-float 17s ease-in-out infinite reverse;
}

.txg-shell {
  position: relative;
  z-index: 2;
  max-width: 1500px;
}

.txg-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,250,255,0.98) 100%);
  border: 1px solid var(--txg-border);
  border-radius: var(--txg-radius-xl);
  box-shadow: var(--txg-shadow);
}

.txg-hero,
.txg-feature-row,
.txg-dashboard-grid,
.txg-chart-grid,
.txg-story-grid {
  margin-bottom: 24px;
}

.txg-hero {
  padding: 38px;
  border: 1px solid var(--txg-border);
  border-radius: 36px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.97) 0%, rgba(248,251,255,0.96) 100%),
    radial-gradient(circle at top right, rgba(47,107,255,0.10), transparent 28%);
  box-shadow: 0 24px 60px rgba(28, 60, 112, 0.08);
}

.txg-hero-grid,
.txg-feature-row,
.txg-dashboard-grid,
.txg-chart-grid,
.txg-story-grid,
.txg-footer-grid,
.txg-note-points,
.txg-hero-metrics,
.txg-mini-grid,
.txg-stage-list,
.txg-console-body,
.txg-feed,
.txg-story-list,
.txg-donut-legend,
.txg-footer-meta {
  display: grid;
  gap: 18px;
}

.txg-hero-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
  align-items: start;
  gap: 26px;
}

.txg-badges,
.txg-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.txg-badge {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 15px;
  border-radius: 999px;
  border: 1px solid #dce8f8;
  background: rgba(255,255,255,0.95);
  color: var(--txg-text);
  font-size: 13px;
  font-weight: 700;
}

.txg-badge-live {
  background: rgba(24, 185, 122, 0.10);
  color: #0d8a5a;
}

.txg-badge-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--txg-success);
  margin-right: 8px;
  box-shadow: 0 0 0 0 rgba(24, 185, 122, 0.35);
  animation: txg-pulse 1.8s infinite;
}

.txg-kicker,
.txg-section-label {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--txg-primary);
}

.txg-kicker {
  margin-top: 18px;
  margin-bottom: 16px;
}

.txg-title {
  margin: 0;
  max-width: 860px;
  font-size: clamp(2.3rem, 4.2vw, 4.65rem);
  line-height: 1.03;
  letter-spacing: -0.04em;
  font-weight: 800;
}

.txg-title strong {
  color: #0d1626;
}

.txg-lead {
  margin: 20px 0 0;
  max-width: 880px;
  font-size: 1.05rem;
  line-height: 1.9;
  color: var(--txg-text-soft);
}

.txg-cta-row {
  margin-top: 24px;
}

.txg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.txg-btn:hover {
  transform: translateY(-2px);
}

.txg-btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #2f6bff 0%, #5085ff 100%);
  box-shadow: 0 16px 34px rgba(47, 107, 255, 0.26);
}

.txg-notes-card{
  overflow: hidden;
}

.txg-note-summary{
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 18px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(12,18,32,.55);
  border: 1px solid rgba(255,255,255,.08);
}

.txg-note-top{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.txg-note-icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #06b6d4);
  box-shadow: 0 10px 30px rgba(79,70,229,.28);
  flex: 0 0 46px;
}

.txg-note-top h4 {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 700;
    color: #080808;
}

.txg-note-top p{
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #080808;
}

.txg-note-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.txg-note-item {
    padding: 14px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgb(245 244 244);
    backdrop-filter: blur(8px);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.txg-note-item:hover {
    transform: translateY(-2px);
    border-color: rgba(99, 102, 241, .35);
    background: #2196f31f;
}

.txg-note-label {
        display: block;
        margin-bottom: 8px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: rgb(0 0 0);
}

.txg-note-value {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    word-break: break-word;
}

.txg-note-code {
    display: block;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgb(255 255 255 / 28%);
    border: 1px solid rgba(255, 255, 255, .06);
    font-size: 12px;
    line-height: 1.5;
    color: #000000;
    word-break: break-word;
    white-space: normal;
}

@media (max-width: 768px){
  .txg-note-grid{
    grid-template-columns: 1fr;
  }

  .txg-note-summary{
    padding: 14px;
  }
}

.txg-btn-secondary {
  color: var(--txg-text);
  border: 1px solid var(--txg-border-strong);
  background: rgba(255,255,255,0.95);
}

.txg-hero-metrics {
  margin-top: 26px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.txg-stat-card,
.txg-feature-card,
.txg-stage-item,
.txg-console-row,
.txg-feed-item,
.txg-story-item,
.txg-donut-item,
.txg-footer-meta > div {
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  border: 1px solid var(--txg-border);
  border-radius: var(--txg-radius-md);
  box-shadow: var(--txg-shadow-soft);
}

.txg-stat-card {
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.txg-stat-card::after {
  content: "";
  position: absolute;
  right: -22px;
  bottom: -38px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(47, 107, 255, 0.12) 0%, transparent 72%);
}

.txg-stat-card span,
.txg-preview-foot span,
.txg-progress-head span,
.txg-footer-meta span {
  display: block;
  font-size: 13px;
  color: var(--txg-text-soft);
  margin-bottom: 8px;
}

.txg-stat-card strong,
.txg-preview-foot strong,
.txg-progress-head strong,
.txg-footer-meta strong {
  display: block;
  font-size: 1.45rem;
  font-weight: 800;
}

.txg-stat-card small {
  color: var(--txg-text-soft);
}

.txg-hero-visual {
  display: grid;
  gap: 18px;
}

.txg-preview-card,
.txg-note-card,
.txg-feature-card,
.txg-panel,
.txg-footer-panel {
  padding: 24px;
}

.txg-preview-card {
  position: relative;
  overflow: hidden;
}

.txg-preview-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(47,107,255,0.10), transparent 26%);
  pointer-events: none;
}

.txg-preview-top,
.txg-progress-head,
.txg-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.txg-preview-top h3,
.txg-note-card h3,
.txg-feature-card h3,
.txg-panel-head h3,
.txg-footer-grid h3 {
  margin: 8px 0 0;
  font-size: 1.34rem;
  font-weight: 800;
}

.txg-pill,
.txg-panel-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  background: #edf4ff;
  color: var(--txg-primary);
  font-size: 12px;
  font-weight: 800;
}

.txg-panel-badge-soft {
  background: #f2f7ff;
}

.txg-mini-board {
  margin-top: 22px;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 100%);
  border: 1px solid #e3ecf9;
}

.txg-mini-line {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(47,107,255,0.22) 0%, rgba(47,107,255,0.06) 100%);
  margin-bottom: 16px;
}

.txg-mini-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.txg-mini-panel {
  min-height: 78px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #e1eaf8;
  position: relative;
  overflow: hidden;
}

.txg-mini-panel::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  top: 16px;
  height: 8px;
  border-radius: 999px;
  background: #edf3ff;
  box-shadow: 0 18px 0 #f3f7ff, 0 36px 0 #f6f9ff;
}

.txg-mini-panel-primary {
  background: linear-gradient(135deg, #2f6bff 0%, #6ea8ff 100%);
  border-color: transparent;
}

.txg-mini-panel-primary::after {
  background: rgba(255,255,255,0.46);
  box-shadow: 0 18px 0 rgba(255,255,255,0.22), 0 36px 0 rgba(255,255,255,0.12);
}

.txg-preview-progress {
  margin-top: 20px;
}

.txg-progress-track {
  height: 14px;
  border-radius: 999px;
  background: #ecf2fb;
  overflow: hidden;
}

.txg-progress-bar {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2f6bff 0%, #7bb1ff 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16);
  transition: width .7s ease;
}

.txg-preview-foot {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.txg-preview-foot > div {
  padding: 14px 16px;
  border: 1px solid var(--txg-border);
  border-radius: 16px;
  background: rgba(255,255,255,0.92);
}

.txg-note-card p,
.txg-feature-card p,
.txg-story-item p,
.txg-feed-item p,
.txg-stage-copy p,
.txg-console-row span:last-child {
  margin: 10px 0 0;
  color: var(--txg-text-soft);
  line-height: 1.8;
}

.txg-note-points {
  margin-top: 18px;
}

.txg-note-points span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #f7faff;
  border: 1px solid #e4edf9;
  font-weight: 700;
}

.txg-note-points i,
.txg-story-item i {
  color: var(--txg-primary);
}

.txg-feature-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.txg-feature-card h3, .txg-panel-head h3, .txg-footer-grid h3 {
    color: #0d1626;
    margin-bottom: 20px;
}

.txg-dashboard-grid,
.txg-chart-grid,
.txg-story-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.txg-panel-wide {
  min-height: 100%;
}

.txg-stage-item {
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  transition: transform .18s ease, box-shadow .18s ease;
}

.txg-stage-item:hover,
.txg-feature-card:hover,
.txg-story-item:hover,
.txg-feed-item:hover,
.txg-footer-meta > div:hover,
.txg-stat-card:hover {
  transform: translateY(-2px);
}

.txg-stage-main {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.txg-stage-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  background: #eef4ff;
  color: var(--txg-primary);
  flex: 0 0 auto;
}

.txg-stage-item.tamamlandi .txg-stage-icon {
  background: rgba(24, 185, 122, 0.12);
  color: var(--txg-success);
}

.txg-stage-item.aktif .txg-stage-icon {
  animation: txg-pulse-soft 2.2s infinite;
}

.txg-stage-item.bekliyor .txg-stage-icon {
  background: rgba(255, 184, 77, 0.14);
  color: #c78721;
}

.txg-stage-copy h4 {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

.txg-stage-ratio {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  background: #f2f7ff;
  color: var(--txg-primary);
  font-weight: 800;
}

.txg-console-body {
  align-content: start;
}

.txg-console-row {
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.txg-console-no {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #edf4ff;
  color: var(--txg-primary);
  font-weight: 800;
  flex: 0 0 auto;
}

.txg-chart-wrap {
  margin-top: 8px;
  padding: 8px 0 0;
}

.txg-chart-wrap-ring {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(220px, 1.1fr);
  align-items: center;
  gap: 14px;
}

.txg-donut-legend {
  gap: 12px;
}

.txg-donut-item {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}

.txg-donut-color {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.txg-donut-name {
  font-weight: 700;
}

.txg-donut-value {
  color: var(--txg-text-soft);
  font-weight: 800;
}

.txg-story-list {
  align-content: start;
}

.txg-story-item {
  padding: 18px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.txg-story-item i {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  font-size: 1.15rem;
  flex: 0 0 auto;
}

.txg-story-item strong,
.txg-feed-item strong {
  display: block;
  font-size: 1rem;
  font-weight: 800;
}

.txg-feed-item {
  padding: 18px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.txg-feed-item-index {
  min-width: 42px;
  height: 42px;
  border-radius: 13px;
  background: #edf4ff;
  color: var(--txg-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.txg-footer-panel {
  padding: 26px;
}

.txg-footer-grid {
  grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
  align-items: start;
}

.txg-footer-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.txg-footer-meta > div {
  padding: 16px 18px;
}

@keyframes txg-pulse {
  0% { box-shadow: 0 0 0 0 rgba(24, 185, 122, 0.34); }
  70% { box-shadow: 0 0 0 12px rgba(24, 185, 122, 0); }
  100% { box-shadow: 0 0 0 0 rgba(24, 185, 122, 0); }
}

@keyframes txg-pulse-soft {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

@keyframes txg-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(16px); }
}

@media (max-width: 1199.98px) {
  .txg-hero-grid,
  .txg-chart-grid,
  .txg-story-grid,
  .txg-dashboard-grid,
  .txg-footer-grid,
  .txg-chart-wrap-ring {
    grid-template-columns: 1fr;
  }

  .txg-feature-row,
  .txg-hero-metrics,
  .txg-preview-foot,
  .txg-footer-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .txg-page {
    padding: 18px 0 28px;
  }

  .txg-hero,
  .txg-preview-card,
  .txg-note-card,
  .txg-feature-card,
  .txg-panel,
  .txg-footer-panel {
    padding: 18px;
  }

  .txg-title {
    font-size: 2rem;
  }

  .txg-feature-row,
  .txg-hero-metrics,
  .txg-preview-foot,
  .txg-footer-meta {
    grid-template-columns: 1fr;
  }

  .txg-stage-item,
  .txg-feed-item,
  .txg-story-item,
  .txg-console-row,
  .txg-panel-head,
  .txg-preview-top,
  .txg-progress-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .txg-stage-ratio {
    min-width: 0;
  }
}


/* =========================================================
   DARK MODE
   Kullanım: parent element veya body üzerinde
   [data-theme="dark"] attribute'u olduğunda aktif olur.
   ========================================================= */

[data-theme="dark"] {
  --txg-bg: #0b1220;
  --txg-bg-soft: #0f172a;
  --txg-surface: #111827;
  --txg-surface-soft: #172033;
  --txg-border: rgba(148, 163, 184, 0.16);
  --txg-border-strong: rgba(148, 163, 184, 0.24);
  --txg-text: #e5eefc;
  --txg-text-soft: #94a9c9;
  --txg-primary: #6ea8ff;
  --txg-primary-2: #9bc2ff;
  --txg-success: #28d391;
  --txg-warning: #ffbe55;
  --txg-danger: #ff7f7f;
  --txg-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
  --txg-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.24);
}

[data-theme="dark"] .txg-page {
  background:
    radial-gradient(circle at top left, rgba(47, 107, 255, 0.16), transparent 24%),
    radial-gradient(circle at right 10% top 12%, rgba(110, 168, 255, 0.10), transparent 20%),
    linear-gradient(180deg, #08101c 0%, #0d1626 100%);
  color: var(--txg-text);
}

[data-theme="dark"] .txg-page::before {
  background: rgba(47, 107, 255, 0.16);
}

[data-theme="dark"] .txg-page::after {
  background: rgba(24, 185, 122, 0.12);
}

[data-theme="dark"] .txg-card {
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.96) 0%, rgba(13, 22, 38, 0.98) 100%);
  border: 1px solid var(--txg-border);
  box-shadow: var(--txg-shadow);
}

[data-theme="dark"] .txg-hero {
  border: 1px solid var(--txg-border);
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.98) 100%),
    radial-gradient(circle at top right, rgba(47, 107, 255, 0.16), transparent 28%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
}

[data-theme="dark"] .txg-badge {
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.88);
  color: var(--txg-text);
}

[data-theme="dark"] .txg-badge-live {
  background: rgba(24, 185, 122, 0.16);
  color: #7ef0bb;
}

[data-theme="dark"] .txg-kicker,
[data-theme="dark"] .txg-section-label {
  color: var(--txg-primary);
}

[data-theme="dark"] .txg-title {
  color: var(--txg-text);
}

[data-theme="dark"] .txg-title strong {
  color: #ffffff;
}

[data-theme="dark"] .txg-lead {
  color: var(--txg-text-soft);
}

[data-theme="dark"] .txg-btn-secondary {
  color: var(--txg-text);
  border: 1px solid var(--txg-border-strong);
  background: rgba(15, 23, 42, 0.88);
}

[data-theme="dark"] .txg-btn-secondary:hover {
  border-color: rgba(110, 168, 255, 0.32);
  background: rgba(19, 31, 52, 0.96);
}

[data-theme="dark"] .txg-stat-card,
[data-theme="dark"] .txg-feature-card,
[data-theme="dark"] .txg-stage-item,
[data-theme="dark"] .txg-console-row,
[data-theme="dark"] .txg-feed-item,
[data-theme="dark"] .txg-story-item,
[data-theme="dark"] .txg-donut-item,
[data-theme="dark"] .txg-footer-meta > div {
  background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
  border: 1px solid var(--txg-border);
  box-shadow: var(--txg-shadow-soft);
}

[data-theme="dark"] .txg-stat-card::after {
  background: radial-gradient(circle, rgba(110, 168, 255, 0.18) 0%, transparent 72%);
}

[data-theme="dark"] .txg-stat-card span,
[data-theme="dark"] .txg-preview-foot span,
[data-theme="dark"] .txg-progress-head span,
[data-theme="dark"] .txg-footer-meta span {
  color: var(--txg-text-soft);
}

[data-theme="dark"] .txg-stat-card strong,
[data-theme="dark"] .txg-preview-foot strong,
[data-theme="dark"] .txg-progress-head strong,
[data-theme="dark"] .txg-footer-meta strong {
  color: var(--txg-text);
}

[data-theme="dark"] .txg-stat-card small {
  color: var(--txg-text-soft);
}

[data-theme="dark"] .txg-preview-card,
[data-theme="dark"] .txg-note-card,
[data-theme="dark"] .txg-feature-card,
[data-theme="dark"] .txg-panel,
[data-theme="dark"] .txg-footer-panel {
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.96) 0%, rgba(15, 23, 42, 0.98) 100%);
  border-color: var(--txg-border);
}

[data-theme="dark"] .txg-preview-card::before {
  background: radial-gradient(circle at top right, rgba(110, 168, 255, 0.16), transparent 26%);
}

[data-theme="dark"] .txg-preview-top h3,
[data-theme="dark"] .txg-note-card h3,
[data-theme="dark"] .txg-feature-card h3,
[data-theme="dark"] .txg-panel-head h3,
[data-theme="dark"] .txg-footer-grid h3 {
  color: var(--txg-text);
}

[data-theme="dark"] .txg-pill,
[data-theme="dark"] .txg-panel-badge {
  background: rgba(47, 107, 255, 0.14);
  color: #9fc2ff;
}

[data-theme="dark"] .txg-panel-badge-soft {
  background: rgba(148, 163, 184, 0.10);
  color: #bfd0eb;
}

[data-theme="dark"] .txg-mini-board {
  background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
  border: 1px solid var(--txg-border);
}

[data-theme="dark"] .txg-mini-line {
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.34) 0%, rgba(110, 168, 255, 0.10) 100%);
}

[data-theme="dark"] .txg-mini-panel {
  background: #0b1220;
  border: 1px solid rgba(148, 163, 184, 0.16);
}

[data-theme="dark"] .txg-mini-panel::after {
  background: rgba(148, 163, 184, 0.16);
  box-shadow: 0 18px 0 rgba(148, 163, 184, 0.10), 0 36px 0 rgba(148, 163, 184, 0.07);
}

[data-theme="dark"] .txg-mini-panel-primary {
  background: linear-gradient(135deg, #2f6bff 0%, #6ea8ff 100%);
  border-color: transparent;
}

[data-theme="dark"] .txg-mini-panel-primary::after {
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 0 18px 0 rgba(255, 255, 255, 0.22), 0 36px 0 rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .txg-progress-track {
  background: #182235;
}

[data-theme="dark"] .txg-progress-bar {
  background: linear-gradient(90deg, #3d7cff 0%, #8cbcff 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
}

[data-theme="dark"] .txg-preview-foot > div {
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid var(--txg-border);
}

[data-theme="dark"] .txg-note-card p,
[data-theme="dark"] .txg-feature-card p,
[data-theme="dark"] .txg-story-item p,
[data-theme="dark"] .txg-feed-item p,
[data-theme="dark"] .txg-stage-copy p,
[data-theme="dark"] .txg-console-row span:last-child {
  color: var(--txg-text-soft);
}

[data-theme="dark"] .txg-note-points span {
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid var(--txg-border);
  color: var(--txg-text);
}

[data-theme="dark"] .txg-note-points i,
[data-theme="dark"] .txg-story-item i {
  color: var(--txg-primary);
}

[data-theme="dark"] .txg-feature-card h3,
[data-theme="dark"] .txg-panel-head h3,
[data-theme="dark"] .txg-footer-grid h3 {
  color: var(--txg-text);
}

[data-theme="dark"] .txg-stage-icon {
  background: rgba(47, 107, 255, 0.14);
  color: #9fc2ff;
}

[data-theme="dark"] .txg-stage-item.tamamlandi .txg-stage-icon {
  background: rgba(24, 185, 122, 0.16);
  color: #7ef0bb;
}

[data-theme="dark"] .txg-stage-item.bekliyor .txg-stage-icon {
  background: rgba(255, 184, 77, 0.16);
  color: #ffc96e;
}

[data-theme="dark"] .txg-stage-copy h4 {
  color: var(--txg-text);
}

[data-theme="dark"] .txg-stage-ratio {
  background: rgba(47, 107, 255, 0.14);
  color: #9fc2ff;
}

[data-theme="dark"] .txg-console-no {
  background: rgba(47, 107, 255, 0.14);
  color: #9fc2ff;
}

[data-theme="dark"] .txg-donut-name {
  color: var(--txg-text);
}

[data-theme="dark"] .txg-donut-value {
  color: var(--txg-text-soft);
}

[data-theme="dark"] .txg-story-item i {
  background: rgba(47, 107, 255, 0.14);
}

[data-theme="dark"] .txg-story-item strong,
[data-theme="dark"] .txg-feed-item strong {
  color: var(--txg-text);
}

[data-theme="dark"] .txg-feed-item-index {
  background: rgba(47, 107, 255, 0.14);
  color: #9fc2ff;
}

[data-theme="dark"] .txg-note-summary {
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)),
    rgba(8, 12, 22, .72);
  border: 1px solid rgba(255,255,255,.08);
}

[data-theme="dark"] .txg-note-top {
  border-bottom: 1px solid rgba(255,255,255,.08);
}

[data-theme="dark"] .txg-note-top h4 {
  color: #f3f7ff;
}

[data-theme="dark"] .txg-note-top p {
  color: #b8c7de;
}

[data-theme="dark"] .txg-note-item {
  background: linear-gradient(180deg, rgba(33, 150, 243, .22) 0%, rgba(13, 110, 253, .18) 100%);
  border: 1px solid rgba(255,255,255,.09);
}

[data-theme="dark"] .txg-note-item:hover {
  border-color: rgba(110, 168, 255, .34);
  background: linear-gradient(180deg, rgba(0, 188, 212, .22) 0%, rgba(33, 150, 243, .20) 100%);
}

[data-theme="dark"] .txg-note-label {
  color: rgba(255,255,255,.82);
}

[data-theme="dark"] .txg-note-value {
  color: #ffffff;
}

[data-theme="dark"] .txg-note-code {
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.08);
  color: #8be9fd;
}

[data-theme="dark"] .txg-footer-meta > div {
  background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
}

[data-theme="dark"] .txg-stage-item:hover,
[data-theme="dark"] .txg-feature-card:hover,
[data-theme="dark"] .txg-story-item:hover,
[data-theme="dark"] .txg-feed-item:hover,
[data-theme="dark"] .txg-footer-meta > div:hover,
[data-theme="dark"] .txg-stat-card:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

/* İsteğe bağlı: form, link, genel metin iyileştirmeleri */
[data-theme="dark"] a {
  color: #9fc2ff;
}

[data-theme="dark"] a:hover {
  color: #c3dbff;
}

[data-theme="dark"] .txg-btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #3b7cff 0%, #6ea8ff 100%);
  box-shadow: 0 16px 34px rgba(47, 107, 255, 0.30);
}
}