/* Chemical-Mandi R68 */

/* Strong header band for drill-down / tile popups */
.bi-detail-modal .bi-modal-head,
.rfq-price-modal .modal-head,
.rfq-price-modal > .panel-header,
.cm-r64-modal > .eyebrow,
.r58-transaction-modal > .eyebrow{
  background:linear-gradient(90deg,#8f1f13,#d63b1f,#ff7a18)!important;
  color:#fff!important;
  margin:-24px -24px 18px!important;
  padding:18px 24px!important;
  border-radius:16px 16px 0 0!important;
}
.bi-detail-modal .bi-modal-head h2,
.bi-detail-modal .bi-modal-head p,
.bi-detail-modal .bi-modal-head .eyebrow{
  color:#fff!important;
  font-weight:800!important;
}
.bi-detail-modal .bi-modal-head .secondary-btn{
  background:#fff!important;
  color:#9a3412!important;
  border-color:#fff!important;
  font-weight:800!important;
}

/* All table header rows inside popup/tile detail views */
.bi-detail-modal table thead,
.cm-r64-modal table thead,
.r58-transaction-modal table thead,
.rfq-price-modal table thead{
  background:#fff1e6!important;
}
.bi-detail-modal table th,
.cm-r64-modal table th,
.r58-transaction-modal table th,
.rfq-price-modal table th{
  background:#fff1e6!important;
  color:#8f1f13!important;
  font-weight:900!important;
}

/* Login curves visible inside BOTH panels */
.reference-auth-shell{
  position:relative!important;
  overflow:hidden!important;
}
.account-brand-loader,
.account-form-panel{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.account-brand-loader::before,
.account-brand-loader::after,
.account-form-panel::before,
.account-form-panel::after{
  content:""!important;
  position:absolute!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.account-brand-loader::before{
  width:420px!important;height:420px!important;
  right:-180px!important;bottom:-220px!important;
  border:3px solid rgba(255,255,255,.22)!important;
}
.account-brand-loader::after{
  width:300px!important;height:300px!important;
  left:-150px!important;top:80px!important;
  border:2px solid rgba(255,255,255,.15)!important;
}
.account-form-panel::before{
  width:430px!important;height:430px!important;
  right:-260px!important;top:-210px!important;
  border:3px solid rgba(205,51,24,.10)!important;
}
.account-form-panel::after{
  width:330px!important;height:330px!important;
  left:-220px!important;bottom:-190px!important;
  border:2px solid rgba(255,122,24,.12)!important;
}

/* keep content above the decorative curves */
.account-brand-loader > *,
.account-form-panel > *{
  position:relative!important;
  z-index:1!important;
}

@media(max-width:760px){
  .bi-detail-modal .bi-modal-head{margin:-18px -14px 14px!important;padding:15px 16px!important}
}