/* /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);
  /* iOS Safari zoom fix */
  font-size: 16px;
  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);
}

/* Thinking 3 dots loader */
.bt-thinking-dots {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.bt-thinking-dots span {
  width: 6px;
  height: 6px;
  background: currentColor;
  border-radius: 50%;
  animation: bt-bounce 1.4s infinite ease-in-out both;
}

.bt-thinking-dots span:nth-child(1) { animation-delay: -0.32s; }
.bt-thinking-dots span:nth-child(2) { animation-delay: -0.16s; }

@keyframes bt-bounce {
  0%, 80%, 100% { transform: scale(0); opacity: 0.4; }
  40% { transform: scale(1); opacity: 1; }
}


/* Thinking text + dots layout */
.bt-thinking-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.bt-thinking-text {
  font-weight: 500;
  opacity: 0.85;
}


/* Integrated Pensando... animation */
.bt-thinking-wrapper {
  display: inline-flex;
  align-items: center;
}

.bt-thinking-text {
  font-weight: 500;
  opacity: 0.9;
}

.bt-thinking-ellipsis {
  display: inline-flex;
  margin-left: 4px;
}

.bt-thinking-ellipsis span {
  width: 4px;
  height: 4px;
  margin-left: 2px;
  background: currentColor;
  border-radius: 50%;
  animation: bt-ellipsis 1.4s infinite ease-in-out both;
}

.bt-thinking-ellipsis span:nth-child(1) { animation-delay: -0.32s; }
.bt-thinking-ellipsis span:nth-child(2) { animation-delay: -0.16s; }

@keyframes bt-ellipsis {
  0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
  40% { opacity: 1; transform: scale(1); }
}