/* ======================================================
   MODERN DARK-BLUE DASHBOARD (PANEL + KARTLAR)
   index.html için tam CSS
   ====================================================== */

:root{
  /* Arka planlar – biraz açtık */
  --bg-body:#324670;
  --bg-dark:#0f172a;
  --bg-panel:#111827;
  --bg-card:#1f2937;
  --bg-soft:#1f2937;
  --bg-overlay:rgba(15,23,42,.78);

  /* Vurgu */
  --accent:#38bdf8;
  --accent-soft:rgba(56,189,248,.35);

  /* Butonlar – çok kömür gibi değil, bir tık açık */
  --btn-bg:#111827;
  --btn-hover:#1f2937;
  --btn-active:#273549;

  /* Metin */
  --text-light:#e2e8f0;
  --text-dark:#cbd5e0;

  /* Genel */
  --radius:8px;
  --transition:.18s ease-out;
  --ex-bulk-btn-w:140px;
  --ex-bulk-btn-h:34px;

  /* Üst bar & uyarı ekranı */
  --topbar-h:44px;
  --alert-card-scale:1.25;
}

/* =========================
   BODY & GLOBAL
   ========================= */

body{
  margin:0;
  padding:0;
  zoom:91%;
  background:
    radial-gradient(circle at top,    #2e4261 0, transparent 60%),
    radial-gradient(circle at bottom, #2e4261 0, #2e4261 70%);
  color:var(--text-light);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

body::-webkit-scrollbar{ width:8px; }
body::-webkit-scrollbar-track{ background:transparent; }
body::-webkit-scrollbar-thumb{
  background:#111827;
  border-radius:999px;
}

.app-navigation{
  position:sticky;
  top:0;
  z-index:70;
  display:flex;
  justify-content:center;
  gap:.5rem;
  padding:.65rem max(.75rem,env(safe-area-inset-right)) .65rem max(.75rem,env(safe-area-inset-left));
  border-bottom:1px solid rgba(148,163,184,.35);
  background:rgba(15,23,42,.98);
  backdrop-filter:blur(14px);
}
.app-navigation a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 1rem;
  border:1px solid #334155;
  border-radius:999px;
  color:#cbd5e1;
  font-weight:700;
  text-decoration:none;
  box-sizing:border-box;
}
.app-navigation a:hover,.app-navigation a.active{border-color:#38bdf8;background:#0c4a6e;color:#fff}
.route-screen[hidden]{display:none!important}

/* =========================
   ÜST KONTROL PANELİ
   ========================= */

#control-panel{
  position:sticky;          /* sayfayla birlikte kayar, üstte yapışır */
  top:57px;
  z-index:50;
  background:rgba(15,23,42,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(148,163,184,.35);
  padding:6px 12px 8px;
  text-align:center;        /* butonları ortalar */
  box-sizing:border-box;
}

/* Üst bardaki tüm butonlar (Göster dahil) */
#control-panel > button{
  display:inline-block;
  margin:3px 3px;
  padding:4px 11px;
  background:var(--btn-bg);
  border:1px solid rgba(148,163,184,.40);
  color:var(--text-light);
  cursor:pointer;
  border-radius:999px;
  font-size:.78rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-sizing:border-box;
  transition:
    background var(--transition),
    border-color var(--transition),
    box-shadow var(--transition),
    transform .12s;
}

#control-panel > button:hover{
  background:var(--btn-hover);
  border-color:var(--accent-soft);
  box-shadow:0 0 0 1px var(--accent-soft);
}

#control-panel > button:active{
  transform:translateY(1px) scale(.98);
}

/* Göster / Gizle butonu biraz daha farklı dursun */
#toggle-panel{
  min-width:78px;
  font-weight:600;
}

#toggle-panel::before{
  content:"◎";
  font-size:.65rem;
  margin-right:4px;
  opacity:.85;
}

#toggle-panel.active{
  background:var(--btn-active);
  border-color:var(--accent-soft);
}

/* =========================
   PANEL (AYARLAR)
   ========================= */

#panel{
  display:none;              /* JS ile açılıp kapanıyor */
  max-width:1900px;
  width:100%;
  margin:10px auto 4px;      /* üst barın hemen altında */
  padding:14px 16px 18px;
  box-sizing:border-box;
  background:var(--bg-panel);
  border-radius:16px;
  border:1px solid rgba(148,163,184,.45);
  box-shadow:0 18px 40px rgba(15,23,42,.85);
  text-align:left;
}

#panel > * + *{
  margin-top:1rem;
}

/* =========================
   BORSA BAZLI TOPLU SATIRLAR
   ========================= */

.exchange-bulk-row,
#select-exchange-btns,
#clear-exchange-btns{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.5rem;
}

/* Toplu işlem butonları */
#select-all,
#clear-all,
.exchange-bulk-row button,
#select-exchange-btns button,
#clear-exchange-btns button{
  background:var(--bg-card);
  color:var(--text-light);
  border:1px solid rgba(148,163,184,.35);
  padding:.45rem 1rem;
  border-radius:999px;
  cursor:pointer;
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:
    background var(--transition),
    border-color var(--transition),
    box-shadow var(--transition),
    transform .12s;
}

#select-all:hover,
#clear-all:hover,
.exchange-bulk-row button:hover,
#select-exchange-btns button:hover,
#clear-exchange-btns button:hover{
  background:var(--btn-hover);
  border-color:var(--accent-soft);
  box-shadow:0 0 0 1px var(--accent-soft);
}

#select-all:active,
#clear-all:active,
.exchange-bulk-row button:active,
#select-exchange-btns button:active,
#clear-exchange-btns button:active{
  transform:scale(.97);
}

.exchange-bulk-row button,
#select-all,#clear-all,
#select-exchange-btns button,
#clear-exchange-btns button{
  width:var(--ex-bulk-btn-w);
  height:var(--ex-bulk-btn-h);
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}

/* =========================
   EXCHANGE FİLTRE / ÜST BUTONLAR (panel içi)
   ========================= */

.exchange-filter{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.45rem;
  margin-bottom:1rem;
}

.exchange-filter h4{
  margin:0;
  color:var(--text-light);
  font-size:.95rem;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
}

#filter-btns{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  justify-content:center;
}

/* Panel içi tüm küçük aksiyon butonları */
#filter-btns button,
.ctx-group button,
.modal-btn-group button,
#open-paribu-popup,
#open-btcturk_global-popup,
#open-paribu-binance-popup,
#open-btcturk_global-binance-popup,
#run-pump,
#run-fan-pump,
#run-tx,
#run-binance-sonar,
#reset-percoin,
#stop-all-watchers{
  margin:2px;
  padding:4px 10px;
  background:var(--btn-bg);
  border:1px solid rgba(148,163,184,.35);
  color:var(--text-light);
  cursor:pointer;
  border-radius:999px;
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-sizing:border-box;
  transition:
    background var(--transition),
    border-color var(--transition),
    transform .12s,
    box-shadow var(--transition),
    color var(--transition);
}

#filter-btns button:hover,
.ctx-group button:hover,
.modal-btn-group button:hover,
#open-paribu-popup:hover,
#open-btcturk_global-popup:hover,
#open-paribu-binance-popup:hover,
#open-btcturk_global-binance-popup:hover,
#run-pump:hover,
#run-fan-pump:hover,
#run-tx:hover,
#run-binance-sonar:hover,
#reset-percoin:hover,
#stop-all-watchers:hover{
  background:var(--btn-hover);
  border-color:var(--accent-soft);
  box-shadow:0 0 0 1px var(--accent-soft);
}

#filter-btns button.active,
.ctx-group button.active,
.modal-btn-group button.active,
#open-paribu-popup.active,
#open-btcturk_global-popup.active,
#open-paribu-binance-popup.active,
#open-btcturk_global-binance-popup.active,
#run-pump.active,
#run-fan-pump.active,
#run-tx.active,
#run-binance-sonar.active,
#reset-percoin.active,
#stop-all-watchers.active{
  background:var(--btn-active);
  border-color:var(--accent-soft);
  transform:translateY(-1px);
}

/* =========================
   KONTEXT GRUPLARI (Paribu/BtcTurk Global/All/Fan vs.)
   ========================= */

.ctx-group{
  background:var(--bg-card);
  padding:1rem 1.1rem;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.35);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:1.25rem;
  row-gap:.8rem;
  align-items:flex-start;
  margin-bottom:1rem;
  box-shadow:0 14px 30px rgba(15,23,42,.8);
}

.ctx-group > .telegram-config{margin-left:0!important;min-width:0}

.threshold-group,
.telegram-config{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}

.btns,
.tg-btns{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}

/* Telegram input alanları */
.telegram-config label{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  margin:0;
  font-size:.82rem;
  color:var(--text-light);
}

.telegram-config input{
  width:100%;
  max-width:410px;
  padding:.5rem .65rem;
  font-size:.86rem;
  box-sizing:border-box;
  background:#020617;
  color:var(--text-light);
  border:1px solid rgba(148,163,184,.45);
  border-radius:10px;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    background var(--transition);
}

.telegram-config input::placeholder{
  color:rgba(156,163,175,.85);
}

.telegram-config input:focus{
  border-color:var(--accent);
  background:#020617;
  outline:none;
  box-shadow:0 0 0 1px var(--accent-soft);
}

/* Tx / Sonar / Ağ İzleme genişlik ayarı */
.ctx-group[data-ctx="TxIdWatch"],
.ctx-group[data-ctx="BinanceSonar"],
.ctx-group[data-ctx="NetworkWatch"]{
  grid-template-columns:minmax(160px,auto) 1fr !important;
  column-gap:1.25rem !important;
}

.ctx-group[data-ctx="TxIdWatch"] .threshold-group,
.ctx-group[data-ctx="BinanceSonar"] .threshold-group,
.ctx-group[data-ctx="NetworkWatch"] .threshold-group{
  min-width:890px !important;
}

/* =========================
   KART ALANI (COIN KARTLARI)
   ========================= */

#cards{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
  padding:5px;
  box-sizing:border-box;
}

/* Kart tasarımı */
.card{
  flex:0 0 104px;
  max-width:104px;
  position:relative;

  /* Bir tık daha koyu ama hâlâ yumuşak */
  background:linear-gradient(
    180deg,
    #202b44 0%,
    #182338 55%,
    #131b2b 100%
  );

  border-radius:14px;
  padding:6px 5px 6px;
  border:1px solid rgba(148,163,184,.30);
  box-shadow:0 9px 22px rgba(7,11,23,.70);
  overflow:hidden;
  transition:
    transform .12s ease-out,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(15,23,42,.95);
  border-color:var(--accent-soft);
}

.card.highlight{
  outline:2px solid rgb(229,181,64);
  outline-offset:2px;
}

.card.highlight .card-header .coin-symbol{
  color:rgb(229,181,64);
}

/* Kart başlığı */
.card-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:2px;
}

.coin-symbol{
  font-size:1rem;
  color:var(--text-light);
  cursor:pointer;
  font-weight:600;
}

/* Üst sağ ikonlar */
.card-header .card-controls{
  display:flex;
  align-items:center;
  gap:.3rem;
}

.toggle-icon{
  cursor:pointer;
  user-select:none;
  font-weight:bold;
  font-size:1.05rem;
  color:var(--text-dark);
  transition:
    transform var(--transition),
    color var(--transition),
    opacity var(--transition);
  opacity:.85;
}

.toggle-icon:hover{
  transform:scale(1.18);
  color:var(--accent);
  opacity:1;
}

.star-icon{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.3rem;
  line-height:1;
  color:var(--text-dark);
  transition:transform .14s ease-out,color var(--transition);
}

.star-icon:hover{
  transform:scale(1.18);
  color:#facc6b;
}

/* Fiyat listesi */
/* Fiyat listesi */
.exchange-list{
  list-style:none;
  padding:0;
  margin:0;
}

.exchange-list li{
  display:flex;
  align-items:center;
  gap:2px;           /* 4px → 2px  (satırlar birbirine yaklaşsın) */
  margin-bottom:0;   /* 1px → 0  */
}

.card.show-controls .exchange-list input[type="checkbox"]{
  display:inline-block;
}

.card .exchange-list input[type="checkbox"]{
  display:none;
}

/* Exchange kısa isim kutusu */
.exch-name{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:0.9rem;      /* 1rem → 0.9rem  bir tık küçülttük */
  height:0.9rem;     /* 1rem → 0.9rem */
  box-sizing:border-box;
  text-transform:uppercase;
  margin-right:0;
  transform:translateX(-4px);
}

.exch-logo{
  width:100%;
  height:85%;
  object-fit:contain;
  display:block;
}

/* Fiyat satırı */
.exch-price{
  font-size:1.08rem;         /* 1.02rem → 1rem */
  line-height:1.07;       /* EKLEDİK: satırı sıkıştırır */
  color:var(--text-dark);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1, "lnum" 1;
}


/* Relay seçilebilir chip */
.exch-name.relay-selectable{
  cursor:pointer;
  border-radius:6px;
  padding:0;
}

.exch-name.relay-active{
  outline:2px solid rgba(255,255,255,.22);
  box-shadow:none;
}

@media (prefers-color-scheme:dark){
  .exch-name.relay-active{
    box-shadow:0 0 0 2px rgba(255,255,255,.22);
  }
}

/* =========================
   MODAL GENEL
   ========================= */

.modal-overlay{
  position:fixed;
  inset:0;
  background:var(--bg-overlay);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1000;
}

.modal-window{
  background:var(--bg-card);
  padding:1.5rem;
  border-radius:16px;
  width:850px;
  max-width:90%;
  box-shadow:0 26px 70px rgba(0,0,0,.85);
  position:relative;
  color:var(--text-light);
  zoom:100%;
}

.modal-close{
  position:absolute;
  top:8px;
  right:8px;
  background:rgba(15,23,42,.95);
  border:none;
  font-size:1.2rem;
  color:#9ca3af;
  cursor:pointer;
  padding:3px;
  border-radius:999px;
  transition:
    background var(--transition),
    color var(--transition),
    transform .12s,
    box-shadow var(--transition);
}

.modal-close:hover{
  color:var(--text-light);
  background:#020617;
  box-shadow:0 0 0 1px rgba(148,163,184,.35);
}

#modal-coin-name{
  margin:0 0 1rem;
  text-align:center;
}

/* Modal iç bloklar */
.modal-section{ margin:.35rem 0; }
.modal-section.is-telegram{ margin-top:.6rem; }

.modal-block{
  border:1px solid rgba(148,163,184,.45);
  border-radius:14px;
  padding:.9rem 1rem;
  margin:1rem 0;
  background:#111827;
}

.modal-block-title{
  margin:0 0 .6rem;
  font-size:.94rem;
  color:var(--text-light);
  font-weight:500;
}

.modal-block.is-pumpbot{
  margin-top:1.2rem;
}

/* Sembol eşleme alanı */
#modal-map-inputs{
  display:grid;
  grid-template-rows:repeat(5,auto);
  grid-auto-flow:column;
  column-gap:1rem;
  row-gap:.5rem;
  margin:0;
  padding:0;
}

#modal-map-inputs label{
  display:grid;
  grid-template-columns:90px auto;
  gap:.5rem;
  align-items:center;
  margin:0;
  font-size:.84rem;
}

#modal-map-inputs input.map-input{
  width:140px;
  max-width:100%;
  padding:4px 8px;
  border:1px solid rgba(148,163,184,.45);
  border-radius:8px;
  background:#020617;
  color:var(--text-light);
  font-size:.84rem;
  box-sizing:border-box;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    background var(--transition);
}

#modal-map-inputs input.map-input::placeholder{
  color:rgba(156,163,175,.85);
}

#modal-map-inputs input.map-input:focus{
  border-color:var(--accent);
  outline:none;
  background:#020617;
  box-shadow:0 0 0 1px var(--accent-soft);
}

/* =========================
   COIN YÖNETİMİ
   ========================= */

.coin-mgmt-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:1rem 0 .5rem;
}

.coin-mgmt-header h4{
  margin:0;
  color:var(--text-light);
  font-size:.98rem;
  font-weight:500;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#coin-search{
  padding:4px 8px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.45);
  background:#020617;
  color:var(--text-light);
  font-size:.84rem;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    background var(--transition);
}

#coin-search::placeholder{
  color:rgba(156,163,175,.85);
}

#coin-search:focus{
  border-color:var(--accent);
  outline:none;
  background:#020617;
  box-shadow:0 0 0 1px var(--accent-soft);
}

#coin-form{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
  margin-bottom:1rem;
}

#coin-form #coin-input{
  flex:1;
  min-width:120px;
  max-width:130px;
  padding:4px 8px;
  border:1px solid rgba(148,163,184,.45);
  border-radius:10px;
  background:#020617;
  color:var(--text-light);
  box-sizing:border-box;
  font-size:.84rem;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    background var(--transition);
}

#coin-form #coin-input::placeholder{
  color:rgba(156,163,175,.85);
}

#coin-form #coin-input:focus{
  border-color:var(--accent);
  outline:none;
  background:#020617;
  box-shadow:0 0 0 1px var(--accent-soft);
}

#coin-form label{
  display:flex;
  align-items:center;
  gap:.25rem;
  color:var(--text-light);
  font-size:.84rem;
}

#coin-form button{
  background:var(--accent);
  color:#020617;
  border:none;
  padding:5px 11px;
  border-radius:999px;
  cursor:pointer;
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:
    transform var(--transition),
    box-shadow var(--transition),
    filter var(--transition);
}

#coin-form button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(15,23,42,.85);
  filter:brightness(1.03);
}

/* Coin listesi */
#coin-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  gap:.55rem;
  padding:.5rem 0;
  margin:0;
  list-style:none;
}

#coin-list li{
  position:relative;
  background:var(--bg-card);
  border-radius:14px;
  padding:.8rem .5rem;
  text-align:center;
  font-size:.86rem;
  color:var(--text-light);
  border:1px solid rgba(148,163,184,.40);
  box-shadow:0 10px 26px rgba(15,23,42,.85);
}

#coin-list li button{
  position:absolute;
  top:4px;
  right:4px;
  background:transparent;
  border:none;
  color:#f87171;
  font-size:.8rem;
  cursor:pointer;
  padding:0;
  line-height:1;
}

@media (max-width:380px){
  #coin-list{
    grid-template-columns:repeat(auto-fill,minmax(80px,1fr));
  }
}

#coin-pagination{
  display:flex;
  justify-content:center;
  gap:.5rem;
  margin-top:.75rem;
}

#coin-pagination button{
  background:var(--bg-card);
  border:1px solid rgba(148,163,184,.40);
  color:var(--text-light);
  padding:4px 9px;
  border-radius:999px;
  cursor:pointer;
  font-size:.8rem;
  transition:
    background var(--transition),
    border-color var(--transition),
    transform .12s;
}

#coin-pagination button:hover,
#coin-pagination button.active{
  background:var(--btn-active);
  color:#fff;
  border-color:var(--accent-soft);
  transform:translateY(-1px);
}

/* =========================
   KART GLOW RENKLERİ & BORSA RENKLERİ
   ========================= */

/* Paribu – yeşilimsi glow: üst + alt */
.card.glow-Paribu{
  background:
    radial-gradient(circle at top,    rgba(48, 199, 103, 0.45) 0, transparent 55%),
    radial-gradient(circle at bottom, rgba(48, 199, 103, 0.35) 0, transparent 55%),
    linear-gradient(180deg,#111827 0,#020617 100%) !important;
}

/* BtcTurk Global – mavimsi glow */
.card.glow-BtcTurk-Global{
  background:
    radial-gradient(circle at top,    rgba(236, 241, 252, 0.45) 0, transparent 55%),
    radial-gradient(circle at bottom, rgba(236, 241, 252, 0.35) 0, transparent 55%),
    linear-gradient(180deg,#111827 0,#020617 100%) !important;
}

/* All – morumsu glow */
.card.glow-All{
  background:
    radial-gradient(circle at top,    rgba(153, 54, 219, 0.45) 0, transparent 55%),
    radial-gradient(circle at bottom, rgba(153, 54, 219, 0.35) 0, transparent 55%),
    linear-gradient(180deg,#111827 0,#020617 100%) !important;
}

/* Fan – sarımsı / altın ton glow */
.card.glow-Fan{
  background:
    radial-gradient(circle at top,    rgba(250,204,21,0.45) 0, transparent 55%),
    radial-gradient(circle at bottom, rgba(250,204,21,0.35) 0, transparent 55%),
    linear-gradient(180deg,#111827 0,#020617 100%) !important;
}

/* Borsa renkleri */
li[data-ex="Paribu"]  .exch-name{ color:#7DCE6D; }
li[data-ex="OKEx"]    .exch-name{ color:#DBAD70; }
li[data-ex="Kucoin"]  .exch-name{ color:#81DBD2; }
li[data-ex="Bybit"]   .exch-name{ color:#C4A3FF; }
li[data-ex="Binance"] .exch-name{ color:#F1E89A; }
li[data-ex="BtcTurk Global"] .exch-name{ color:#A2BFFF; }
li[data-ex="GateIO"]  .exch-name{ color:#F0AEBB; }
li[data-ex="MexC"]    .exch-name{ color:#A2BFFF; }

/* =========================
   KÜÇÜK ONAY MODALI
   ========================= */

.modal-window.small{
  width:480px;
  max-width:92%;
}

.modal-actions{
  display:flex;
  justify-content:center;
  gap:.5rem;
  margin-top:.75rem;
}

.modal-actions .btn{
  background:var(--btn-bg);
  color:var(--text-light);
  border:none;
  padding:.5rem .9rem;
  border-radius:999px;
  cursor:pointer;
  font-size:.82rem;
  transition:background var(--transition), transform .12s;
}

.modal-actions .btn:hover{
  background:var(--btn-hover);
}

.modal-actions .btn.danger{
  background:#c24157;
}

.modal-actions .btn.danger:hover{
  background:#9f3546;
}

/* --- AĞ EŞLEME (network-map-block) ------------------------------------ */
/* coin bazlı: Binance / Bybit / Paribu / BtcTurk Global satır satır */

.network-map-block .network-table{
  display:flex;
  flex-direction:column;
  gap:.75rem;
  margin-top:.5rem;
  color:var(--text-light);
  font-size:.9rem;
}

/* her borsa için satır */
.network-map-block .network-ex-row{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:1rem 1.5rem;
  padding:.5rem .75rem;
  border:1px solid #4a4f69;
  border-radius:var(--radius);
  background:#2a3352;
  color:var(--text-light);
  font-size:.9rem;
}

/* soldaki "Binance / Bybit / ..." etiketi */
.network-map-block .network-ex-row .ex-name{
  width:80px;
  min-width:80px;
  display:flex;
  align-items:center;
  line-height:1.2rem;
  font-weight:600;
  color:var(--text-light);
}

/* her slot grubu (1. Ağ / 2. Ağ) */
.network-map-block .slot-group{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  color:var(--text-light);
  font-size:.9rem;
  line-height:1.2rem;
}

/* "1. Ağ", "2. Ağ" yazısı */
.network-map-block .slot-label{
  font-size:.9rem;
  color:var(--text-light);
  line-height:1.2rem;
  white-space:nowrap;
  margin:0;
}

/* input (koyu gri, sembol eşleme ile aynı stil) */
.network-map-block .net-input{
  width:140px;
  max-width:100%;
  padding:4px 8px;
  border:1px solid #555;
  border-radius:4px;
  background:#444;
  color:#fff;
  font-size:.9rem;
  line-height:1.2rem;
  box-sizing:border-box;
  transition:border-color var(--transition);
}

.network-map-block .net-input::placeholder{
  color:rgba(255,255,255,.6);
}

.network-map-block .net-input:focus{
  border-color:var(--accent);
  outline:none;
}

/* checkbox + "Aktif" */
.network-map-block .slot-enable{
  display:flex;
  align-items:center;
  gap:.4rem;
  font-size:.9rem;
  color:var(--text-light);
  line-height:1.2rem;
  white-space:nowrap;
  margin:0;
}

/* ===========================
   1) SOL/SAĞ WRAPPER (yan yana)
   =========================== */

.net-watch-wrapper{
  display:flex;
  flex-wrap:wrap;          /* küçük ekranda alta düşebilir */
  gap:1rem;
  align-items:stretch;      /* her iki kutu aynı boyda olsun */
  margin-top:1rem;
}

/* soldaki "Ağ Eşleme" bloğu */
.net-watch-wrapper .network-map-block{
  flex:1 1 0;
  min-width:320px;
  border:1px solid rgba(148,163,184,.45);
  background:#111827;              /* Pump Bot / All Görsel / All Telegram ile aynı */
  border-radius:14px;              /* onların yuvarlaklığına yakın olsun */
  padding:.75rem;
  color:var(--text-light);
  font-size:.85rem;
  display:flex;
  flex-direction:column;
  height:100%;
  box-sizing:border-box;
}

.net-watch-wrapper .watch-block{
  flex:0 0 320px;
  max-width:320px;
  border:1px solid rgba(148,163,184,.45);
  background:#111827;              /* aynı renk */
  border-radius:14px;
  padding:.75rem;
  color:var(--text-light);
  font-size:.85rem;
  display:flex;
  flex-direction:column;
  height:100%;
  box-sizing:border-box;
}

/* geniş ekranlarda mutlaka yan yana kalsın */
@media (min-width:768px){
  .net-watch-wrapper{
    flex-wrap:nowrap;
  }
}

.network-map-block .modal-block-title,
.watch-block .modal-block-title{
  margin:0 0 .5rem;
  font-size:.9rem;
  font-weight:600;
  color:var(--text-light);
  line-height:1.2rem;
}


/* ===========================
   2) AĞ EŞLEME İÇİ (SOL BLOK)
   =========================== */

.network-map-rows{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}

/* Her borsa satırı (Binance / Bybit / Paribu / BtcTurk Global) */
.network-map-row{
  border:1px solid #4a4f69;
  background:#111827;          /* Ağ Eşleme bloğu ile aynı ton */
  border-radius:var(--radius);
  padding:.5rem .75rem;
  font-size:.85rem;
  color:var(--text-light);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:.75rem;
  row-gap:.4rem;
  box-sizing:border-box;
}

/* Borsa adı ("Binance", "Bybit"...) */
.network-map-row .exch-head{
  font-weight:600;
  color:var(--text-light);
  font-size:.9rem;
  line-height:1.2rem;

  flex:0 0 80px;
  white-space:nowrap;
}

/* 1. Ağ + 2. Ağ grubu */
.network-map-row .row-slots{
  flex:1 1 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  min-width:0;
}

/* Tek bir slot grubu: "1. Ağ" [input] [checkbox] */
.slot-group{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:.4rem;
  line-height:1.2rem;
  font-size:.8rem;
  white-space:nowrap;
}

/* "1. Ağ" / "2. Ağ" metni */
.slot-group .slot-title{
  color:var(--text-light);
  font-size:.8rem;
  font-weight:500;
  line-height:1.2rem;
}

/* Küçük koyu input */
.network-map-row .net-input{
  width:70px;
  max-width:100%;
  padding:2px 6px;
  height:22px;
  line-height:18px;
  border:1px solid #555;
  border-radius:4px;
  background:#444;
  color:#fff;
  font-size:.8rem;
  box-sizing:border-box;
  transition:border-color var(--transition);
}
.network-map-row .net-input::placeholder{
  color:rgba(255,255,255,.6);
}
.network-map-row .net-input:focus{
  border-color:var(--accent);
  outline:none;
}

/* checkbox kutusu */
.slot-active{
  display:flex;
  align-items:center;
  line-height:1;
}
.slot-active input{
  margin:0;
  width:14px;
  height:14px;
}


/* ==================================
   3) YATIRMA / ÇEKME BLOĞU (SAĞ BLOK)
   ================================== */

.watch-block .watch-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
}

/* Yatırma / Çekme kolonlarının olduğu satır */
.watch-block .watch-rows{
  display:flex;
  flex-wrap:nowrap;
  gap:2rem;
  font-size:.85rem;
  color:var(--text-light);

  justify-content:center;
  align-items:flex-start;

  margin-top:.5rem;
  margin-bottom:.75rem;
}

.watch-block .watch-col{
  display:flex;
  flex-direction:column;
  gap:.3rem;
  color:var(--text-light);
  font-size:.85rem;
  line-height:1.35rem;
  white-space:nowrap;
  text-align:left;
}

.watch-block .watch-col-head{
  font-weight:600;
  font-size:.9rem;
  line-height:1.35rem;
  margin-bottom:.25rem;
  color:var(--text-light);
}

/* checkbox + borsa adı satırı */
.watch-block label{
  display:flex;
  align-items:center;
  gap:.4rem;
  font-size:.85rem;
  line-height:1.35rem;
  color:var(--text-light);
  white-space:nowrap;
}

/* Buton grubu */
.watch-block .watch-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  justify-content:center;
  align-items:center;
  margin-top:.25rem;
  margin-bottom:.25rem;
}

/* Başlat butonu */
.watch-block .watch-actions .watch-start{
  background:#2563eb;          /* belirgin mavi */
  border:none;
  color:#f9fafb;               /* açık yazı */
  border-radius:var(--radius);
  padding:4px 14px;
  line-height:1.2rem;
  font-size:.82rem;
  cursor:pointer;
  transition:
    background var(--transition),
    transform .1s,
    box-shadow var(--transition);
}

.watch-block .watch-actions .watch-start:hover{
  background:#1d4ed8;          /* hover’da biraz koyu mavi */
  box-shadow:0 0 0 1px rgba(37,99,235,.4);
  transform:scale(.98);
}

.watch-block .watch-actions .watch-start:active{
  transform:scale(.97);
}

/* Durdur butonu */
.watch-block .watch-actions .watch-stop{
  background:#c24157;
  border:none;
  color:#fff;
  border-radius:var(--radius);
  padding:4px 10px;
  line-height:1.2rem;
  font-size:.8rem;
  cursor:pointer;
  transition:background var(--transition),transform .1s;
}
.watch-block .watch-actions .watch-stop:hover{
  background:#9f3546;
}
.watch-block .watch-actions .watch-stop:active{
  transform:scale(.97);
}

/* =========================
   UYARI EKRANI (FULL ALERT)
   ========================= */

.alerts-wrap{
  --alert-card-scale:1.40;   /* 1 = normal, 1.25 = %25 büyük */
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-content:center;
  align-items:center;
  /* ESKİ: height:calc(100vh - var(--topbar-h)); */
  height:calc(100vh - var(--topbar-h) - 10px);
  gap:10px;
  padding:10px;
  box-sizing:border-box;
}

.alerts-wrap .card{
  flex:0 0 calc(90px * var(--alert-card-scale));
  width:calc(90px * var(--alert-card-scale));
  max-width:calc(90px * var(--alert-card-scale)); /* kartın genişliği de büyüsün */
  padding:calc(5px * var(--alert-card-scale));
  border-radius:calc(14px * var(--alert-card-scale));
}

/* Uyarı ekranındaki kart içi yazı ve satır aralığı */
.alerts-wrap .coin-symbol{
  font-size:calc(0.95rem * var(--alert-card-scale));
}

/* fiyat satırları – daha sık olsun diye line-height ekledik */
.alerts-wrap .exch-price{
  font-size:calc(0.9rem * var(--alert-card-scale));
  line-height:1.3;
}

/* satırlar arasında ekstra boşluk olmasın */
.alerts-wrap .exchange-list li{
  margin-bottom:0;
}


/* Kart / Uyarı görünüm butonları */
.toggle-view-btn,
#show-cards-view,
#show-alerts-view{
  margin:4px;
  padding:4px 8px;
  background:var(--btn-bg);
  border:1px solid rgba(148,163,184,.40);
  color:var(--text-light);
  cursor:pointer;
  border-radius:999px;
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:
    background var(--transition),
    transform .12s,
    border-color var(--transition),
    box-shadow var(--transition);
  box-sizing:border-box;
}

.toggle-view-btn:hover,
#show-cards-view:hover,
#show-alerts-view:hover{
  background:var(--btn-hover);
  border-color:var(--accent-soft);
  box-shadow:0 0 0 1px var(--accent-soft);
}

.toggle-view-btn.active,
#show-cards-view.active,
#show-alerts-view.active{
  background:var(--btn-active);
  transform:translateY(-1px);
}
.threshold-group>h4,.telegram-config>h5{margin:.1rem 0;font-size:1rem}

.threshold-group .btns,.telegram-config .tg-btns{display:grid;grid-template-columns:minmax(150px,220px) auto;gap:.55rem;align-items:center}
.threshold-description,.threshold-current,.threshold-message{grid-column:1/-1;margin:0;color:#a9bad2;font-size:.82rem}
.threshold-current{color:#e2e8f0;font-weight:700}
.threshold-message{min-height:1.15rem;color:#7dd3fc}
.threshold-input-label{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:.4rem!important;margin:0!important}
.threshold-input-label input{width:100%!important;max-width:none!important;min-height:44px;box-sizing:border-box}
.threshold-input-label>span:last-child{font-weight:800;color:#e2e8f0}
.threshold-save{min-height:44px;padding-inline:1rem!important}
.threshold-quick{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem}
.threshold-quick button{min-width:52px;min-height:40px}
.telegram-settings-accordion{grid-column:1/-1;margin-top:.35rem;border-top:1px solid rgba(148,163,184,.25);padding-top:.55rem}
.telegram-settings-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;cursor:pointer;color:#e2e8f0;font-weight:750;list-style:none}
.telegram-settings-accordion summary::-webkit-details-marker{display:none}
.telegram-settings-accordion summary:before{content:'›';color:#7dd3fc;font-size:1.25rem;transition:transform .2s}
.telegram-settings-accordion[open] summary:before{transform:rotate(90deg)}
.telegram-settings-accordion summary>span:first-of-type{flex:1}
.telegram-config-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 .55rem;border-radius:999px;font-size:.72rem;font-weight:800}
.telegram-config-badge.is-configured{background:rgba(34,197,94,.18);color:#86efac;border:1px solid rgba(34,197,94,.45)}
.telegram-config-badge.is-unconfigured{background:rgba(245,158,11,.14);color:#fcd34d;border:1px solid rgba(245,158,11,.4)}
.telegram-settings-accordion .telegram-management{padding:.7rem 0 .15rem}
.transfer-network-settings{margin:0;padding:1rem;border:1px solid rgba(56,189,248,.3);border-radius:14px;background:#111c2e}
.transfer-network-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.transfer-network-heading h3,.transfer-network-heading p{margin:.1rem 0}.transfer-network-heading p{color:#9fb1c8;font-size:.85rem}
.transfer-network-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.65rem;margin-top:.75rem}
.transfer-network-row{min-width:0;padding:.75rem;border:1px solid rgba(148,163,184,.25);border-radius:11px;background:#172236}
.transfer-network-row-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.transfer-network-route{color:#9fb1c8;font-size:.78rem}
.transfer-network-row select{width:100%;min-height:44px;box-sizing:border-box}.transfer-network-meta{display:grid;gap:.25rem;margin:.55rem 0;color:#b8c7da;font-size:.8rem}.transfer-network-actions{display:flex;align-items:center;gap:.5rem}.transfer-network-actions button{min-height:44px}.transfer-network-state{font-size:.78rem}.transfer-network-state.ready{color:#86efac}.transfer-network-state.error{color:#fca5a5}
.transfer-network-settings textarea{width:100%;box-sizing:border-box;margin:.75rem 0;resize:vertical}.btcturk_global-transfer-destination{display:grid;gap:.3rem}.btcturk_global-transfer-destination small{color:#9fb1c8}
.bybit-whitelist-panel{padding:.75rem 0 .15rem}.bybit-whitelist-tools{display:grid;gap:.65rem}.bybit-whitelist-filters,.bybit-whitelist-bulk-actions{display:flex;flex-wrap:wrap;gap:.4rem}.bybit-whitelist-filters button{min-height:38px;padding:.35rem .65rem}.bybit-whitelist-filters button.active{border-color:#38bdf8;color:#bae6fd}.bybit-whitelist-list{display:grid;gap:.55rem;margin-top:.75rem}.bybit-whitelist-row{padding:.7rem;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:#172236}.bybit-whitelist-row-head{display:flex;justify-content:space-between;gap:.6rem}.bybit-whitelist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.35rem;margin:.55rem 0;color:#cbd5e1;font-size:.8rem}.bybit-whitelist-copy{overflow-wrap:anywhere;user-select:all}.bybit-whitelist-status{font-weight:750}.bybit-whitelist-status.LIVE_READY{color:#86efac}.bybit-whitelist-status.READY_FOR_WHITELIST{color:#7dd3fc}.bybit-whitelist-status.NEEDS_ASSIGNMENT{color:#fbbf24}.bybit-whitelist-status.BLOCKED{color:#fca5a5}.bybit-whitelist-ready-wrap{margin-top:.75rem;overflow-x:auto}.bybit-whitelist-ready{width:100%;border-collapse:collapse;font-size:.82rem}.bybit-whitelist-ready th,.bybit-whitelist-ready td{padding:.45rem;border-bottom:1px solid rgba(148,163,184,.2);text-align:left}.bybit-whitelist-ready td:nth-child(4){min-width:260px;overflow-wrap:anywhere}
@media(max-width:600px){.transfer-network-settings{padding:.75rem}.transfer-network-list{grid-template-columns:minmax(0,1fr)}.transfer-network-heading{align-items:stretch;flex-direction:column}.transfer-network-heading button{width:100%}.transfer-network-actions{align-items:stretch;flex-direction:column}.transfer-network-actions button{width:100%}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.arbitrage-opportunities{margin:8px 12px 14px;padding:14px;border:1px solid rgba(56,189,248,.35);border-radius:16px;background:#0f172a}
.arbitrage-opportunities-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.arbitrage-opportunities h2{margin:0;color:#e8f3ff}
.arbitrage-opportunities p{margin:.25rem 0;color:#9fb1c8}
.opportunity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;margin-top:10px}
.opportunity-card{padding:11px;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:#172236;color:#dce9fb}
.opportunity-card.is-suitable{border-color:#22c55e;box-shadow:0 0 0 1px rgba(34,197,94,.18)}
.opportunity-card-heading{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px}.opportunity-card-heading h3{margin:0}
.opportunity-status{font-weight:700;color:#f59e0b}.opportunity-card.is-suitable .opportunity-status{color:#4ade80}
.opportunity-details{display:grid;gap:4px;font-size:.86rem}.opportunity-details>div{display:grid;grid-template-columns:1fr auto;gap:10px}.opportunity-details strong{font-variant-numeric:tabular-nums;text-align:right}
.opportunity-reason{min-height:1.2em}
.recent-opportunity-evaluations{margin-top:16px;padding-top:14px;border-top:1px solid rgba(148,163,184,.22)}
.recent-opportunity-heading h3,.recent-opportunity-columns h4{margin:0}.recent-opportunity-heading p{margin:.25rem 0 10px}
.recent-opportunity-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.recent-opportunity-columns>section{min-width:0;padding:10px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#111c2e}
.recent-opportunity-list{display:grid;gap:8px;margin-top:8px}
.recent-opportunity-card{padding:9px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#172236}
.recent-opportunity-card.is-suitable{border-color:rgba(34,197,94,.7)}
.recent-opportunity-card.is-watching{border-color:rgba(245,158,11,.7)}
.recent-opportunity-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.recent-opportunity-card-title span{padding:2px 7px;border-radius:999px;background:#7c2d12;color:#fed7aa;font-size:.72rem;font-weight:800}
.recent-opportunity-card.is-suitable .recent-opportunity-card-title span{background:#14532d;color:#bbf7d0}
.recent-opportunity-card.is-watching .recent-opportunity-card-title span{background:#78350f;color:#fde68a}
.recent-opportunity-details{display:grid;gap:3px;font-size:.8rem}.recent-opportunity-details>div{display:grid;grid-template-columns:1fr auto;gap:8px}.recent-opportunity-details strong{text-align:right;font-variant-numeric:tabular-nums}
.recent-opportunity-card p,.recent-opportunity-empty{margin:7px 0 0;color:#b8c5d8;font-size:.8rem}
.opportunity-review{display:inline-flex;margin-top:9px;min-height:44px;align-items:center;justify-content:center;padding:0 12px;border-radius:9px;background:#2563eb;color:white;text-decoration:none}
.price-opportunity-settings{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:14px 0;padding:12px;border:1px solid rgba(148,163,184,.3);border-radius:12px}
.price-opportunity-settings h4,.price-opportunity-settings button,.price-opportunity-settings [role="status"]{grid-column:1/-1}
.price-opportunity-settings label{display:grid;gap:4px}.price-opportunity-settings input{width:100%;box-sizing:border-box}
.automatic-cost-card{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;margin:0;padding:.7rem .8rem;border-left:3px solid #38bdf8;background:rgba(14,165,233,.08);color:#a9bdd6;font-size:.84rem}.automatic-cost-card strong{color:#7dd3fc}.automatic-cost-card small{grid-column:1/-1}
@media(max-width:700px){.arbitrage-opportunities{margin:6px}.arbitrage-opportunities-header{flex-direction:column}.opportunity-cards,.price-opportunity-settings,.recent-opportunity-columns{grid-template-columns:1fr}}

.card-spread{
  display:flex;
  justify-content:space-between;
  gap:3px;
  margin-top:3px;
  padding-top:3px;
  border-top:1px solid rgba(148,163,184,.22);
  color:#a9bad2;
  font-size:.67rem;
  font-variant-numeric:tabular-nums;
}

.spread-value{
  color:#dce9fb;
  font-weight:600;
}

.empty-coin-state{
  width:min(680px,calc(100% - 2rem));
  margin:3rem auto;
  padding:2rem 1rem;
  border:1px dashed #64748b;
  border-radius:16px;
  background:rgba(15,23,42,.85);
  text-align:center;
  box-sizing:border-box;
}
.empty-coin-state[hidden]{display:none!important}
.empty-coin-state p{margin:0 0 1rem;font-size:1.05rem;font-weight:700}
.empty-coin-action{display:inline-flex;min-height:44px;align-items:center;padding:0 1rem;border-radius:8px;background:#0284c7;color:#fff;font-weight:700;text-decoration:none}

.settings-section{scroll-margin-top:120px;margin:1rem;padding:1rem;border:1px solid rgba(148,163,184,.45);border-radius:16px;background:rgba(15,23,42,.78)}
.settings-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.settings-section-header h2{margin:0}
.settings-section-header p{margin:.25rem 0 0;color:#94a3b8}
.settings-section-header button{min-height:44px;padding:0 1rem;border:1px solid #475569;border-radius:8px;background:#111827;color:#fff;font-weight:700;cursor:pointer}
.settings-accordion{width:100%;overflow:hidden;border:1px solid #334155;border-radius:12px;background:#0b1220}
.settings-accordion>summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;box-sizing:border-box;cursor:pointer;list-style:none;color:#f8fafc}
.settings-accordion>summary::-webkit-details-marker{display:none}
.settings-accordion>summary::before{content:'›';flex:0 0 auto;color:#38bdf8;font-size:1.35rem;font-weight:800;line-height:1;transition:transform .16s ease}
.settings-accordion[open]>summary::before{transform:rotate(90deg)}
.settings-accordion>summary>span:first-of-type{display:grid;gap:.18rem;min-width:0;margin-right:auto}
.settings-accordion>summary strong{font-size:.98rem}.settings-accordion>summary small{color:#94a3b8;font-size:.8rem;font-weight:500}
.settings-accordion-summary{color:#7dd3fc;font-size:.78rem;font-weight:700;text-align:right}
.settings-accordion-content{padding:.85rem;border-top:1px solid #334155}
.settings-search{display:grid;gap:.3rem;width:min(360px,100%);color:#cbd5e1;font-size:.82rem}
.settings-search input{width:100%;min-height:44px;padding:.55rem .7rem;box-sizing:border-box;border:1px solid #475569;border-radius:8px;background:#020617;color:#f8fafc}
.settings-section-helper,.settings-field-helper{margin:.1rem 0 .85rem;color:#9fb0c6;line-height:1.5}.settings-section-helper{max-width:900px}.settings-field-helper{font-size:.84rem}
.settings-threshold-grid .ctx-group,#settings-advanced-accordion .ctx-group{min-width:0}
.settings-safety-accordion{border-color:rgba(217,145,46,.55)}
.settings-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.settings-live-grid>div,.settings-live-grid>label{display:grid;gap:.35rem;min-width:0;padding:.8rem;border:1px solid #334155;border-radius:10px;background:#0b1728}.settings-live-grid label>span{display:flex;gap:.5rem}.settings-live-grid input{width:100%;min-width:0}.settings-live-grid button{flex:0 0 auto}.status-ready-text{color:#6ee7a8}.status-error-text{color:#fca5a5}.settings-operation-link{display:inline-flex;min-height:44px;align-items:center;margin-top:.75rem;padding:0 .9rem;border:1px solid #3b82f6;border-radius:9px;color:#bfdbfe;text-decoration:none}.settings-operation-link:focus-visible,.settings-accordion>summary:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}
.coin-management-tools{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.coin-management-tools .eligible-coin-form{margin:0}

/* Strategy settings / approvals */
.strategy-console{margin:1rem;padding:1rem;border:1px solid rgba(148,163,184,.4);border-radius:14px;background:#0f172a;color:var(--text-light)}
.strategy-console-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.strategy-console-header h2,.strategy-panel h3,.strategy-preview h3{margin:0}
.strategy-console-header p{margin:.2rem 0 0;color:#94a3b8}
.strategy-console-header>div{flex:1 1 auto}
.strategy-console input,.strategy-console textarea,.strategy-console select{border:1px solid #475569;border-radius:7px;background:#020617;color:#f8fafc;padding:.4rem .55rem}
.strategy-console button{border:0;border-radius:7px;background:#2563eb;color:#fff;padding:.45rem .7rem;cursor:pointer}
.strategy-console button:disabled{cursor:not-allowed;opacity:.45}
.strategy-console button.strategy-danger{background:#be123c}
.strategy-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr) minmax(260px,1fr);gap:1rem}
.strategy-panel{min-width:0;padding:.8rem;border:1px solid #334155;border-radius:10px;background:#111827}
.telegram-config-status{margin:.35rem 0;color:#94a3b8;font-size:.85rem;font-weight:600}
.telegram-management{display:grid;gap:.5rem}.telegram-meta{font-size:.78rem;color:#94a3b8}.telegram-management label{display:grid;gap:.25rem}.telegram-chat-list{display:grid;gap:.35rem}.telegram-chat-row{display:grid;grid-template-columns:1fr auto;gap:.35rem}.telegram-config-actions{display:flex;flex-wrap:wrap;gap:.35rem}.telegram-operation-message{min-height:1.1rem;font-size:.8rem;color:#93c5fd}#telegram-token-modal label{display:grid;gap:.3rem;margin:.65rem 0}#telegram-token-modal input{width:100%;box-sizing:border-box}
.strategy-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem;max-height:520px;overflow:auto}
.strategy-item{padding:.65rem;border:1px solid #334155;border-radius:8px;background:#0b1220}
.strategy-setting-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(90px,.7fr) minmax(120px,1fr) auto;gap:.5rem;align-items:center}
.strategy-meta{font-size:.75rem;color:#94a3b8;margin-top:.35rem}
.strategy-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}
.strategy-message{min-height:1.25rem;margin-bottom:.5rem;color:#93c5fd}
.strategy-message.error{color:#fda4af}
.strategy-preview{position:fixed;right:1rem;bottom:1rem;z-index:1200;width:min(420px,calc(100vw - 2rem));max-height:80vh;overflow:auto;padding:1rem;border:1px solid #475569;border-radius:12px;background:#111827;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.strategy-preview-head{display:flex;justify-content:space-between;align-items:center}
.strategy-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem}
.strategy-preview dt{color:#94a3b8}.strategy-preview dd{margin:0;overflow-wrap:anywhere}
.strategy-warning{margin-top:.4rem;color:#fbbf24}
.strategy-critical-confirm{display:flex;align-items:center;gap:.4rem;margin-top:.5rem}
.strategy-cycle-action{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;margin-bottom:.75rem}
.strategy-cycle-action select,.strategy-cycle-action input{min-width:0}
.strategy-auth-panel,.strategy-auth-panel>div{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}
.strategy-auth-panel [hidden],.strategy-console-header>[hidden],.strategy-management[hidden]{display:none!important}
.strategy-anonymous-info{margin:.25rem 0 .75rem;color:#cbd5e1}
.strategy-anonymous-info[hidden]{display:none!important}
.strategy-single{display:flex;align-items:baseline;gap:.45rem}.strategy-single span{color:#94a3b8}
.strategy-readonly .strategy-actions{display:none}
.net-watch-wrapper,.map-block,.modal-block.is-pumpbot{display:none!important}
.strategy-event-time{font-size:.72rem;color:#94a3b8}
.eligible-coin-form{display:flex;align-items:center;gap:.55rem;margin-top:1rem}.eligible-coin-form h4{margin:0 .4rem 0 0}.eligible-coin-form input{max-width:180px}.eligible-coin-form #coin-add-status{color:#93c5fd;font-size:.82rem}
.exchange-accounts-panel{margin-bottom:1rem}.exchange-accounts-panel>h3{margin-top:0}.exchange-accounts-panel form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem;align-items:end}.exchange-accounts-panel form label{display:grid;gap:.3rem;color:#cbd5e1;font-size:.82rem}.exchange-account-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.exchange-account-row.is-disabled{opacity:.6}.exchange-account-summary{display:grid;gap:.2rem}.exchange-account-summary small{color:#94a3b8}.exchange-account-disable{background:#be123c!important}
.futures-listing-telegram{margin-top:1rem;padding:.75rem;border:1px solid #334155;border-radius:10px;background:#111827}.futures-listing-telegram h5{margin:.1rem 0 .65rem}
body.price-page #strategy-console{display:none!important}
body.strategy-page #control-panel,body.strategy-page #cards,body.strategy-page #empty-coin-state,body.strategy-page #settings,body.strategy-page #coin-modal,body.strategy-page #reset-confirm,body.strategy-page #alerts-container{display:none!important}
body.strategy-page{padding:1rem;background:#0f172a}body.strategy-page #strategy-console{margin:0;min-height:calc(100vh - 2rem)}
body.settings-page #strategy-console{display:none!important}
body.settings-page{background:#0f172a}
@media(max-width:1000px){.strategy-grid{grid-template-columns:1fr}.strategy-setting-row{grid-template-columns:1fr 1fr}.strategy-settings-panel{grid-column:auto}}

/* PWA connectivity and update status */
.pwa-status{position:fixed;left:50%;top:max(.6rem,env(safe-area-inset-top));z-index:3000;display:flex;align-items:center;gap:.75rem;max-width:calc(100vw - 2rem);padding:.65rem .9rem;border-radius:10px;transform:translateX(-50%);box-shadow:0 12px 35px rgba(0,0,0,.35);font-weight:700}
.pwa-status[hidden],.pwa-install[hidden]{display:none!important}
.pwa-offline{background:#991b1b;color:#fff}
.pwa-update{background:#075985;color:#fff}
.pwa-status button,.pwa-install{border:0;border-radius:7px;padding:.45rem .7rem;background:#fff;color:#0f172a;font-weight:700;cursor:pointer}
.pwa-install{position:fixed;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));z-index:2500;background:#38bdf8;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.is-offline button:disabled{cursor:not-allowed}

.telegram-user-link-panel{
  margin:16px 0;
  padding:16px;
  border:1px solid var(--border, #334155);
  border-radius:12px;
}
.telegram-user-link-panel h3{margin:0 0 10px}
.telegram-user-link-panel p{margin:8px 0}
.telegram-user-link-panel button{min-height:44px;margin:8px 8px 0 0}
.telegram-user-link-panel code{display:inline-block;margin-top:8px;padding:8px;word-break:break-all}
@media (max-width:640px){
  .telegram-user-link-panel button{width:100%;margin-right:0}
}
@media(max-width:640px){.pwa-status{width:calc(100vw - 2rem);box-sizing:border-box;justify-content:center;text-align:center;flex-wrap:wrap}}
.exchange-account-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.exchange-account-test{align-self:center}
.strategy-password-reset{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.strategy-password-reset[hidden]{display:none}
.remember-me{display:flex;align-items:center;gap:.4rem;color:#cbd5e1}.remember-me input{width:auto!important;min-height:auto!important}
.opportunity-strategy-summary{margin:.75rem 0;padding:.75rem;border:1px solid #0ea5e9;border-radius:10px;background:#0b2536}.opportunity-strategy-summary[hidden]{display:none!important}.opportunity-strategy-summary h4{margin:0}.opportunity-summary-title{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.opportunity-selected-badge{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:#0ea5e9;color:#082f49;font-size:.72rem;font-weight:850}.opportunity-strategy-summary dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem .7rem}.opportunity-strategy-summary dd{margin:0}.opportunity-account-selectors{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.opportunity-account-selectors label{display:grid;gap:.3rem}.account-readonly-value{display:flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #334155;border-radius:8px;background:#0b1321;color:#67e5a7}#opportunity-account-warning{color:#fbbf24}
body.auth-pending .app-navigation,body.auth-anonymous .app-navigation,body.auth-password-reset .app-navigation,
body.auth-pending #control-panel,body.auth-anonymous #control-panel,body.auth-password-reset #control-panel,
body.auth-pending #arbitrage-opportunities,body.auth-anonymous #arbitrage-opportunities,body.auth-password-reset #arbitrage-opportunities,
body.auth-pending #cards,body.auth-anonymous #cards,body.auth-password-reset #cards,
body.auth-pending #empty-coin-state,body.auth-anonymous #empty-coin-state,body.auth-password-reset #empty-coin-state,
body.auth-pending #settings,body.auth-anonymous #settings,body.auth-password-reset #settings,
body.auth-pending #pwa-install,body.auth-anonymous #pwa-install,body.auth-password-reset #pwa-install,
body.auth-pending #dashboard,body.auth-anonymous #dashboard,body.auth-password-reset #dashboard{display:none!important}
body.auth-pending.price-page #strategy-console,body.auth-anonymous.price-page #strategy-console,body.auth-password-reset.price-page #strategy-console{display:block!important;max-width:620px;margin:10vh auto}
body.auth-pending.settings-page #strategy-console,body.auth-anonymous.settings-page #strategy-console,body.auth-password-reset.settings-page #strategy-console{display:block!important;max-width:620px;margin:10vh auto}
body.auth-pending .strategy-console-header,body.auth-anonymous .strategy-console-header,body.auth-password-reset .strategy-console-header,
body.auth-pending #strategy-anonymous-info,body.auth-anonymous #strategy-anonymous-info,body.auth-password-reset #strategy-anonymous-info,
body.auth-password-reset #strategy-current-user{display:none!important}

@media(max-width:640px){
  body{max-width:100%;overflow-x:hidden;zoom:100%}
  .app-navigation{position:sticky;display:grid;grid-template-columns:1fr;gap:.4rem;padding:.5rem}
  .app-navigation a{width:100%}
  #control-panel{position:static}
  .settings-section{margin:.5rem;padding:.7rem}
  .settings-section-header{align-items:stretch;flex-direction:column}
  .settings-section-header button{width:100%}
  #panel{padding:.75rem;overflow-x:hidden}
  .settings-accordion>summary{min-height:56px;padding:.65rem}
  .settings-accordion-summary{display:none}
  .settings-accordion-content{padding:.65rem}
  .settings-search{width:100%}
  .settings-live-grid{grid-template-columns:1fr}.settings-live-grid label>span{align-items:stretch;flex-direction:column}.settings-live-grid button,.settings-operation-link{width:100%;justify-content:center;box-sizing:border-box}
  .coin-management-tools{align-items:stretch;flex-direction:column}
  .eligible-coin-form{align-items:stretch;flex-direction:column}
  .eligible-coin-form input,.eligible-coin-form button{width:100%;max-width:none;min-height:44px;box-sizing:border-box}
  .telegram-config-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .telegram-config-actions button{width:100%;min-height:44px}
  .ctx-group{grid-template-columns:minmax(0,1fr);padding:.75rem;gap:1rem}
  .ctx-group>.telegram-config{margin-left:0!important;min-width:0}
  .threshold-group .btns,.telegram-config .tg-btns{grid-template-columns:minmax(0,1fr)}
  .threshold-save{width:100%}
  html,body.strategy-page{max-width:100%;overflow-x:hidden}
  body.strategy-page{padding:.5rem}
  body.strategy-page #strategy-console{width:100%;min-width:0;min-height:calc(100vh - 1rem);padding:.7rem;box-sizing:border-box}
  .strategy-console-header{align-items:flex-start;gap:.6rem}
  .strategy-console-header>div{flex-basis:100%}
  .strategy-console-header h2{font-size:1.25rem}
  .strategy-console-header p{font-size:.88rem}
  .strategy-auth-panel,.strategy-auth-panel>div,.strategy-password-reset{width:100%;min-width:0;flex-direction:column;align-items:stretch;box-sizing:border-box}
  .strategy-auth-panel input,.strategy-auth-panel button,.strategy-password-reset input,.strategy-password-reset button{width:100%;min-width:0;min-height:44px;box-sizing:border-box}
  .strategy-panel{padding:.65rem;overflow:hidden}
  .strategy-console input,.strategy-console textarea,.strategy-console select,.strategy-console button{max-width:100%;min-height:44px;box-sizing:border-box}
  .exchange-accounts-panel form,.strategy-setting-row,.strategy-cycle-action,.opportunity-account-selectors{grid-template-columns:minmax(0,1fr)}
  .exchange-account-row{align-items:stretch;flex-direction:column}
  .exchange-account-actions,.strategy-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .exchange-account-actions button,.strategy-actions button{width:100%}
  .strategy-list{max-width:100%;overflow-x:hidden}
  .strategy-item{min-width:0;overflow-wrap:anywhere}
}

.dashboard{margin:12px 18px;padding:18px;border:1px solid #41516a;border-radius:16px;background:linear-gradient(145deg,#101a2d,#16243a);color:#e5eefc}
.dashboard[hidden]{display:none}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-heading h1{margin:0;font-size:1.35rem}.dashboard-heading p{margin:.25rem 0 0;color:#a9bbd4}
.dashboard-status-grid,.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}
.dashboard-status-grid article,.dashboard-summary-grid article{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:rgba(7,14,27,.48)}
.dashboard-summary-grid article{align-items:flex-start;flex-direction:column}.dashboard-summary-grid span{color:#9fb3ce}.dashboard-summary-grid strong{overflow-wrap:anywhere}
.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:999px;font-size:.75rem;font-weight:800;white-space:nowrap;background:#334155;color:#e2e8f0}
.status-ready,.status-connected,.status-completed{background:rgba(34,197,94,.18);color:#86efac}.status-unconfigured,.status-waiting{background:rgba(245,158,11,.18);color:#fcd34d}.status-error{background:rgba(239,68,68,.18);color:#fca5a5}.status-disabled,.status-paused{background:rgba(100,116,139,.3);color:#cbd5e1}
.exchange-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.exchange-account-heading h3{margin:0}
.exchange-accounts-panel form[hidden]{display:none}.exchange-accounts-panel form{margin:12px 0;padding:14px;border-radius:12px;background:rgba(15,23,42,.65)}
.exchange-accounts-panel form h4{grid-column:1/-1;margin:0}.exchange-account-form-actions{display:flex;align-items:end;gap:8px}
.exchange-account-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.exchange-account-summary{display:grid;gap:6px;min-width:0}.exchange-account-badges{display:flex;flex-wrap:wrap;gap:6px}.exchange-account-error{color:#fca5a5}.exchange-account-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.bybit-live-controls{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.45rem}.bybit-live-readiness{min-width:min(100%,420px);border:1px solid rgba(148,163,184,.25);border-radius:9px;padding:.45rem .6rem}.bybit-live-readiness summary{cursor:pointer;font-weight:750}.bybit-live-readiness-body ul{display:grid;gap:.35rem;padding:0;margin:.65rem 0;list-style:none}.bybit-live-readiness-body li{display:grid;grid-template-columns:minmax(125px,1fr) auto;gap:.1rem .55rem;align-items:center}.bybit-live-readiness-body li small{grid-column:1/-1}.bybit-live-PASS{color:#86efac}.bybit-live-FAIL{color:#fca5a5}.bybit-live-UNKNOWN{color:#fbbf24}.bybit-live-final{display:block;padding:.55rem;border-radius:7px}.bybit-live-final.is-ready{background:rgba(34,197,94,.16);color:#86efac}.bybit-live-final.is-blocked{background:rgba(245,158,11,.14);color:#fbbf24}
.bybit-return-leg-target{display:grid;gap:.3rem;margin:.6rem 0;padding:.6rem;border:1px solid rgba(245,158,11,.35);border-radius:8px;overflow-wrap:anywhere}.bybit-return-leg-target button{justify-self:start}
.exchange-account-balances-panel{margin-top:8px;padding:12px;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:rgba(15,23,42,.72);max-width:560px;overflow:hidden}.exchange-account-balances-panel[hidden]{display:none}.exchange-balance-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.exchange-account-balances-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:10px 0}.exchange-account-balances-panel dl div{display:flex;justify-content:space-between;gap:10px;min-width:0}.exchange-account-balances-panel dt{color:#9fb3ce}.exchange-account-balances-panel dd{margin:0;text-align:right;overflow-wrap:anywhere}.exchange-account-balances-panel small{color:#94a3b8}
.strategy-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.timeline-step{display:flex;gap:9px;padding:10px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:rgba(15,23,42,.58)}
.timeline-step>div{display:flex;flex-direction:column;gap:3px;min-width:0}.timeline-step span,.timeline-step small{color:#9fb3ce}.timeline-marker{flex:0 0 10px;width:10px;height:10px;margin-top:4px;border-radius:50%;background:#64748b}
.timeline-completed .timeline-marker{background:#22c55e}.timeline-in_progress .timeline-marker{background:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.15)}.timeline-awaiting_approval .timeline-marker{background:#f59e0b}.timeline-paused .timeline-marker{background:#f59e0b}.timeline-error .timeline-marker{background:#ef4444}
@media(max-width:700px){.dashboard{margin:8px;padding:12px}.dashboard-heading,.exchange-account-heading,.exchange-account-row{align-items:stretch;flex-direction:column}.dashboard-heading button,.exchange-account-heading button{min-height:44px;width:100%}.dashboard-status-grid,.dashboard-summary-grid,.strategy-timeline{grid-template-columns:1fr}.exchange-account-actions{justify-content:stretch}.exchange-account-actions button,.exchange-account-form-actions button{flex:1;min-height:44px}.exchange-accounts-panel form{grid-template-columns:1fr}.exchange-account-form-actions{width:100%}.exchange-account-balances-panel{max-width:100%;padding:10px}.exchange-account-balances-panel dl{grid-template-columns:1fr}.exchange-balance-heading button{min-height:44px}.bybit-live-controls{display:grid;grid-template-columns:1fr}.bybit-live-readiness-body li{grid-template-columns:1fr auto}}
.telegram-link-status{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid rgba(245,158,11,.35);border-radius:10px;background:rgba(245,158,11,.07)}.telegram-link-status.is-linked{border-color:rgba(34,197,94,.42);background:rgba(34,197,94,.08)}
.telegram-candidates{display:grid;gap:7px;margin-top:9px}.telegram-candidates[hidden]{display:none}.telegram-candidate{text-align:left;min-height:44px}.telegram-config-actions{margin-top:9px}
.live-execution-panel{border-color:#7f1d1d;background:linear-gradient(135deg,#1f1217,#111827)}
.live-kill-switch{display:inline-block;padding:6px 10px;border-radius:999px;color:#fff;font-weight:800}.live-kill-switch.active{background:#991b1b}.live-kill-switch.inactive{background:#166534}.live-emergency-stop{margin:8px 0;padding:10px;border:1px solid #7f1d1d;border-radius:10px;background:#21151a}.live-emergency-stop p{margin:4px 0 8px}.live-emergency-stop label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.live-emergency-stop input{min-height:44px;max-width:220px}.live-emergency-stop button{min-height:44px;background:#b91c1c}.live-readiness-list .waiting{color:#fbbf24}.live-readiness-list .ready{color:#4ade80}.live-readiness-list .blocked{color:#f87171}.live-preview-grid{display:grid;grid-template-columns:max-content 1fr max-content 1fr;gap:7px 12px}.live-preview-grid dt{color:#94a3b8}.live-cycle-timeline{margin:10px 0;padding:10px;border:1px solid #7f1d1d;border-radius:10px;line-height:1.6;color:#cbd5e1}@media(max-width:700px){.live-preview-grid{grid-template-columns:1fr}.live-preview-grid dd{margin:0 0 8px}.live-emergency-stop label,.live-emergency-stop input,.live-emergency-stop button{width:100%;max-width:none}}
.live-user-limit-control{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:10px 0;padding:10px;border:1px solid #334155;border-radius:10px}.live-user-limit-control label{display:grid;gap:5px}.live-user-limit-control label span{display:flex;gap:8px}.live-user-limit-control input{width:150px;min-height:44px}.live-user-limit-control button{min-height:44px}@media(max-width:700px){.live-user-limit-control,.live-user-limit-control label,.live-user-limit-control label span,.live-user-limit-control input,.live-user-limit-control button{width:100%}}
.strategy-setting-help{grid-column:1/-1;color:#94a3b8;font-size:.9rem;line-height:1.45;margin-top:6px}
.live-control-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}.live-control-form label,.live-approval-phrase{display:grid;gap:5px}.live-control-form input,.live-control-form select,.live-approval-phrase input{width:100%;min-width:0}.live-execution-panel .strategy-actions{flex-wrap:wrap}@media(max-width:700px){.live-control-form{grid-template-columns:1fr}.live-execution-panel .strategy-actions button{width:100%;min-height:44px}}
.live-setup-card{margin:12px 0;border:1px solid #334155;border-radius:12px;background:#0d1727}.live-setup-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;font-weight:800}.live-setup-card>summary small{color:#879ab3;font-weight:500}.live-setup-card>.live-control-form,.live-setup-card>.live-setup-message{margin-inline:15px}.live-fixed-setting{display:grid;align-content:start;gap:5px}.live-fixed-setting>span{color:#cbd5e1}.live-fixed-setting>strong{display:flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #334155;border-radius:8px;background:#0b1321;color:#67e5a7}.live-setup-message{color:#8fa3bd;font-size:.82rem}@media(max-width:700px){.live-setup-card>summary{align-items:flex-start;flex-direction:column}.live-setup-card>summary small{font-size:.75rem}}
.live-disabled-badge{background:#854d0e;color:#fff;border-radius:999px;padding:.25rem .65rem;font-weight:700}.live-disabled-badge[data-state="ready"]{background:#166534}.live-disabled-badge[data-state="error"]{background:#991b1b}
.live-disabled-notice{color:#fca5a5;font-weight:800;letter-spacing:.04em}
.live-recovery-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:10px;align-items:end;margin-top:12px}.live-recovery-controls label{display:grid;gap:5px}.live-recovery-controls input,.live-recovery-controls select{width:100%;min-width:0}@media(max-width:760px){.live-recovery-controls{grid-template-columns:1fr}.live-recovery-controls button{width:100%;min-height:44px}}
.live-readiness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem;padding:0;list-style:none}
.live-readiness-list li{padding:.55rem .7rem;border-radius:.55rem;background:var(--panel-soft,#172033)}
.live-readiness-list li.ready{color:#52e39a}.live-readiness-list li.blocked{color:#ff9b9b}
@media(max-width:700px){.live-readiness-list{grid-template-columns:1fr}}
.live-execution-panel{border-color:#334155;background:linear-gradient(145deg,#111827,#0f172a)}
.live-cycle-header,.live-system-summary,.live-system-flags,.live-readiness-list li,.live-user-limit-control>div,.live-danger-zone,.live-confirm-dialog form>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.live-cycle-header{margin-bottom:14px}.live-cycle-header h3,.live-cycle-header p{margin:0}.live-cycle-header p{color:#94a3b8;font-size:.9rem;margin-top:3px}
.live-system-summary,.live-readiness-card,.live-user-limit-control,.live-preview-card{padding:14px;border:1px solid #334155;border-radius:12px;background:#121b2b;margin:12px 0}
.live-system-summary>div:first-child{display:grid;gap:4px}.live-system-summary>div:first-child span{color:#94a3b8;font-size:.85rem}.live-system-flags{flex-wrap:wrap;justify-content:flex-start}.live-system-flags span{padding:5px 9px;border-radius:999px;background:#1e293b;font-size:.82rem}
.live-readiness-card h4,.live-preview-card h4{margin:0 0 10px}.live-readiness-list{margin:0}.live-readiness-list li{min-height:44px;color:#cbd5e1}.live-readiness-list li strong{font-size:.85rem}.live-readiness-list li.waiting strong{color:#fbbf24}.live-readiness-list li.ready strong{color:#4ade80}.live-readiness-list li.blocked strong{color:#f87171}
.live-user-limit-control{align-items:center}.live-user-limit-control>div{min-width:210px;display:grid;justify-content:start}.live-user-limit-control>div span{color:#4ade80;font-size:1.15rem;font-weight:800}.live-user-limit-control label{margin-left:auto}.live-user-limit-control label>span{display:flex;gap:8px}.live-user-limit-control input{width:130px}
.live-preview-grid{grid-template-columns:minmax(140px,max-content) minmax(0,1fr) minmax(140px,max-content) minmax(0,1fr)}
.live-danger-zone{justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid #334155}.live-danger-zone button{background:#b91c1c;color:#fff;min-height:44px}.live-danger-zone button:disabled{opacity:.45}
.live-confirm-dialog{width:min(92vw,460px);padding:0;border:1px solid #7f1d1d;border-radius:14px;background:#111827;color:#e5e7eb}.live-confirm-dialog::backdrop{background:rgba(2,6,23,.78)}.live-confirm-dialog form{padding:20px}.live-confirm-dialog h4{margin-top:0}.live-confirm-dialog form>div{justify-content:flex-end;margin-top:18px}.live-confirm-dialog #live-kill-switch-activate{background:#b91c1c;color:#fff}
.live-confirm-dialog label{display:grid;gap:8px;margin:14px 0}.live-confirm-dialog select{width:100%;max-width:100%;min-height:44px}
@media(max-width:700px){.live-cycle-header,.live-system-summary{align-items:flex-start;flex-direction:column}.live-system-flags{width:100%}.live-preview-grid{grid-template-columns:1fr}.live-preview-grid dd{margin:0 0 9px}.live-user-limit-control{display:grid}.live-user-limit-control label,.live-user-limit-control label>span,.live-user-limit-control input,.live-user-limit-control button{width:100%}.live-danger-zone button{width:100%}.live-confirm-dialog form>div{display:grid}.live-confirm-dialog button{width:100%;min-height:44px}}

/* Operasyon odaklı Fiyat İzleyici */
.operations-dashboard{max-width:none;margin:12px 20px;padding:16px;background:#0b1321;border-color:#26354b;border-radius:10px;box-shadow:none}
.operations-heading,.active-cycle-panel>header,.balance-risk-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.operations-heading h1,.active-cycle-panel h2,.balance-risk-panel h2{margin:2px 0 0}.operations-kicker,.panel-eyebrow{color:#6f88a8;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.system-status-strip{display:flex;align-items:center;gap:16px;overflow-x:auto;margin:14px -16px 0;padding:10px 16px;border-block:1px solid #233148;background:#080f1b;scrollbar-width:thin}
.system-status-strip article{display:flex;align-items:center;gap:7px;flex:0 0 auto;font-size:.82rem;color:#a9b9ce}.system-status-strip .status-badge{padding:0;background:none;font-size:0}.system-status-strip .status-badge::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#d29b38}.system-status-strip .status-ready::before,.system-status-strip .status-connected::before{background:#2ecb7f}.system-status-strip .status-error::before{background:#ef5b68}
.active-cycle-panel{margin-top:14px;padding:16px;border:1px solid #2d405c;border-left:3px solid #4b9cff;border-radius:8px;background:#0d1727}.operation-state{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;background:#26344a;color:#cbd5e1;font-size:.74rem;font-weight:800}.operation-state.ready{background:#123d2d;color:#67e5a7}.operation-state.warning,.operation-state.waiting{background:#3d321a;color:#f1c45f}.operation-state.error{background:#481d27;color:#ff9aa6}
.active-cycle-reason{margin:0 0 10px;padding:9px 11px;border-left:3px solid #ef5b68;background:#21141d;color:#ffb0b8;font-weight:700}
.active-cycle-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:14px 0;background:#26354b}.active-cycle-metrics>div{display:grid;gap:4px;padding:11px 13px;background:#0b1422}.active-cycle-metrics span{color:#8396af;font-size:.76rem}.active-cycle-metrics strong{font-variant-numeric:tabular-nums}
.operations-timeline{display:flex;gap:0;overflow-x:auto;padding:6px 0}.operation-timeline-step{display:grid;grid-template-columns:12px auto;grid-template-rows:auto auto;gap:1px 7px;min-width:130px;padding-right:16px;color:#b5c3d6}.operation-timeline-step>span{grid-row:1/3;align-self:center;width:10px;height:10px;border:2px solid #5c6e86;border-radius:50%}.operation-timeline-step.completed>span{border-color:#2ecb7f;background:#2ecb7f}.operation-timeline-step.in_progress>span{border-color:#4b9cff;background:#4b9cff}.operation-timeline-step.error>span{border-color:#ef5b68;background:#ef5b68}.operation-timeline-step strong{font-size:.78rem;white-space:nowrap}.operation-timeline-step small{color:#7588a1;font-size:.7rem}
.compact-summary{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:1px;margin-top:12px;background:#25334a}.compact-summary article{min-height:64px;padding:10px 12px;border:0;border-radius:0;background:#0b1422}.compact-summary span{font-size:.74rem}.compact-summary strong{font-size:.85rem;font-variant-numeric:tabular-nums}
.arbitrage-opportunities{max-width:none;margin:12px 20px;padding:16px;border-radius:10px;background:#0b1321;box-shadow:none}.opportunity-table-wrap{overflow-x:auto;border:1px solid #26354b;border-radius:8px}.opportunity-table{width:100%;min-width:1040px;border-collapse:collapse;table-layout:fixed;white-space:nowrap}.opportunity-table .col-coin{width:8%}.opportunity-table .col-strategy{width:10%}.opportunity-table .col-route{width:16%}.opportunity-table .col-gross,.opportunity-table .col-net{width:11%}.opportunity-table .col-liquidity{width:12%}.opportunity-table .col-age{width:9%}.opportunity-table .col-status{width:17%}.opportunity-table .col-action{width:6%}.opportunity-table th{padding:9px 11px;background:#0a111e;color:#7387a3;font-size:.7rem;letter-spacing:.06em;text-align:left;text-transform:uppercase}.opportunity-table td{padding:10px 11px;border-top:1px solid #202d40;color:#cbd5e1;font-size:.82rem}.opportunity-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.opportunity-symbol{color:#f1f5f9!important;font-size:.9rem!important;font-weight:850}.opportunity-table .opportunity-review{padding:6px 9px;border-radius:6px;font-size:.75rem}
.recent-opportunity-evaluations>summary{cursor:pointer;list-style:none}.recent-opportunity-evaluations>summary::-webkit-details-marker{display:none}.recent-opportunity-evaluations>summary::after{content:"Geçmişi göster";margin-left:auto;color:#7fb8ff;font-size:.78rem}.recent-opportunity-evaluations[open]>summary::after{content:"Geçmişi gizle"}
.balance-risk-panel{margin-top:12px;padding:15px;border:1px solid #26354b;border-radius:9px;background:#0b1321}.balance-risk-panel h2{font-size:1.05rem}.balance-risk-panel button{min-height:36px}.balance-risk-panel #dashboard-balance-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.balance-risk-panel article{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px;border:1px solid #26354b;border-radius:7px;background:#0a111e}.balance-risk-panel article small{grid-column:1/3;color:#90a2ba}.balance-risk-panel>small{color:#71849d}
.all-coins-section{margin:12px 20px;border:1px solid #26354b;border-radius:9px;background:#0b1321}.all-coins-section>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;font-weight:800}.all-coins-section>summary small{color:#8193aa;font-weight:500}.all-coins-section #cards{padding:8px}
@media(min-width:1100px){#price-watcher-screen{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}#price-watcher-screen>#control-panel,#price-watcher-screen>.arbitrage-opportunities,#price-watcher-screen>.all-coins-section{grid-column:1}.opportunity-table-wrap{overflow-x:visible}.opportunity-table{white-space:normal}.opportunity-table th,.opportunity-table td{overflow-wrap:anywhere}}
@media(max-width:800px){.operations-dashboard,.arbitrage-opportunities,.all-coins-section{margin:8px}.operations-heading,.active-cycle-panel>header,.balance-risk-panel>header{align-items:flex-start}.operations-heading h1{font-size:1.45rem}.operations-heading button{min-height:44px}.active-cycle-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-table-wrap{overflow-x:hidden;border:0;background:transparent}.opportunity-table{min-width:0;border-collapse:separate;white-space:normal}.opportunity-table colgroup,.opportunity-table thead{display:none}.opportunity-table,.opportunity-table tbody{display:block;width:100%}.opportunity-table tr{position:relative;display:grid;width:auto;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"coin coin" "route strategy" "gross gross" "net net" "liquidity liquidity" "age age" "status status" "action action";gap:0 12px;margin-bottom:10px;padding:13px;border:1px solid #26354b;border-radius:9px;background:#0a111e}.opportunity-table tr.is-ready{border-color:rgba(46,203,127,.45);box-shadow:inset 3px 0 #2ecb7f}.opportunity-table td{display:flex;min-width:0;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border:0;white-space:normal}.opportunity-table td::before{content:attr(data-label);flex:0 0 auto;color:#71849d;font-size:.72rem}.opportunity-table td.numeric{text-align:right}.opportunity-table .opportunity-symbol{grid-area:coin;display:block;padding:0 96px 4px 0;color:#f8fafc!important;font-size:1.08rem!important}.opportunity-table .opportunity-symbol::before{display:none}.opportunity-table td:nth-child(2){grid-area:strategy;justify-content:flex-end;padding:1px 0 7px;color:#8ea1ba;font-size:.72rem}.opportunity-table td:nth-child(2)::before{display:none}.opportunity-table .opportunity-route{grid-area:route;display:block;padding:1px 0 7px;color:#b8c7da;font-weight:750}.opportunity-table .opportunity-route::before{display:none}.opportunity-table .opportunity-route small{display:block;margin-top:2px;color:#71849d;font-weight:500}.opportunity-table .opportunity-gross-spread{grid-area:gross;font-weight:850;color:#f1f5f9}.opportunity-table td:nth-child(5){grid-area:net}.opportunity-table td:nth-child(6){grid-area:liquidity}.opportunity-table .opportunity-data-age{grid-area:age}.opportunity-table .opportunity-state-cell{grid-area:status;display:block;padding:5px 0 0}.opportunity-table .opportunity-state-cell::before{display:none}.opportunity-table .opportunity-state-cell .operation-state{position:absolute;top:11px;right:11px}.opportunity-table .opportunity-state-cell small{display:block;width:100%;margin-top:5px;color:#9aabc0;font-size:.78rem;font-weight:500;line-height:1.45;overflow-wrap:break-word;word-break:normal}.opportunity-table .is-ready .opportunity-state-cell small{display:none}.opportunity-table .opportunity-action-cell{grid-area:action;justify-content:flex-end;padding-top:9px}.opportunity-table .opportunity-action-cell::before{display:none}.opportunity-table .opportunity-action-cell.is-empty{display:none}.opportunity-table .opportunity-review{min-width:104px;text-align:center}.balance-risk-panel #dashboard-balance-content{grid-template-columns:1fr}.all-coins-section>summary small{display:none}}

/* ======================================================
   PROFESSIONAL PRODUCT UI
   Visual hierarchy and responsive consistency only.
   ====================================================== */
:root{
  --product-bg:#070d18;
  --product-surface:#0d1626;
  --product-surface-raised:#111d30;
  --product-border:rgba(148,163,184,.18);
  --product-border-strong:rgba(148,163,184,.3);
  --product-muted:#91a4be;
  --product-primary:#2f7df6;
  --product-primary-hover:#4b91ff;
  --product-shadow:0 16px 44px rgba(0,0,0,.22);
  --product-radius:16px;
}

html{background:var(--product-bg);scroll-behavior:smooth}
body{
  zoom:100%;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(900px 480px at 50% -220px,rgba(47,125,246,.18),transparent 72%),
    linear-gradient(180deg,#0a1220 0,var(--product-bg) 55%);
  color:#e8eef8;
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

button,input,select,textarea{font:inherit}
button{transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
button:not(:disabled):active{transform:translateY(1px)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{
  outline:3px solid rgba(56,189,248,.32);
  outline-offset:2px;
}

.app-navigation{
  min-height:68px;
  gap:.35rem;
  padding:.7rem max(1rem,env(safe-area-inset-right)) .7rem max(1rem,env(safe-area-inset-left));
  border-color:var(--product-border);
  background:rgba(7,13,24,.9);
  box-shadow:0 8px 30px rgba(0,0,0,.16);
}
.app-navigation a{
  min-height:42px;
  padding:0 1.15rem;
  border-color:transparent;
  border-radius:10px;
  color:#9fb0c7;
  font-size:.9rem;
}
.app-navigation a:hover{border-color:var(--product-border);background:#111d30;color:#f8fafc}
.app-navigation a.active{border-color:rgba(56,189,248,.28);background:rgba(47,125,246,.16);color:#7dd3fc;box-shadow:inset 0 0 0 1px rgba(47,125,246,.08)}

#control-panel{
  top:68px;
  display:flex;
  justify-content:center;
  gap:.5rem;
  padding:.7rem 1rem;
  border-color:var(--product-border);
  background:rgba(7,13,24,.84);
}
#control-panel>button{
  min-height:38px;
  margin:0;
  padding:.35rem .9rem;
  border-color:var(--product-border);
  border-radius:9px;
  background:var(--product-surface);
  font-size:.74rem;
}
#control-panel>button.active{border-color:rgba(56,189,248,.55);background:rgba(47,125,246,.18);color:#bae6fd}

.dashboard,.arbitrage-opportunities,.settings-section,.strategy-console{
  width:auto;
  max-width:none;
  margin:1rem auto;
  box-sizing:border-box;
  border:1px solid var(--product-border);
  border-radius:var(--product-radius);
  background:linear-gradient(145deg,rgba(17,29,48,.96),rgba(10,19,33,.96));
  box-shadow:var(--product-shadow);
}
.dashboard,.arbitrage-opportunities,.settings-section{padding:1.15rem}
.dashboard-heading h1,.arbitrage-opportunities h2,.settings-section h2,.strategy-console h2{
  color:#f8fafc;
  letter-spacing:-.025em;
}
.dashboard-heading p,.arbitrage-opportunities-header p,.settings-section-header p,.strategy-console-header p{color:var(--product-muted)}

.dashboard-status-grid,.dashboard-summary-grid{gap:.75rem}
.dashboard-status-grid article,.dashboard-summary-grid article{
  min-height:72px;
  padding:.9rem;
  border-color:var(--product-border);
  background:rgba(6,13,25,.58);
}
.dashboard-summary-grid strong{font-size:1.02rem;color:#f8fafc}

.opportunity-card,.recent-opportunity-card,.recent-opportunity-columns>section,.strategy-panel,.strategy-item,
.live-system-summary,.live-readiness-card,.live-user-limit-control,.live-preview-card{
  border-color:var(--product-border);
  background:rgba(9,18,32,.72);
  box-shadow:none;
}
.opportunity-card,.strategy-panel{border-radius:14px}
.opportunity-card{padding:1rem}
.opportunity-card:hover{border-color:rgba(56,189,248,.42);transform:translateY(-1px)}
.recent-opportunity-card.is-rejected{border-color:rgba(239,68,68,.34)}
.recent-opportunity-card.is-rejected .recent-opportunity-card-title span{background:rgba(153,27,27,.72);color:#fecaca}
.opportunity-card dl{row-gap:.45rem}

.strategy-console{padding:1.15rem}
.strategy-panel{padding:1rem}
.strategy-grid{gap:.85rem}
body.strategy-page{padding:0;zoom:100%}
body.strategy-page #strategy-console{
  width:calc(100% - 2rem);
  max-width:none;
  margin:1rem auto;
}
.strategy-console input,.strategy-console textarea,.strategy-console select{
  min-height:42px;
  border:1px solid var(--product-border-strong);
  border-radius:10px;
  background:#07101f;
  color:#f8fafc;
  padding:.55rem .7rem;
}
.strategy-console input:hover,.strategy-console textarea:hover,.strategy-console select:hover{border-color:#52647d}
.strategy-console button,.settings-section button,.dashboard button{
  min-height:42px;
  border:1px solid transparent;
  border-radius:10px;
  background:var(--product-primary);
  color:#fff;
  padding:.55rem .85rem;
  font-weight:700;
}
.strategy-console button:not(:disabled):hover,.settings-section button:not(:disabled):hover,.dashboard button:not(:disabled):hover{
  background:var(--product-primary-hover);
  box-shadow:0 8px 20px rgba(47,125,246,.2);
}
.strategy-console button:disabled{opacity:.42;filter:saturate(.5)}

.strategy-auth-panel{padding:.75rem;border:1px solid var(--product-border);border-radius:12px;background:rgba(6,13,25,.48)}
#strategy-login-form{width:100%;display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto auto;gap:.65rem;align-items:center}
#strategy-current-user{width:100%;justify-content:space-between}
#strategy-user-label{font-weight:700;color:#dbeafe}

.exchange-account-heading{padding-bottom:.8rem;border-bottom:1px solid var(--product-border)}
.exchange-account-row{
  align-items:flex-start;
  padding:1rem;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(13,25,43,.92),rgba(7,15,27,.92));
}
.exchange-account-summary{gap:.45rem;flex:1}
.exchange-account-summary>strong{font-size:1.05rem;color:#f8fafc}
.exchange-account-summary>span,.exchange-account-summary>small{color:var(--product-muted)}
.exchange-account-badges{gap:.45rem;margin:.2rem 0}
.status-badge{min-height:26px;padding:.2rem .65rem;font-size:.73rem;letter-spacing:.01em}
.exchange-account-actions{max-width:420px}
.exchange-account-actions button{min-width:112px}
.exchange-account-disable{background:#9f1239!important}

.live-cycle-header{padding-bottom:.85rem;border-bottom:1px solid var(--product-border)}
.live-system-summary,.live-readiness-card,.live-user-limit-control,.live-preview-card{padding:1rem}
.live-readiness-list{gap:.55rem}
.live-readiness-list li{border:1px solid transparent;background:#0b1728}
.live-readiness-list li.ready{border-color:rgba(34,197,94,.18)}
.live-readiness-list li.blocked{border-color:rgba(239,68,68,.18)}
.live-disabled-badge{font-size:.75rem;letter-spacing:.035em}
.live-danger-zone button{background:#a41135!important}

.strategy-list{padding-right:.2rem;scrollbar-width:thin;scrollbar-color:#334155 transparent}
.strategy-event-payload{margin-top:.4rem;padding:.45rem;border-radius:8px;background:#050b15;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;overflow-wrap:anywhere}
.strategy-event-card{display:grid;gap:.55rem}
.strategy-event-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.strategy-event-card header strong{font-size:.92rem;line-height:1.35;color:#f1f5f9}
.strategy-event-card p{margin:0;color:#cbd5e1}
.strategy-event-severity{flex:0 0 auto;padding:.18rem .55rem;border-radius:999px;background:#1e293b;color:#cbd5e1;font-size:.68rem;font-weight:800;letter-spacing:.04em}
.strategy-event-severity.severity-info{background:rgba(14,165,233,.15);color:#7dd3fc}
.strategy-event-severity.severity-warning{background:rgba(245,158,11,.16);color:#fcd34d}
.strategy-event-severity.severity-error,.strategy-event-severity.severity-critical{background:rgba(239,68,68,.16);color:#fca5a5}
.strategy-event-details{margin-top:.15rem;border-top:1px solid var(--product-border);padding-top:.5rem}
.strategy-event-details summary{cursor:pointer;color:#8fa3bd;font-size:.78rem;font-weight:700;list-style-position:inside}
.strategy-event-details pre{max-width:100%;margin:.55rem 0 0;padding:.65rem;overflow:auto;border-radius:8px;background:#050b15;color:#94a3b8;font:600 .7rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.strategy-event-time{color:#778ba5;font-size:.75rem}

body.auth-pending.price-page #strategy-console,body.auth-anonymous.price-page #strategy-console,body.auth-password-reset.price-page #strategy-console{
  width:min(460px,calc(100% - 2rem));
  min-height:0;
  margin:clamp(3rem,12vh,8rem) auto;
  padding:1.25rem;
}
body.auth-pending #strategy-login-form,body.auth-anonymous #strategy-login-form,body.auth-password-reset #strategy-login-form{
  display:grid;
  grid-template-columns:1fr;
}
body.auth-pending #strategy-login-form button,body.auth-anonymous #strategy-login-form button,body.auth-password-reset #strategy-login-form button{width:100%}

@media(max-width:900px){
  .strategy-grid{grid-template-columns:1fr}
  #strategy-login-form{grid-template-columns:1fr 1fr}
  #strategy-login-form button{width:100%}
}

@media(max-width:640px){
  body{font-size:14px;padding-bottom:max(.75rem,env(safe-area-inset-bottom))}
  .app-navigation{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.3rem;
    min-height:60px;
    padding:.45rem max(.45rem,env(safe-area-inset-right)) .45rem max(.45rem,env(safe-area-inset-left));
  }
  .app-navigation a{min-width:0;min-height:44px;padding:.35rem;font-size:.78rem;text-align:center;white-space:nowrap}
  #control-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.55rem}
  #control-panel>button{width:100%;min-width:0;padding:.35rem;font-size:.67rem;letter-spacing:.015em}
  .dashboard,.arbitrage-opportunities,.settings-section,.strategy-console{
    width:calc(100% - 1rem);
    margin:.5rem auto;
    border-radius:14px;
  }
  .dashboard,.arbitrage-opportunities,.settings-section,.strategy-console,.strategy-panel{padding:.8rem}
  .dashboard-status-grid,.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .dashboard-status-grid article,.dashboard-summary-grid article{min-height:62px;padding:.7rem}
  .dashboard-summary-grid strong{font-size:.9rem}
  #strategy-login-form{grid-template-columns:1fr}
  .strategy-auth-panel{padding:.65rem}
  .exchange-account-row{padding:.8rem;gap:.85rem}
  .exchange-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .exchange-account-actions button{min-width:0;width:100%;padding:.5rem .35rem;font-size:.78rem;overflow-wrap:anywhere}
  .exchange-account-badges .status-badge{white-space:normal;text-align:left}
  .live-preview-grid dt{margin-top:.35rem;color:#7f93ad;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
  .live-preview-grid dd{padding-bottom:.45rem;border-bottom:1px solid rgba(148,163,184,.1)}
  .strategy-cycle-action,.strategy-setting-row{grid-template-columns:1fr}
  body.strategy-page #strategy-console{width:calc(100% - 1rem);margin:.5rem auto}
}

@media(max-width:380px){
  .dashboard-status-grid,.dashboard-summary-grid,.exchange-account-actions{grid-template-columns:1fr}
  .app-navigation a{font-size:.72rem}
}
.live-position-close-zone{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #9a6b22;border-radius:14px;background:#211a0f}.live-position-close-zone div{display:grid;gap:.25rem}.live-position-close-zone small{color:#c8b68d}.live-position-close-zone button{background:#d58a18;color:#111827;font-weight:800;min-height:44px}@media(max-width:600px){.live-position-close-zone{align-items:stretch;flex-direction:column}.live-position-close-zone button{width:100%}}
.withdrawal-readiness-panel{display:grid;gap:.85rem;padding:1rem;border:1px solid #b9822d;border-radius:14px;background:#211a0f}.withdrawal-readiness-panel p{margin:.2rem 0;color:#d8c7a7}.withdrawal-readiness-panel button{min-height:44px;background:#d58a18;color:#111827;font-weight:800}.withdrawal-readiness-panel[hidden]{display:none}@media(max-width:600px){.withdrawal-readiness-panel button{width:100%;white-space:normal}}

/* Uçtan uca UI/UX denetimi: route kapsamlı yerleşim ve hiyerarşi düzeltmeleri. */
@media(min-width:641px){
  .app-navigation{
    min-height:60px;
    justify-content:flex-start;
    padding:.45rem 1.25rem;
  }
  #control-panel{top:60px}
  body.settings-page #settings{
    width:calc(100% - 2.5rem);
    max-width:none;
    margin:1rem auto;
  }
}

/* Settings bilgi mimarisi geniş ekranda dengeli, mobilde tek kolon kalır. */
@media(min-width:1201px){
  #settings-display-accordion>.settings-accordion-content{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
    align-items:start;
  }
  #settings-display-accordion .settings-section-helper{grid-column:1/-1}
  #settings-display-accordion .ctx-group{
    grid-template-columns:minmax(0,1fr);
    height:100%;
    min-width:0;
  }
}

@media(min-width:761px) and (max-width:1200px){
  #settings-display-accordion>.settings-accordion-content{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.85rem;
    align-items:start;
  }
  #settings-display-accordion .settings-section-helper{grid-column:1/-1}
}

/* LIVE gerçek para aksiyonları normal mavi gezinme aksiyonlarından ayrılır. */
#live-execution-preview,
#live-execution-approve{
  border-color:#475569;
  background:#18253a;
  color:#dbeafe;
}
#live-execution-preview:not(:disabled):hover,
#live-execution-approve:not(:disabled):hover{background:#243650}
#live-execution-start{
  border-color:#8b5cf6;
  background:#6d28d9;
  color:#fff;
  box-shadow:0 8px 22px rgba(109,40,217,.22);
}
#live-execution-start:not(:disabled):hover{background:#7c3aed}

/* Modaller küçük ekranlarda viewport dışına taşmadan kendi içinde kayar. */
.modal-window{
  width:min(850px,calc(100vw - 2rem));
  max-width:none;
  max-height:calc(100dvh - 2rem);
  overflow:auto;
  box-sizing:border-box;
}

@media(min-width:1400px){
  .operations-timeline{overflow-x:hidden}
  .operation-timeline-step{flex:1 1 0;min-width:0}
}

/* Uzun strateji zaman çizgisi mobilde sayfayı uzatmak yerine kontrollü kayar. */
@media(max-width:700px){
  .strategy-timeline{
    display:flex;
    grid-template-columns:none;
    gap:.6rem;
    overflow-x:auto;
    padding-bottom:.45rem;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }
  .strategy-timeline .timeline-step{
    flex:0 0 min(260px,82vw);
    scroll-snap-align:start;
  }
}

@media(max-width:640px){
  body.settings-page #settings{
    width:calc(100% - 1rem);
    margin:.5rem auto;
  }
  .modal-window{
    width:calc(100vw - 1rem);
    max-height:calc(100dvh - 1rem);
    padding:1rem;
  }
}

/* Telegram ayarları tek bilgi mimarisi altında gruplanır. */
.telegram-settings-layout{display:grid;gap:1rem}
.telegram-settings-group{
  min-width:0;
  padding:1rem;
  border:1px solid var(--product-border);
  border-radius:12px;
  background:rgba(9,18,32,.62);
}
.telegram-settings-group>h3{margin:0 0 .8rem;color:#f8fafc;font-size:1rem}
.telegram-user-link-panel{margin:0 0 1rem;background:#0b1728}
.telegram-user-link-panel h4{margin:0 0 .65rem}
.telegram-integration-management{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.telegram-integration-card{
  min-width:0;
  padding:.85rem;
  border:1px solid #334155;
  border-radius:10px;
  background:#0b1220;
}
.telegram-integration-card>header,.futures-listing-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.telegram-integration-card h4{margin:0;font-size:.92rem}
.telegram-integration-card .telegram-management{margin-top:.7rem}
.telegram-notification-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.telegram-threshold-config{min-width:0;padding:.85rem;border:1px solid #334155;border-radius:10px;background:#0b1220}
.telegram-threshold-config h5{margin:0 0 .3rem;font-size:.92rem}
.telegram-threshold-config .tg-btns{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:.55rem;align-items:center}
.telegram-threshold-config .threshold-quick,.telegram-threshold-config .threshold-current,.telegram-threshold-config .threshold-message{grid-column:1/-1}
.futures-listing-telegram{margin:0;background:#0b1220}
.futures-listing-summary>div{display:grid;gap:.2rem;min-width:0}
.futures-listing-summary span{color:#94a3b8;font-size:.82rem}

@media(max-width:1024px){
  .telegram-integration-management{grid-template-columns:1fr}
  .telegram-notification-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
  .telegram-settings-group{padding:.7rem}
  .telegram-notification-settings{grid-template-columns:1fr}
  .telegram-integration-card>header,.futures-listing-summary{align-items:flex-start;flex-direction:column}
  .telegram-threshold-config .tg-btns{grid-template-columns:1fr}
  .telegram-threshold-config .threshold-save,.telegram-threshold-config input{width:100%;max-width:none}
  .telegram-config-actions{display:grid;grid-template-columns:1fr}
  .telegram-config-actions button{width:100%;white-space:normal}
}

/* Ortak route shell: üç ana ekran aynı viewport genişliğini ve hizayı kullanır. */
:root{--page-gutter:clamp(16px,2vw,32px)}
.app-navigation{
  padding-inline:max(var(--page-gutter),env(safe-area-inset-left),env(safe-area-inset-right));
  box-sizing:border-box;
}
.operations-dashboard.page-shell,
#price-watcher-screen.page-shell,
body.settings-page #settings.page-shell,
body.strategy-page #strategy-console.page-shell{
  width:auto;
  max-width:none;
  min-width:0;
  margin-left:var(--page-gutter);
  margin-right:var(--page-gutter);
  box-sizing:border-box;
}
#price-watcher-screen.page-shell>*{min-width:0}
#price-watcher-screen.page-shell>.arbitrage-opportunities{
  width:100%;
  max-width:none;
  margin:0;
}
#price-watcher-screen.page-shell>.all-coins-section{
  width:100%;
  margin:12px 0 0;
  box-sizing:border-box;
}
@media(min-width:1100px){
  #price-watcher-screen.page-shell{
    column-gap:12px;
    row-gap:12px;
  }
}
.compact-summary{
  grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));
}
@media(max-width:1024px){
  :root{--page-gutter:clamp(16px,2.25vw,24px)}
}
@media(max-width:767px){
  .compact-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .compact-summary{grid-template-columns:minmax(0,1fr)}
}

/* Fiyat İzleyici Faz 1: fırsat önce, operasyon özeti ikincil. */
#price-watcher-screen.page-shell>.operations-dashboard{
  width:100%;
  min-width:0;
  margin:12px 0 0;
  padding:12px;
  box-sizing:border-box;
}
#price-watcher-screen .operations-heading h1{font-size:1.05rem}
#price-watcher-screen .operations-heading button{min-height:34px;padding:7px 11px}
#price-watcher-screen .system-status-strip{
  gap:12px;
  margin:8px 0 0;
  padding:7px 0;
  border-block:1px solid #1d2a3d;
  background:transparent;
}
#price-watcher-screen .system-status-strip article{font-size:.74rem}
#price-watcher-screen .system-status-strip .status-badge::before{width:7px;height:7px}
#price-watcher-screen .active-cycle-panel{margin-top:8px;padding:11px 12px}
#price-watcher-screen .active-cycle-panel.is-empty{
  border-left-color:#53657d;
  background:#0a1320;
}
#price-watcher-screen .active-cycle-panel.is-empty .panel-eyebrow,
#price-watcher-screen .active-cycle-panel.is-empty .active-cycle-metrics,
#price-watcher-screen .active-cycle-panel.is-empty .active-cycle-reason,
#price-watcher-screen .active-cycle-panel.is-empty .operations-timeline{display:none}
#price-watcher-screen .active-cycle-panel.is-empty h2{margin:0;font-size:.9rem;color:#a9b8cb}
#price-watcher-screen .active-cycle-panel.is-empty .operation-state{padding:3px 7px;font-size:.68rem}
#price-watcher-screen .compact-summary{
  grid-template-columns:repeat(7,minmax(0,1fr));
  margin-top:8px;
}
#price-watcher-screen .compact-summary article{min-height:50px;padding:8px 10px}
#price-watcher-screen .balance-risk-panel{margin-top:8px;padding:12px}
@media(max-width:1100px){
  #price-watcher-screen .compact-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:767px){
  #price-watcher-screen .compact-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Arbitraj Fırsatları Faz 2: hızlı tarama hiyerarşisi */
#arbitrage-opportunities .opportunity-row{transition:background-color .15s ease,opacity .15s ease}
#arbitrage-opportunities .opportunity-row.is-ready{background:rgba(25,95,65,.13);box-shadow:inset 3px 0 #35c982}
#arbitrage-opportunities .opportunity-row.is-ready:hover{background:rgba(25,95,65,.2)}
#arbitrage-opportunities .opportunity-row.is-watching{opacity:.72;background:#09111d}
#arbitrage-opportunities .opportunity-row.is-watching:hover{opacity:.9;background:#0c1624}
#arbitrage-opportunities .opportunity-symbol{font-size:1rem!important;letter-spacing:.01em}
#arbitrage-opportunities .opportunity-gross-spread{color:#e8f3ff;font-size:.96rem;font-weight:850}
#arbitrage-opportunities .is-ready .opportunity-gross-spread{color:#67e5a7}
#arbitrage-opportunities .opportunity-route{color:#b7c6d9;font-weight:700;white-space:nowrap}
#arbitrage-opportunities .opportunity-route small{display:block;margin-top:2px;color:#71849d;font-size:.68rem;font-weight:500}
#arbitrage-opportunities .opportunity-state-cell{min-width:0;overflow:hidden;white-space:normal}
#arbitrage-opportunities .opportunity-state-cell .operation-state{margin-bottom:3px}
#arbitrage-opportunities .opportunity-state-cell small{display:block;max-width:100%;overflow-wrap:anywhere;color:#8fa1b8;font-size:.7rem;line-height:1.25}
#arbitrage-opportunities .is-ready .opportunity-state-cell small{color:#91b9a7}
#arbitrage-opportunities .is-watching .operation-state.waiting{padding:2px 6px;background:rgba(126,91,28,.35);color:#d6b666;font-size:.66rem}
#arbitrage-opportunities .is-ready .opportunity-review{min-height:34px;margin:0;padding:0 12px;background:#23865b;color:#f2fff9;font-weight:800;box-shadow:0 0 0 1px rgba(103,229,167,.22)}
#arbitrage-opportunities .is-ready .opportunity-review:hover{background:#2ca36f}
@media(max-width:800px){#arbitrage-opportunities .opportunity-state-cell small{overflow-wrap:break-word;word-break:normal}}

/* Strateji Yönetimi Faz 3A: opportunity odaklı karar akışı */
body.strategy-page .strategy-management{display:flex;flex-direction:column;gap:10px}
body.strategy-page .strategy-management.is-empty>:not(#strategy-empty-state){display:none}
body.strategy-page #strategy-empty-state[hidden]{display:none}
body.strategy-page .strategy-empty-state{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border-left:3px solid #53657d;background:#0a1320}
body.strategy-page .strategy-empty-state h3{margin:3px 0 4px;font-size:1.05rem}
body.strategy-page .strategy-empty-state p{margin:0;color:#8fa1b8}
body.strategy-page .strategy-empty-state .settings-operation-link{flex:0 0 auto}
.live-cycle-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.live-timeline-item{display:grid;gap:4px;padding:10px;border:1px solid #26354b;border-radius:8px;background:#0a1320}
.live-timeline-item header{display:flex;justify-content:space-between;gap:8px}.live-timeline-item time,.live-timeline-item small{color:#8fa1b8;font-size:.72rem}.live-timeline-item p{margin:2px 0 0;color:#f59e9e;font-size:.78rem;overflow-wrap:anywhere}.live-timeline-item.timeline-done{border-color:rgba(46,203,127,.45)}.live-timeline-item.timeline-failed{border-color:rgba(239,83,80,.55)}
body.strategy-page .live-execution-panel{display:flex;flex-direction:column;margin:0}
body.strategy-page .live-cycle-header{order:0;margin-bottom:0}
body.strategy-page #opportunity-strategy-summary{order:1;margin:10px 0 0;border-left:3px solid #35c982}
body.strategy-page .live-readiness-card{order:2;margin:10px 0 0}
body.strategy-page .live-readiness-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
body.strategy-page .live-readiness-heading h4{margin:0 0 3px}
body.strategy-page .live-readiness-heading #live-system-summary{color:#dce9fb;font-size:.82rem}
body.strategy-page .live-readiness-card>.live-system-flags{display:none}
body.strategy-page .live-readiness-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;background:#26354b}
body.strategy-page .live-readiness-list li{min-height:38px;padding:7px 9px;background:#0b1422;font-size:.76rem}
body.strategy-page #live-setup-card{order:3;margin:10px 0 0}
body.strategy-page .live-user-limit-control{order:3;margin:10px 0 0}
body.strategy-page .live-approval-phrase{order:4;margin-top:10px}
body.strategy-page .live-execution-panel>.strategy-actions{order:4;margin-top:8px}
body.strategy-page #live-execution-message{order:4}
body.strategy-page .live-preview-card{order:7;margin:10px 0 0}
body.strategy-page .strategy-secondary-details>summary,
body.strategy-page .strategy-secondary-workspace>summary,
body.strategy-page .strategy-account-link-panel>summary{cursor:pointer;color:#a9b8cb;font-weight:800}
body.strategy-page .strategy-secondary-details .live-preview-grid{margin-top:12px}
body.strategy-page #live-cycle-timeline{display:none}
body.strategy-page .live-recovery-controls,
body.strategy-page .live-position-close-zone,
body.strategy-page #withdrawal-readiness-panel{display:none}
body.strategy-page .has-active-cycle .live-recovery-controls{display:grid;order:6}
body.strategy-page .has-active-cycle .live-position-close-zone{display:flex;order:6}
body.strategy-page .has-active-cycle #withdrawal-readiness-panel:not([hidden]){display:block;order:6}
body.strategy-page .live-danger-zone{order:6;margin-top:10px;padding-top:10px;border-top:1px solid #26354b}
body.strategy-page .strategy-timeline-panel{display:none;order:5;margin:10px 0 0;padding-top:10px;border-top:1px solid #26354b}
body.strategy-page .has-active-cycle .strategy-timeline-panel{display:block}
body.strategy-page .has-active-cycle .strategy-timeline{display:flex;overflow-x:auto}
body.strategy-page .has-active-cycle .timeline-step{flex:0 0 150px;padding:8px;opacity:.78}
body.strategy-page .has-active-cycle .timeline-in_progress,
body.strategy-page .has-active-cycle .timeline-error{opacity:1;border-color:#4b9cff}
body.strategy-page .strategy-account-link-panel{order:8;margin:0}
body.strategy-page .strategy-secondary-workspace{order:9;padding:12px;border:1px solid #26354b;border-radius:10px;background:#0a111e}
body.strategy-page .strategy-secondary-workspace>.strategy-grid{margin-top:12px}
@media(max-width:900px){
  body.strategy-page .live-readiness-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.strategy-page .strategy-empty-state{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){body.strategy-page .live-readiness-list{grid-template-columns:1fr}}

/* Ayarlar Faz 3B: trading ve safety öncelikli bilgi hiyerarşisi */
body.settings-page .settings-sections{display:flex;flex-direction:column;gap:10px}
body.settings-page .settings-sections>#settings-live-security-accordion{order:1}
body.settings-page .settings-sections>#settings-engine-accordion{order:2}
body.settings-page .settings-sections>#settings-display-accordion{order:3}
body.settings-page .settings-sections>#settings-exchange-accounts-accordion{order:4}
body.settings-page .settings-sections>#transfer-network-accordion{order:5}
body.settings-page .settings-sections>#settings-telegram-accordion{order:6}
body.settings-page .settings-sections>#coin-management-accordion{order:7}
body.settings-page .settings-sections>#settings-advanced-accordion{order:8}
body.settings-page .settings-safety-accordion{border-color:#b9822d;background:linear-gradient(135deg,rgba(94,62,16,.2),#0b1220 48%);box-shadow:inset 3px 0 #d89b38}
body.settings-page .settings-safety-accordion>summary{min-height:64px}
body.settings-page .settings-safety-accordion>summary::before{color:#f0b84d}
body.settings-page .settings-safety-accordion>summary strong{color:#fff4d6}
body.settings-page .settings-safety-accordion>summary em{display:inline-flex;margin-left:7px;padding:2px 6px;border:1px solid rgba(240,184,77,.45);border-radius:999px;color:#f0b84d;font-size:.62rem;font-style:normal;letter-spacing:.08em;vertical-align:middle}
body.settings-page .settings-safety-accordion .settings-live-grid>div,
body.settings-page .settings-safety-accordion .settings-live-grid>label{border-color:rgba(185,130,45,.38);background:#15160f}
body.settings-page .settings-section button{border-color:#34445a;background:#18253a;color:#dbeafe;box-shadow:none}
body.settings-page .settings-section button:not(:disabled):hover{background:#243650;box-shadow:none}
body.settings-page #price-opportunity-settings button[type="submit"],
body.settings-page .threshold-save,
body.settings-page #exchange-account-save,
body.settings-page #coin-form button[type="submit"]{border-color:transparent;background:var(--product-primary);color:#fff}
body.settings-page #settings-live-limit-save{border-color:#c38a2d;background:#9a681b;color:#fff7e6}
body.settings-page .threshold-quick button,
body.settings-page .bybit-whitelist-filters button{min-height:34px;padding:.3rem .6rem;border-color:#2c3d54;background:#111c2e;color:#9fb1c8;font-size:.75rem}
body.settings-page .threshold-quick button.active,
body.settings-page .bybit-whitelist-filters button.active{border-color:#3b82f6;background:#18365e;color:#dbeafe}
body.settings-page .telegram-link-remove,
body.settings-page .exchange-account-disable{border-color:#7f3340;background:transparent;color:#ffabb5}
body.settings-page .settings-accordion:not(.settings-safety-accordion)>summary{min-height:54px;padding-block:.6rem}
body.settings-page .settings-section-helper{margin-bottom:.65rem;font-size:.84rem}
body.settings-page #settings-display-accordion .threshold-description,
body.settings-page .telegram-threshold-config .threshold-description{display:none}

/* Tüm Coinler Faz 4: arama, filtre ve sayfalı kompakt liste */
#all-coins-section>summary>span{display:flex;align-items:center;gap:8px}
#all-coins-count{display:inline-flex;min-width:24px;justify-content:center;padding:2px 7px;border-radius:999px;background:#1b2b42;color:#9fc7f8;font-size:.7rem;font-variant-numeric:tabular-nums}
.all-coins-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-block:1px solid #1f2d40;background:#09111d}
.all-coins-search input{width:100%;min-height:36px;padding:6px 10px;border:1px solid #34445a;border-radius:8px;background:#07101f;color:#eef6ff;box-sizing:border-box}
.all-coins-filters{display:flex;gap:4px;flex-wrap:wrap}
.all-coins-filters button,.all-coins-pagination button{min-height:32px;padding:4px 9px;border:1px solid #2c3d54;border-radius:7px;background:#111c2e;color:#9fb1c8;font-size:.72rem;font-weight:700;cursor:pointer}
.all-coins-filters button.active,.all-coins-pagination button.active{border-color:#3b82f6;background:#18365e;color:#dbeafe}
.all-coins-filters button[data-filter="spread"]::after{content:" ≥%1";color:#71849d;font-size:.62rem}
#all-coins-section #control-panel{position:static;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0;background:transparent;border:0;box-shadow:none}
.coin-view-segment{display:inline-flex;border:1px solid #34445a;border-radius:8px;overflow:hidden;background:#0b1422}
.coin-view-segment .toggle-view-btn{min-height:34px;margin:0;padding:5px 9px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.68rem}
.coin-view-segment .toggle-view-btn+ .toggle-view-btn{border-left:1px solid #34445a}
.coin-view-segment .toggle-view-btn.active{background:#245e9f;color:#fff;transform:none}
#all-coins-section:not(.alerts-mode) #cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;justify-content:stretch;padding:10px 12px}
#all-coins-section #cards .card{width:auto;max-width:none;padding:5px;border-radius:10px;box-shadow:0 5px 14px rgba(4,9,18,.55)}
#all-coins-section #cards .coin-symbol{font-size:.9rem}
#all-coins-section #cards .star-icon{font-size:1.1rem}
.all-coins-pagination{display:flex;justify-content:center;gap:4px;padding:8px 12px 12px}
.all-coins-pagination[hidden]{display:none}
.all-coins-pagination button:disabled{cursor:not-allowed;opacity:.35}
#all-coins-section.alerts-mode .all-coins-search,#all-coins-section.alerts-mode .all-coins-filters,#all-coins-section.alerts-mode .all-coins-pagination{display:none}
#all-coins-section.alerts-mode .all-coins-toolbar{grid-template-columns:1fr}
#all-coins-section.alerts-mode #control-panel{justify-self:end}
@media(max-width:850px){.all-coins-toolbar{grid-template-columns:1fr}.all-coins-filters{order:2}#all-coins-section #control-panel{order:3;justify-content:space-between}}