/* ── Light tema ── */
:root {
  --color-bg: #F0F2F5;
  --color-surface: #ffffff;
  --color-text: #0d121d;
  --color-muted: #6b7280;
  --color-accent: #0073D1;
  --color-accent-dark: #005A9E;
  --color-border: rgba(31,41,61,.12);
  --color-paper: #ffffff;
  --positive-text: #4FA963;
  --negative-text: #E93A3F;
  --home-page-bg: #F0F2F5;
  --home-page-text: #0d121d;
  --color-card: #ffffff;
  --color-elevated: #ffffff;
  --color-pnl-positive: #4FA963;
  --color-pnl-negative: #E93A3F;
  --bist-list-bg: #f3f4f6;
  --bist-card-bg: #ffffff;
  --promo-card-bg: #f3f4f6;
  --promo-card-border: rgba(31,41,61,.12);
  --color-success: #4FA963;
  --color-danger: #E93A3F;
  --list-divider: #e5e7eb;
  --home-bistlist-tab-inactive-text: #9ca3af;
  --home-bistlist-title-text: #0d121d;
  --home-bistlist-row-symbol-text: #0d121d;
  --home-bistlist-row-name-text: #6b7280;
  --home-bistlist-row-price-text: #0d121d;
  --home-bistlist-row-volume-text: #6b7280;
  --home-bistlist-footer-text: rgba(13,18,29,0.6);
  --nav-bg: #ffffff;
  --nav-border: rgba(31,41,61,.10);
  --nav-inactive-text: #9ca3af;
  --nav-active-text: #0073D1;
  --home-balance-transfer-btn-text: var(--color-text);
  --transfer-btn-bg: #f1f4f7;
  /* Home balance */
  --home-balance-amount-text:    var(--color-text);
  --home-balance-title-text:     var(--color-muted);
  --home-balance-subtext:        var(--color-muted);
  --home-balance-info-icon:      var(--color-muted);
  --home-balance-pill-text:      var(--color-muted);
  --home-balance-pnl-neutral:    var(--color-muted);
  /* Asset Analysis */
  --asset-analysis-surface-bg:     #f3f4f6;
  --asset-analysis-card-bg:        #ffffff;
  --asset-analysis-pill-active-bg: rgba(0,0,0,0.07);
  --asset-analysis-tab-active-bg:  rgba(0,0,0,0.07);
  --chart-line-color:              #0073D1;
  /* News */
  --news-divider:         rgba(31,41,61,.10);
  --news-ghost-bg-5:      rgba(0,0,0,0.04);
  --news-ghost-bg-10:     rgba(0,0,0,0.07);
  --news-text-70:         rgba(13,18,29,0.70);
  --news-text-80:         rgba(13,18,29,0.80);
  --news-text-92:         rgba(13,18,29,0.92);
  --news-primary-btn-bg:  #0073D1;
  --news-primary-btn-text:#ffffff;
  /* Trade */
  --trade-page-text:               #0d121d;
  --trade-page-bg:                 #F0F2F5;
  --trade-card-ring:               rgba(31,41,61,0.10);
  --trade-card-divider:            rgba(31,41,61,0.08);
  --trade-card-bg:                 #ffffff;
  --trade-orderbook-panel-bg:      rgba(255,255,255,0.85);
  --trade-orderbook-meta-text:     rgba(13,18,29,0.55);
  --trade-orderbook-qty-text:      rgba(13,18,29,0.70);
  --trade-orderbook-ask-text:      rgb(233, 58, 63);
  --trade-orderbook-bid-text:      rgb(79, 169, 99);
  --trade-orderbook-mid-text:      #0d121d;
  --trade-orderbook-ask-gradient-from: rgba(233,58,63,0.12);
  --trade-orderbook-ask-gradient-via:  rgba(233,58,63,0.04);
  --trade-orderbook-bid-gradient-from: rgba(79,169,99,0.12);
  --trade-orderbook-bid-gradient-via:  rgba(79,169,99,0.04);
  --trade-change-positive-text:    rgb(79, 169, 99);
  --trade-change-negative-text:    rgb(233, 58, 63);
  --trade-header-change-neutral:   rgba(13,18,29,0.45);
  --trade-form-label-text:         rgba(13,18,29,0.55);
  --trade-form-input-bg:           rgba(0,0,0,0.04);
  --trade-form-input-text:         #0d121d;
  --trade-form-input-placeholder:  rgba(13,18,29,0.35);
  --trade-side-buy-active-bg:      rgb(72, 170, 93);
  --trade-side-sell-active-bg:     rgb(179, 42, 49);
  --trade-side-inactive-text:      rgba(13,18,29,0.40);
  --trade-side-toggle-bg:          rgba(0,0,0,0.06);
  --trade-true-white:              #ffffff;
  --trade-position-direction-long:  rgb(79, 169, 99);
  --trade-position-direction-short: rgb(233, 58, 63);
  --trade-position-logo-border:    rgba(31,41,61,0.10);
  --trade-position-logo-bg:        #f3f4f6;
  --trade-position-logo-text:      #6b7280;
  --trade-position-close-bg:       rgb(233, 58, 63);
  --trade-position-close-hover-bg: rgba(233,58,63,0.85);
  --trade-empty-text:              rgba(13,18,29,0.45);
  --trade-text-80:                 rgba(13,18,29,0.80);
  --trade-text-90:                 rgba(13,18,29,0.70);
  --trade-chart-info-text:         rgba(13,18,29,0.50);
  --trade-stops-sheet-bg:          #ffffff;
  --trade-stops-sheet-ring:        rgba(31,41,61,0.12);
  --trade-stops-input-bg:          #f3f4f6;
  --trade-stops-input-ring:        rgba(31,41,61,0.12);
  --trade-stops-input-text:        #0d121d;
  --trade-stops-input-focus-ring:  rgb(72, 170, 93);
  --trade-stops-neutral-btn-bg:    #ffffff;
  --trade-stops-neutral-btn-bg-hover: rgba(0,0,0,0.04);
  --trade-stops-neutral-btn-text:  rgba(13,18,29,0.70);
  --trade-stops-save-bg:           rgb(72, 170, 93);
  --trade-stops-save-text:         #ffffff;
  --trade-ghost-bg-5:              rgba(0,0,0,0.04);
  --trade-close-overlay-bg:        rgba(0,0,0,0.40);
  --trade-close-sheet-bg:          #ffffff;
  --trade-close-sheet-ring:        rgba(31,41,61,0.12);
  --trade-sheet-handle-bg:         rgba(31,41,61,0.15);
  --trade-close-title-text:        #0d121d;
  --trade-close-desc-text:         rgba(13,18,29,0.55);
  --trade-close-secondary-bg:      rgba(0,0,0,0.04);
  --trade-close-secondary-bg-hover: rgba(0,0,0,0.07);
  --trade-close-secondary-text:    rgba(13,18,29,0.70);
  --trade-close-primary-bg:        rgb(233, 58, 63);
  --trade-close-primary-text:      #ffffff;
  --trade-toast-bg:                #ffffff;
  --trade-toast-text:              #0d121d;
  --trade-toast-icon-success-bg:   rgba(72,170,93,0.12);
  --trade-toast-icon-success-text: rgb(72, 170, 93);
  --trade-live-pill-bg:            rgba(79,169,99,0.12);
  --trade-live-pill-text:          rgb(79, 169, 99);
  --trade-chart-wrap-ring:         rgba(31,41,61,0.10);
  --trade-chart-wrap-bg:           #f3f4f6;
  /* StockDetail */
  --stockdetail-page-bg:            var(--color-bg);
  --stockdetail-page-text:          var(--color-text);
  --stockdetail-summary-label-text: var(--color-muted);
  --stockdetail-details-divider:    var(--color-border);
  --stockdetail-range-active-bg:    var(--color-text);
  --app-bottomnav-border:          rgba(31,41,61,0.10);
  --fxpairlogo-border:             rgba(31,41,61,0.12);
  --fxpairlogo-bg:                 #f3f4f6;
  --fxpairlogo-text:               rgba(13,18,29,0.70);
}

/* ── Dark tema ── */
html[data-theme="dark"] {
  --color-bg: #080B12;
  --color-surface: #0B0E1A;
  --color-card: #131F2F;
  --color-elevated: #131F2F;
  --color-text: #FFFFFF;
  --color-muted: #778298;
  --color-accent: #0073D1;
  --color-accent-dark: #005A9E;
  --color-border: #1E2A3A;
  --color-paper: #0B0E1A;
  --positive-text: #4FA963;
  --negative-text: #E93A3F;
  --home-page-bg: #0B0E1A;
  --home-page-text: #FFFFFF;
  --color-pnl-positive: #4FA963;
  --color-pnl-negative: #E93A3F;
  --bist-list-bg: #131F2F;
  --bist-card-bg: #1A283C;
  --promo-card-bg: #131F2F;
  --promo-card-border: #1E2A3A;
  --color-success: #4FA963;
  --color-danger: #E93A3F;
  --list-divider: #1E2A3A;
  --home-bistlist-tab-inactive-text: #778298;
  --home-bistlist-title-text: #FFFFFF;
  --home-bistlist-row-symbol-text: #FFFFFF;
  --home-bistlist-row-name-text: rgb(119, 130, 152);
  --home-bistlist-row-price-text: #FFFFFF;
  --home-bistlist-row-volume-text: rgb(119, 130, 152);
  --home-bistlist-footer-text: rgba(255,255,255,0.6);
  --nav-bg: #080B12;
  --nav-border: #1E2A3A;
  --nav-inactive-text: #778298;
  --nav-active-text: #0073D1;
  --home-balance-transfer-btn-text: #ffffff;
  --transfer-btn-bg: #131F2F;
  /* Home balance */
  --home-balance-amount-text:    #FFFFFF;
  --home-balance-title-text:     #778298;
  --home-balance-subtext:        #778298;
  --home-balance-info-icon:      #778298;
  --home-balance-pill-text:      #778298;
  --home-balance-pnl-neutral:    #778298;
  /* Asset Analysis */
  --asset-analysis-surface-bg:     #0B0E1A;
  --asset-analysis-card-bg:        #131F2F;
  --asset-analysis-pill-active-bg: rgba(255,255,255,0.08);
  --asset-analysis-tab-active-bg:  rgba(255,255,255,0.08);
  --chart-line-color:              #0073D1;
  /* News */
  --news-divider:         rgba(255,255,255,0.08);
  --news-ghost-bg-5:      rgba(255,255,255,0.05);
  --news-ghost-bg-10:     rgba(255,255,255,0.10);
  --news-text-70:         rgba(255,255,255,0.70);
  --news-text-80:         rgba(255,255,255,0.80);
  --news-text-92:         rgba(255,255,255,0.92);
  --news-primary-btn-bg:  #0073D1;
  --news-primary-btn-text:#ffffff;
  /* Trade */
  --trade-page-text:               #ffffff;
  --trade-page-bg:                 rgb(11, 15, 26);
  --trade-card-ring:               rgba(255,255,255,0.07);
  --trade-card-divider:            rgba(255,255,255,0.08);
  --trade-card-bg:                 rgb(19, 31, 47);
  --trade-orderbook-panel-bg:      rgba(19,31,47,0.60);
  --trade-orderbook-meta-text:     rgba(255,255,255,0.55);
  --trade-orderbook-qty-text:      rgba(255,255,255,0.70);
  --trade-orderbook-ask-text:      rgb(233, 58, 63);
  --trade-orderbook-bid-text:      rgb(79, 169, 99);
  --trade-orderbook-mid-text:      #ffffff;
  --trade-orderbook-ask-gradient-from: rgba(233,58,63,0.18);
  --trade-orderbook-ask-gradient-via:  rgba(233,58,63,0.06);
  --trade-orderbook-bid-gradient-from: rgba(79,169,99,0.18);
  --trade-orderbook-bid-gradient-via:  rgba(79,169,99,0.06);
  --trade-change-positive-text:    rgb(79, 169, 99);
  --trade-change-negative-text:    rgb(233, 58, 63);
  --trade-header-change-neutral:   rgba(255,255,255,0.45);
  --trade-form-label-text:         rgba(255,255,255,0.55);
  --trade-form-input-bg:           rgba(255,255,255,0.05);
  --trade-form-input-text:         #ffffff;
  --trade-form-input-placeholder:  rgba(255,255,255,0.30);
  --trade-side-buy-active-bg:      rgb(72, 170, 93);
  --trade-side-sell-active-bg:     rgb(179, 42, 49);
  --trade-side-inactive-text:      rgba(255,255,255,0.40);
  --trade-side-toggle-bg:          rgba(255,255,255,0.06);
  --trade-true-white:              #ffffff;
  --trade-position-direction-long:  rgb(79, 169, 99);
  --trade-position-direction-short: rgb(233, 58, 63);
  --trade-position-logo-border:    rgba(255,255,255,0.08);
  --trade-position-logo-bg:        rgb(22, 39, 57);
  --trade-position-logo-text:      rgb(119, 130, 152);
  --trade-position-close-bg:       rgb(233, 58, 63);
  --trade-position-close-hover-bg: rgba(233,58,63,0.85);
  --trade-empty-text:              rgba(255,255,255,0.45);
  --trade-text-80:                 rgba(255,255,255,0.80);
  --trade-text-90:                 rgba(255,255,255,0.70);
  --trade-chart-info-text:         rgba(255,255,255,0.50);
  --trade-stops-sheet-bg:          rgb(19, 31, 47);
  --trade-stops-sheet-ring:        rgba(255,255,255,0.10);
  --trade-stops-input-bg:          rgb(22, 39, 57);
  --trade-stops-input-ring:        rgba(255,255,255,0.10);
  --trade-stops-input-text:        #ffffff;
  --trade-stops-input-focus-ring:  rgb(72, 170, 93);
  --trade-stops-neutral-btn-bg:    rgb(19, 31, 47);
  --trade-stops-neutral-btn-bg-hover: rgba(255,255,255,0.08);
  --trade-stops-neutral-btn-text:  rgba(255,255,255,0.70);
  --trade-stops-save-bg:           rgb(72, 170, 93);
  --trade-stops-save-text:         #ffffff;
  --trade-ghost-bg-5:              rgba(255,255,255,0.05);
  --trade-close-overlay-bg:        rgba(0,0,0,0.60);
  --trade-close-sheet-bg:          rgb(19, 31, 47);
  --trade-close-sheet-ring:        rgba(255,255,255,0.10);
  --trade-sheet-handle-bg:         rgba(255,255,255,0.15);
  --trade-close-title-text:        #ffffff;
  --trade-close-desc-text:         rgba(255,255,255,0.50);
  --trade-close-secondary-bg:      rgba(255,255,255,0.06);
  --trade-close-secondary-bg-hover: rgba(255,255,255,0.10);
  --trade-close-secondary-text:    rgba(255,255,255,0.70);
  --trade-close-primary-bg:        rgb(233, 58, 63);
  --trade-close-primary-text:      #ffffff;
  --trade-toast-bg:                rgb(19, 31, 47);
  --trade-toast-text:              #ffffff;
  --trade-toast-icon-success-bg:   rgba(72,170,93,0.18);
  --trade-toast-icon-success-text: rgb(72, 170, 93);
  --trade-live-pill-bg:            rgba(79,169,99,0.15);
  --trade-live-pill-text:          rgb(79, 169, 99);
  --trade-chart-wrap-ring:         rgba(255,255,255,0.08);
  --trade-chart-wrap-bg:           rgb(22, 39, 57);
  --app-bottomnav-border:          rgba(255,255,255,0.08);
  /* StockDetail */
  --stockdetail-page-bg:            #0B0E1A;
  --stockdetail-page-text:          #FFFFFF;
  --stockdetail-summary-label-text: #778298;
  --stockdetail-details-divider:    #1E2A3A;
  --stockdetail-range-active-bg:    #FFFFFF;
  --fxpairlogo-border:             rgba(255,255,255,0.12);
  --fxpairlogo-bg:                 rgb(22, 39, 57);
  --fxpairlogo-text:               rgba(255,255,255,0.70);
}

/* ── Base ── */
*, *::before, *::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: ui-sans-serif, system-ui, sans-serif;
  background: var(--home-page-bg);
  color: var(--home-page-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior: none;
  margin: 0;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

.text-positive { color: var(--positive-text) !important; }
.text-negative { color: var(--negative-text) !important; }
.text-muted    { color: var(--color-muted)   !important; }

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 4px; }

.text-hisse-xxs { font-size: 9.5px; }
.text-hisse-xs  { font-size: 10.5px; }
.text-hisse-sm  { font-size: 11.5px; }
.text-hisse-md  { font-size: 12.5px; }
.text-hisse-ml  { font-size: 13px; }
.text-hisse-lg  { font-size: 15px; }
.text-hisse-xl  { font-size: 17.5px; }

.bist-list-bg {
  background: var(--bist-list-bg, #131F2F);
}

.bist-tab {
  font-size: 11.5px;
  line-height: 16.1px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding-bottom: 8px;
  transition: color 0.15s, border-color 0.15s;
}
.bist-tab-active {
  font-weight: 700;
  color: var(--color-text);
  border-bottom: 2px solid var(--color-text);
}
.bist-tab-inactive {
  font-weight: 400;
  color: var(--home-bistlist-tab-inactive-text, #9ca3af);
  border-bottom: 2px solid transparent;
}

.market-dot {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  flex-shrink: 0;
  margin-left: 4px;
}
.market-dot-open {
  background: rgb(79, 169, 99);
  box-shadow: 0 0 0 4px rgba(79, 169, 99, 0.45);
}
.market-dot-closed {
  background: rgb(230, 26, 32);
  box-shadow: 0 0 0 4px rgba(184, 51, 59, 0.45);
}

.list-divider-bg {
  background: var(--list-divider, rgba(255,255,255,0.06));
}

.transfer-btn {
  background: var(--transfer-btn-bg, #131F2F);
  border: 1px solid var(--color-border);
  cursor: pointer;
}
.transfer-icon {
  opacity: 0.85;
}

/* Light modda beyaz ikonları koyu yap */
:root .transfer-icon {
  filter: invert(1) brightness(0.3);
  opacity: 1;
}
html[data-theme="dark"] .transfer-icon {
  filter: none;
  opacity: 0.85;
}