.accountField{
  display:block;
  margin-bottom:10px;
}

.accountFieldLabel{
  display:block;
  color:rgba(214,225,255,.50);
  font-size:12px;
  margin:0 0 6px;
}

.accountInput{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(120,180,255,.18);
  background:rgba(3,10,20,.55);
  color:#eef4ff;
  font-size:16px;
  line-height:1.3;
  outline:none;
}

.accountInput:focus{
  border-color:rgba(120,220,255,.45);
  box-shadow:0 0 0 3px rgba(120,220,255,.10);
}

.accountInlineActions{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:10px;
}

.accountMiniBtn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:12px 16px;
  border-radius:18px;
  border:1px solid rgba(120,180,255,.22);
  background:rgba(10,18,36,.55);
  color:#eef4ff;
  font-weight:700;
  letter-spacing:.01em;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
  box-shadow:none;
  transition:transform .12s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.accountMiniBtn:active{
  transform:translateY(1px);
}

.accountMiniBtn:disabled{
  opacity:.65;
  cursor:not-allowed;
}

.accountMiniBtn--primary{
  border-color:rgba(95,210,255,.40);
  background:
    radial-gradient(120px 120px at 30% 30%, rgba(110,230,255,.35), transparent 55%),
    linear-gradient(135deg, rgba(70,220,255,.26), rgba(30,140,255,.18));
  color:#eef4ff;
  box-shadow:
    0 10px 28px rgba(0,0,0,.20),
    0 0 22px rgba(110,230,255,.14);
}

.accountInlineActions .accountMiniBtn{
  flex:1;
}

.modal .tabs .accountMiniBtn{
  flex:1;
}

.accountInlineStatus{
  margin-top:10px;
  font-size:13px;
  color:rgba(214,225,255,.58);
}

.accountInlineStatus.ok{ color:rgba(140,255,190,.92); }
.accountInlineStatus.error{ color:rgba(255,140,140,.92); }
.accountInlineStatus.info{ color:rgba(120,220,255,.82); }