/* /assets/css/footer.css
   ✅ Remember + status pill footer
   ✅ Lightbox inputs (Topup) dark/light
*/

/* Remember row */
.bt-remember{
  margin-top: 8px;
  display:flex;
  justify-content:flex-start;
}
.bt-remember-label{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--muted);
  user-select:none;
}
.bt-remember-label input{
  width: 18px;
  height: 18px;
  accent-color: rgba(74,163,255,.9);
}

/* Footer row: status a la derecha */
.bt-remember-row{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.bt-status-footer{
  margin-left: auto;
  flex: 0 0 auto;
}
#statusText{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 46vw;
}
@media (max-width: 420px){
  #statusText{ max-width: 38vw; }
}

/* Lightbox inputs */
.bt-lb-input{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(56,189,248,0.35);
  background: rgba(6,10,20,0.55);
  color: var(--text);
  font-family: var(--mono);
  outline:none;
  appearance: none;
  -webkit-appearance: none;
}
.bt-lb-input::placeholder{
  color: rgba(147,164,217,.85);
}
.bt-lb-input:focus{
  border-color: rgba(74,163,255,.65);
  box-shadow: 0 0 0 3px rgba(74,163,255,.14);
}
.bt-lb-input--muted{
  border-color: rgba(56,189,248,0.20);
  background: rgba(6,10,20,0.35);
  color: var(--muted);
}

html[data-theme="light"] .bt-lb-input{
  border-color: rgba(18,24,38,.14);
  background: rgba(255,255,255,.92);
  color: var(--text);
  box-shadow: 0 10px 26px rgba(11,16,32,.06);
}
html[data-theme="light"] .bt-lb-input::placeholder{
  color: rgba(11,16,32,.45);
}
html[data-theme="light"] .bt-lb-input:focus{
  border-color: rgba(43,108,255,.45);
  box-shadow: 0 0 0 3px rgba(43,108,255,.12);
}
html[data-theme="light"] .bt-lb-input--muted{
  border-color: rgba(18,24,38,.12);
  background: rgba(18,24,38,.04);
  color: rgba(11,16,32,.55);
}