/* container card */
.trading-form{
  background:#1b3a4a;
  border:1px solid var(--navy-border);
  border-radius:14px;
  padding:14px;
}

/* sections */
.card-area{ min-height:240px; display:flex; flex-direction:column; }
.is-hidden{ display:none !important; } /* <-- force hide even if .d-flex somewhere */

/* tabs */
.trading-form .buy-sell-tabs{ display:flex; gap:8px; margin-bottom:12px; border-bottom:1px solid var(--navy-border); }
.trading-form .b-s-btn{ flex:1; background:transparent; border:none; color:#8a9cb2; padding:.65rem .25rem; border-bottom:2px solid transparent; font-weight:600; }
.trading-form .b-s-btn.active{ color:#fff; border-bottom-color:#2b5b75; }

/* inputs */
.form-label-simple{ font-size:.85rem; color:#adb5bd; margin-bottom:.5rem; }
.trading-form .form-control{ background:rgba(0,0,0,.2); border:1px solid var(--navy-border); color:#fff; border-radius:8px!important; }
.trading-form .input-group-text{ background:rgba(0,0,0,.2); border:1px solid var(--navy-border); color:#8a9cb2; border-radius:8px!important; }

/* % chips */
.percentage-btns{ display:flex; justify-content:space-between; gap:6px; margin-bottom:.25rem; }
.percentage-btns button{ flex:1; background:#2b5b75; border:1px solid var(--navy-border); color:#cfe3ee; font-size:.8rem; border-radius:6px; padding:.3rem .25rem; }
.percentage-btns button:hover{ filter:brightness(1.08); }

/* CTAs */
.btn-buy{ background:#00b894; color:#fff; font-weight:700; border:none; }
.btn-buy:hover{ background:#00a080; }
.btn-sell{ background:#d63031; color:#fff; font-weight:700; border:none; }
.btn-sell:hover{ background:#b02829; }
/* somewhere in forms.css */
#sellUsdtEq { font-weight:600; }