/* VF_LASO_EXACT_VAULTFI_THEME_BRIDGE_V3_1
 *
 * The visual system comes from the CURRENT production Send page loaders.
 * This file only supplies layout behavior for Laso-specific tabs and modals.
 * It intentionally does not redefine VaultFi colors/cards/fields/buttons.
 */

.vf-laso-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  margin:18px 0 0;
  padding:6px;
  overflow-x:auto;
}

.vf-laso-tabs button{
  flex:0 0 auto;
  min-height:38px;
  padding:0 13px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#7d859b;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.vf-laso-tabs button:hover{
  background:#f5f7ff;
  color:#111a34;
}

.vf-laso-tabs button.active{
  background:#eef0ff;
  color:#6259df;
}

.vf-laso-panel{
  display:none;
  margin-top:16px;
}

.vf-laso-panel.active{
  display:block;
}

.vf-laso-full-btn{
  width:100%;
  min-height:50px;
  margin-top:14px;
}

.vf-laso-note{
  margin-top:12px;
}

.vf-laso-amount-control{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px;
  gap:8px;
  align-items:center;
}

.vf-laso-check{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  color:#59647a;
  font-size:12px;
  font-weight:700;
}

.vf-laso-check input{
  width:auto!important;
  min-width:16px;
  height:16px;
}

.vf-laso-break strong{
  max-width:340px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.vf-laso-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:999999;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(22,28,49,.28);
  backdrop-filter:blur(8px);
}

.vf-laso-modal.show{
  display:flex;
}

.vf-laso-modal-card{
  position:relative;
  width:min(540px,96vw);
  max-height:90vh;
  overflow:auto;
  padding:22px;
  box-shadow:0 28px 80px rgba(27,34,70,.20);
}

.vf-laso-modal-wide{
  width:min(720px,96vw);
}

.vf-laso-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:36px;
  height:36px;
  padding:0;
  font-size:20px;
}

.vf-laso-card-row,
.vf-laso-history-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid rgba(92,103,151,.09);
}

.vf-laso-card-row:last-child,
.vf-laso-history-row:last-child{
  border-bottom:0;
}

.vf-laso-card-row>div,
.vf-laso-history-row>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.vf-laso-card-row span,
.vf-laso-history-row span{
  color:#7d859b;
  font-size:10px;
}

.vf-laso-history-row a{
  color:#6259df;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

#vfLasoNotice:not(:empty){
  display:block!important;
  margin-bottom:14px;
}

#vfLasoBusy:not([hidden]){
  display:block!important;
  position:fixed;
  right:18px;
  bottom:70px;
  z-index:999998;
  max-width:320px;
  box-shadow:0 18px 50px rgba(27,34,70,.16);
}

@media(max-width:700px){
  .vf-laso-amount-control{
    grid-template-columns:minmax(0,1fr) 92px;
  }

  .vf-laso-modal{
    padding:12px;
  }

  .vf-laso-card-row,
  .vf-laso-history-row{
    align-items:flex-start;
    flex-direction:column;
  }
}