/* === buttons bars === */

/* === Genel Buton === */
.btn {
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  border-radius: 6px;
  transition: all 0.3s ease;
}



/* Buy & Sell Buttons */
.btn-buy {
  flex: 1;
  padding: 10px;
  background: var(--color-bmx-green);
  border: none;
  border-radius: 4px;
  font-weight: bold;
  color: var(--text-color-negative);
}
.btn-buy:hover { background: var(--color-bmx-green-dark); }

.btn-sell {
  flex: 1;
  padding: 10px;
  background: var(--color-bmx-red);
  border: none;
  border-radius: 4px;
  font-weight: bold;
  color: var(--text-color-negative);
}
.btn-sell:hover { background: var(--color-bmx-red-dark); }

/* === Search Bars === */
.search-input, .pair-search input, .market-search input {
  padding: 8px 12px;
  border: 1px solid #444;
  border-radius: 6px;
  background: var(--bg-color);
  color: var(--text-color);
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  caret-color: var(--color-bmx-darker);
}

.signup-form input:focus,
.search-input:focus,
.pair-search input:focus,
.market-search input:focus {
  outline: none;
  border-color: var(--color-bmx-light);
  box-shadow: 0 0 6px var(--color-bmx-shadow);
}


.signup-form input:hover,
.search-input:hover,
.pair-search input:hover,
.market-search input:hover {
  outline: none;
  border-color: var(--color-bmx-light);
}


/* === Form Inputs (Order Entry) === */
.input-field {
  width: 100%;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #444;
  margin-bottom: 10px;
  font-size: 14px;
  background: var(--bg-color);
  color: var(--text-color);
  box-sizing: border-box;
  caret-color: var(--color-bmx-darker);
}

.input-field:focus {
  outline: none;
  border-color: var(--color-bmx-darker);
  box-shadow: 0 0 6px var(--color-bmx-shadow);
}

.input-field:hover {
  outline: none;
  border-color: var(--color-bmx-light);
}
/* markets page classes */
.markets .tab-btn:hover { opacity: .85; }


/* trade page classes */
/* Order Book – küçük tick select */
.tr-ob__tick{
  height: 28px;              /* daha alçak */
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1;
  width: 5.5ch;              /* “0.01” metnine göre kompakt */
  min-width: 70px;           /* güvenlik payı */
  max-width: 84px;
  margin-bottom: 0px;
  border-radius: 13px;
}

/* Sidebar tabs + star */
.tr-tabbtn--icon { padding: 4px 6px; border: none; }
.tr-tabbtn--icon.is-active .star-icon{ opacity: 1; transform: scale(1.03); }
.tr-tabbtn--icon:hover .star-icon{ opacity: .85; }
.tr-tabbtn:hover { opacity: .85; }

/* Başlıktaki araçların hizası için ufak dengeleme */
.tr-panel__tools { gap: 6px; }